[AD]Travala 암호화폐로 유명호텔 싸게 예약하자

굳헬로의 스팀 프로그램 일기!! 예순일곱번째 #68 스팀몬스터 배틀 결과 정보를 이미지로 보기 쉽게 만들어보자.

in sct •  5 months ago  (Edited)

화요일 잘 보내고 계신가요??

파란 하늘이 너무 기분 좋네요.

역시 가을은 너무 좋은 계절입니다.

그럼 오늘도 프로그램 일기 남겨보겠습니다.


어제는 스팀몬스터 배틀 결과 정보를 웹 페이지를 통해 확인할 수 있는 코드를 짜보았습니다.

스팀몬스터에서 배틀 정보 결과를 json 형식으로 제공하고 있기 때문에, 해당 정보를 가지고 와서, 원하는 유저의 배틀 정보를 웹 페이지를 통해 확인할 수 있게 되었습니다.

http://heinz.wo.tc/sm/index.php#s3

하지만 텍스트로만 확인하려니 뭔가 좀 부족하게 느껴지죠.

그래서 배틀 정보 결과를 보기 좋게 하기위하여 이미지를 적용해 보기로 했습니다.

기본적인 코드는 어제와 비슷하지만, 가독성을 위해 테이블을 전면 수정하였습니다.

echo "<tr>";
echo "<td rowspan='4'>";
echo "$i";
echo "</td>";
echo "<td colspan='4'>";
echo "마나 캡 : ".$battle_info->mana_cap." ";
$ruleset = $battle_info->ruleset;
$ruleset = str_replace("|", ", ", $ruleset);
echo "룰 셋 : ".$ruleset." ";
if ($battle_info->inactive == "")
{
     $battle_info->inactive = "없음";
}
echo "인액티브 덱 : ".$battle_info->inactive." ";
echo "매치타입 : ".$battle_info->match_type."<br>";
echo "</td>";
echo "</tr>";

echo "<tr>";
echo "<td colspan='2'>";
$details = json_decode($battle_info->details);
echo "플레이어1 : ".$details->team1->player."( ".$details->team1->rating." )<br>";
echo "</td>";
echo "<td colspan='2'>";
echo "플레이어2 : ".$details->team2->player."( ".$details->team2->rating." )<br>";
echo "</td>";
echo "</tr>";

echo "<tr>";
echo "<td>";                        
$team1_summoner = get_card_name($allcards, $details->team1->summoner->card_detail_id);
$img_link = "https://s3.amazonaws.com/steemmonsters/cards_beta/"; 
$img_link2 = $img_link.$team1_summoner;
$img_link2 = $img_link2.".png";                     
echo "<i mg src='$img_link2' width='75' height='100' id='image'  vspace=1><br>";
echo $team1_summoner."(".$details->team1->summoner->level.")";
echo "</td>";
echo "<td>";
$index = 1;                     
foreach($details->team1->monsters as $monsters)
{                           
    $team1_monsters = get_card_name($allcards, $monsters->card_detail_id);
    $img_link2 = $img_link.$team1_monsters;
    $img_link2 = $img_link2.".png";                     
    echo "<i mg src='$img_link2' width='60' height='80' id='image' vspace=1>";
    echo $team1_monsters. "(".$monsters->level.")<br>";
    $index = $index + 1;
}
echo "</td>";
echo "<td>";
$team2_summoner = get_card_name($allcards, $details->team2->summoner->card_detail_id);
$img_link2 = $img_link.$team2_summoner;
$img_link2 = $img_link2.".png";                     
echo "<i mg src='$img_link2' width='75' height='100' id='image'  vspace=1><br>";
echo $team2_summoner."(".$details->team2->summoner->level.")";                      
echo "</td>";
echo "<td>";
$index = 1;
foreach($details->team2->monsters as $monsters)
{                           
    $team2_monsters = get_card_name($allcards, $monsters->card_detail_id);
    $img_link2 = $img_link.$team2_monsters;
    $img_link2 = $img_link2.".png";                     
    echo "<i mg src='$img_link2' width='60' height='80' id='image'  vspace=1>";
    echo $team2_monsters. "(".$monsters->level.")<br>";
    $index = $index + 1;
}
echo "</td>";

