1. 게임 테두리와 플레이어의 크기, 간격이 미묘하게 맞지 않는 문제
2. 폰트가 로딩되기 전까지 loading... 문구와 함께 기본폰트로 화면이 표시되는 문제
이번에는 이부분을 고쳐보겠습니다.
**소스 코드: game-tutorial5.js
이전 튜토리얼에서 변경이 없는 부분은 설명을 생략합니다.
var charGroups = { wall: { chars: '■', isFullwidth: true, sizeAdj: 1.2, xAdj: -0.05, yAdj: 0.03, }, };
charGroup은 특정한 문자들의 출력에 대한 미세조절을 지정하기 위한 세팅입니다. wall은 그룹의 이름으로 원하는 다른 이름을 넣을 수도 있습니다.
var mainInterval; TMS.onReady(function(){ mainInterval = window.setInterval(function(){ calculate(); draw(); TMD.print("Player",{x:player.x,y:player.y}); },30); });
TMS.onReady 함수는 loading이 있는 경우 loading이 끝나면 해당 함수부분을 호출합니다. 즉 폰트가 로딩되기 전까지는 프로그램을 실행하지 않게 됩니다.
TMD.print는 디버깅용 데이터를 출력하는 함수입니다. player의 x, y좌표를 출력하는 코드를 추가했습니다.
두가지 문제들이 해결되었고 화면 우측에 디버깅용 데이터가 출력됩니다.
댓글
이 글에 댓글을 다시려면 SNS 계정으로 로그인하세요. 자세히 알아보기