echo "<tr>";
echo "<td>";
echo "승리자 : ";
echo "</td>";
echo "<td>";
echo $details->winner;
echo "</td>";
echo "<td colspan='2'>";
echo "<a href='https://splinterlands.io?p=battle&id=".$battle_info->battle_queue_id_1."' target='_blank'>전투보기</a>";
echo "</td>";                       
echo "</tr>";

테이블 배치를 수정하고, 소환사와 몬스터는 이미지가 출력될 수 있도록 이미지 태그를 삽입하였습니다.

그나저나 이미지를 넣으니 화면을 배치하는 일이 쉽지가 않네요.

웹 디자인 기술이 부족하다보니, 일단은 할수 있는 범위 내에서 덱 구성 몬스터 이미지들을 배치를 해보았습니다.

기회가 되면 웹 디자인 기술을 배워, 더욱 보기 좋게 만들고 싶은 생각도 드네요.

이제 스팀몬스터 배틀을 할때 상대방 아이디로 배틀 정보를 검색해, 어떤 룰셋에 어떤 덱으로 대응하는지 살짝 찾아보고 덱을 짜면, 승리 확률을 조금은 더 높힐수 있지 않나 생각됩니다.

하지만... 현실은 레닝왕자가 없는... ㅠㅠ

그럼 여러분들 오늘 하루도 행복하시구요~

다음 시간에는 또 다른걸 생각해서 만드는데 도전해 보겠습니다.


굳헬로의 스팀 프로그램 일기!! 시리즈

#1 Python 프로그램 설치 && steemengine 파이썬 api 설치 && 간단한 steemengine 예제

#2 비주얼 스튜디오 코드 프로그램 설치 && 비주얼 스튜디오 코드를 사용하여 파이썬 다루기 && 간단한 steemengine 예제

#3 스팀엔진 토큰의 정보를 가져오는 findOne() && 누군가의 토큰 사용 내역을 가져오는 get_history() && JSON 데이터 출력

#4 steemengine Token 클래스 && Token.get_holder() && Token.get_market_info() && Token.get_buy_book() && Token.get_sell_book()

#5 스팀엔진 블록을 뒤져서 원하는 정보를 찾아보자!! 스팀엔진 마켓 거래 내역을 뽑아내는 예제

#6 파이썬으로 스팀엔진 토큰들을 클레임 해보자.

#7 드디어 첫 실전!! 무한 반복 작업 수행하기!! 이제 직접 클레임 하는 손맛은 잊자. 무한 반복 자동 클레임!!

#8 텔레그램 봇을 이용해 알림을 받아보자!! && 무한 반복 자동 클레임의 정보를 텔레그램으로 받아보기!!

#9 무한 반복 자동 클레임 업그레이드!! && 토큰 잔고 확인 && 토큰 전송과 토큰 전송 내역을 텔레그램으로 받아보기!!

#10 토큰 전송내역을 검사하고, 토큰을 전송 받으면 텔레그램으로 알림을 받아보기!!

#11 스팀엔진 토큰 임대내역 추적. 쉽지 않았던 머나먼 여정 (1/2)

#12 스팀엔진 토큰 임대내역 추적. 쉽지 않았던 머나먼 여정 (2/2) 스팀엔진 토큰 임대내역 추적 완료!!

#13 웹 프로그래밍의 시작!! 파이썬을 이용하여 정보를 MySQL 데이터 베이스에 저장해보기!!

#14 파이썬을 이용하여 데이터베이스로부터 정보를 가져오기 && 스팀코인판 3대풀 임대내역 데이터베이스 작업 완료!!

#15 웹 프로그래밍을 이용하여 스팀코인판 3대조합의 임대 내역을 웹으로 확인해보자 !!

#16 스팀엔진 최신 블록을 검사하여 필요한 정보를 데이터베이스에 저장하기!! 3대 조합의 임대내역을 최신으로 저장하기!!

#17 조합들이 필요한 기능 드디어 완성!! 자동 클레임과 자동 분배 기능!!

#18 스팀코인판 3대 조합의 임대내역과 실시간 예상 분배 금액을 웹으로 확인해보자!!

#19 어제 만든 프로그램 업그레이드!! 개별 상세내역보기 기능 추가!!

#20 시행착오... 그리고 시련... 하지만 원사마님 덕분으로 엄청난 레벨업!! 감사합니다. 더욱 발전하겠습니다.

#21 레벨업을 했지만 또 다시 찾아온 시련!! 프로그램 결과와 블록체인에 기록된 결과가 다르다!! 어떻게 해야 할까...

#22 오늘부터 새로운 도전!! 자동 보팅 만들기!! 그 첫번째 스팀코인판의 소각글에 자동보팅을 해보자!! 첫번째 시간 (1/N)

#23 스팀코인판의 소각글의 정보를 가지고 와서 자동보팅을 해보자!! 그 두번째 시간 (2/N)

#24 스팀코인판 3대조합의 임대내역을 웹으로 확인해보자!! 업그레이드!!

#25 스팀코인판 3대조합의 임대내역을 웹으로 확인해보자!! 업그레이드 2!! 그리고 개발 예정 사항 공개!!

#26 드디어 첫 실전 가동 준비중... 스팀코인판 유니온 조합의 수익 자동분배 작업 완료중...

#27 스팀코인판 유니온 조합 첫 자동 분배 결과!! 그리고 보완!!

#28 스팀코인판 유니온 조합 자동 분배 프로그램의 결과를 웹으로 확인해 보자!!

#29 스팀코인판 유니온 조합 자동 분배 상황을 텔레그램으로 확인!! 임내 확인 페이지 정렬 기능 추가!!

#30 스팀코인판 조합의 임대량 페이지 정렬 기능 업그레이드!! 그리고 임대량 파이 차트 완성!!

#31 스팀코인판 조합의 하루하루 임대량 변화를 차트로 확인해보자!!

#32 트리플A를 이용하면서 그동안 번거로웠던 클레임 스테이킹 전송 작업 이젠 안녕!! 자동으로 AAA를 전송하고 클레임하고 스테이킹을 해보자!!

#33 굳헬로가 만든 스팀코인판 조합 자동 클레임과 자동 분배 프로그램 원피스 조합에도 사용 개시!!

#34 스팀코인판 조합 원피스 자동 클레임과 자동 분배 프로그램 업그레이드!! 텔레그램 봇으로 그룹 메시지를 받아보자!!

#35 스팀에서 새글 정보를 텔레그램으로 받아보자!! 함께 정보를 받아보는 텔레그램 그룹방 개설!!

#36 스팀엔진 블록 검사 놓치는 블록이 없도록 해보자!! 파일 입출력 기능 활용!!

#37 스팀엔진 블록을 검사하여 본인글의 댓글을 텔레그램 알람으로 받아보자!!

#38 드디어 완성!! 보팅 알람봇!! 스팀엔진 블록을 검사하여 본인글에 보팅이 찍히면 텔레그램 알람으로 받아보자!!

#39 파이썬과 텔레그램을 이용한 챗봇 프로그래밍의 시작!! 그 첫번째!! 챗봇과 대화를 해보고,특정 메시지에 반응을 해보자!!

#40 파이썬과 텔레그램을 이용한 챗봇 프로그래밍!! 파이썬에 CommandHandler를 사용하여 특정 명령어를 내려보자!!

#41 굳헬로의 텔레그램 보팅알람 서비스 일단은 완성!! 앞으로 다양한 기능 추가 예정!! 사용해보고 후기 남겨주세요!!

#42 업비트의 원화 마켓 코인들의 시세를 텔레그램으로 받아보자!! /get 비트코인, /get 스팀, /get 코인이름 명령어 등록!!

#43 업비트의 원화 마켓 코인들의 시세를 텔레그램으로 받아보자2!! 알려줘 비트코인, 알려줘 스팀 노노!! 이제 바로 비트코인 스팀 명령어 등록!!

#44 매일 매일 새로운 기능이 추가되고 있는 굳스팀 챗봇!! 챗봇을 이용하여 스팀엔진 토큰의 시세 정보를 받아보자!!

#45 텔레그램 챗봇을 이용하여 최신 코인 주요 뉴스를 받아보자!! 굳스팀 챗봇 소개!!

#46 굳스팀 텔레그램 챗봇 새 기능 추가!! 굳스팀 챗봇을 이용하여 최신 헤드라인 뉴스 정보를 받아보자!!

#47 뉴스를 구독해보자!! 명령어 입력없이 특정 시간 챗 봇이 뉴스를 자동으로 보내 드립니다.

#48 본격적으로 스팀코인판 조합의 자동 보팅시스템 제작 돌입!! 기본 설계 및 보팅 설정 페이지 작업 완료!!

#49 스팀코인판 조합의 자동 보팅시스템 제작 2번째 시간!! 보팅 설정에 따라 각 조합원 별로 보팅룰을 적용해 보자!!

#50 스팀코인판 조합의 자동 보팅시스템 제작 3번째 시간!! 설 정된 보팅룰을 파이썬 자동 보팅 프로그램에 가져오기!!

#51 스팀코인판 조합의 자동 보팅시스템 제작 4번째 시간!! 블록을 검사하여 설정된 보팅룰로 보팅하기!!

#52 스팀코인판 조합의 자동 보팅시스템 제작 5번째 시간!! 자동 보팅시스템 테스트 현황!! 굳!! 따봉~~

#53 스팀코인판 조합의 자동 보팅시스템 제작 6번째 시간!! 보팅룰 검사 프로그램과 자동 보팅 프로그램의 분리!!

#54 스팀코인판 조합의 자동 보팅시스템 제작 마지막 시간!! 드디어 실전 가동!! 오류 수정 및 보팅 현황 확인 웹 페이지 제작 완료!!

#55 이번에는 유니온 조합의 자동보팅 시스템을 만들어 보자!! 유니온 조합의 보팅설정 프로그램과 보팅 설정 결과 확인 기능 완료!!

#56 스팀 블록을 검사하여 유니온 조합의 조합원 글에 보팅 룰셋 적용 및 자동 보팅 수행!!

#57 유니온 조합 우량 임대자 우대 조치!! 특별 규칙에 따른 보팅 설정 적용!!

#58 유니온 조합 자동 보팅 프로그램 테스트 결과 성공!! 보팅 현황을 확인할 수 있는 웹 페이지 추가 완료!!

#59 새로운 프로그램 공부를 시작!! 스팀몬스터 자동화를 위해 스팀몬스터 API를 분석해보자!! 그 첫시간!!

#60 스팀몬스터 사용자 정보를 출력해보고, 사용자가 가진 카드 정보를 출력해보자.

#61 조합의 자동분배 프로그램 수정 및 유니온 자동보팅 프로그램 가동 시작!! 오늘도 파이썬으로 스팀몬스터 API를 공부해 보자!!

#62 조합의 자동보팅 프로그램 업그레이드!! 오늘은 스팀몬스터 마켓의 정보를 가져오는 API를 공부해 보자!!

#63 파이썬 스팀몬스터 API를 이용하여 사용자가 보유하고 있는 모든 카드의 값을 계산해보자!!

#64 파이썬 스팀몬스터 API를 이용하여 사용자가 보유하고 있는 모든 카드의 값을 웹 프로그램으로 확인해보자!!

#65 파이썬 스팀몬스터 API를 이용하여 카드 최저가 합산 프로그램 업그레이드!! 소팅 오류 수정 및 이미디 적용 완료!!

#66 파이썬 스팀몬스터 API를 이용하여 스팀몬스터 배틀 결과 정보를 출력해 보자!!

#67 오늘은 스팀몬스터 배틀 결과 정보를 확인할 수 있는 웹 페이지를 만들어 보자.

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

요즘 레닌의 파워가 많이 약해졌네요. 밸런스 조절이 있었다는 느낌이 들 정도네요.

역시 가을은 너무 좋은 계절입니다.

그쵸! 옛말에 천고굳비의 계절이라고 했죠! 하늘이 높고, 굳헬로우님은 살찐다는... 그 계절~~ ㅋㅋ 너무 좋네요^^

Hi @goodhello!

Your post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation!
Your UA account score is currently 4.012 which ranks you at #3993 across all Steem accounts.
Your rank has not changed in the last three days.

In our last Algorithmic Curation Round, consisting of 116 contributions, your post is ranked at #37.

Evaluation of your UA score:
  • Some people are already following you, keep going!
  • The readers like your work!
  • Try to work on user engagement: the more people that interact with you via the comments, the higher your UA score!

Feel free to join our @steem-ua Discord server