HTML5 게임에 모바일 액세스 용 버튼을 추가하는 방법 -

비디오: LIBGDX para Android - Tutorial 40 - Menú del Juego - How to make games Android 2024

simpleGame 라이브러리에는 HTML5 게임용 모바일 장치의 화면에 버튼을 추가하는 GameButton이라는 편리한 기능이 있습니다. 키보드는 표준 브라우저에서 입력하는 가장 쉬운 방법 중 하나이지만 대부분의 모바일 장치에는 키보드가 없습니다. 첫 번째 문제는 키보드가 없을 때 사용자 입력을받는 방법을 찾는 것입니다.

버튼. html

var btnMove; var game; var 공; 함수 init () {game = new Scene (); 경기. setSize (200, 200); ball = new Sprite (게임, "redBall.png", 25, 25); 공. setSpeed (0); 공. setPosition (100, 100); btnMove = 새로운 GameButton ("Move"); btn 이동. setPos (70,150); btn 이동. setSize (60, 30); 게임. start ();} // init 함수를 끝내십시오. update () {game. 명확한(); checkButtons (); 공. checkButtons () { if (btnMove. isClicked ()) { 볼을 업데이트합니다. setSpeed (3); } else { 공. setSpeed (0); } // end if } // end checkButtons 일반적으로 새롭고 흥미로운 요소는 굵게 표시됩니다. 게임에 게임 버튼을 추가하는 방법은 다음과 같습니다.

버튼에 대한 변수를 만듭니다.

다른 게임 요소와 마찬가지로 버튼을 가리키는 변수를 만드는 것으로 시작합니다.

GameButton 객체를 빌드하십시오.

init () 메소드에서 GameButton 객체를 빌드하십시오. 단일 매개 변수는 단추의 캡션을 나타냅니다.
버튼의 크기와 위치를 설정합니다.

모바일 장치에서 게임 플레이가 어떻게 작동하는지 조금 생각하고 싶을 것입니다. 보기를 너무 많이 막지 않고 플레이어가 손쉽게 도달 할 수있는 버튼을 배치하십시오. 게임의 열기가 뜨거울 때 버튼을 누르기에 충분히 큰 버튼을 만들 수도 있습니다. (온 스크린 버튼은 태블릿 기반 게임에 훨씬 좋습니다.)
업데이트 중 버튼 상태를 확인하십시오 ().
update () 함수 중 키보드 상태를 정상적으로 확인하는 것처럼 버튼 상태를 확인하는 함수를 호출 할 수도 있습니다. 물론이 함수를 작성해야합니다.
버튼의 isClicked () 메소드를 읽습니다.

버튼이 현재 눌러져 있으면 isClicked () 값이 true입니다. 버튼이 현재 눌러지지 않은 경우, isClicked ()는 false를 반환합니다.이 메서드를 사용하여 각 단추의 현재 상태를 확인하고 그에 따라 작동합니다.
키보드와 마찬가지로 버튼을 조작합니다.

버튼을 테스트하면 궁극적으로 부울 (true 또는 false) 값이 반환되기 때문에 일반적으로 버튼 확인은 키보드를 확인하는 것과 같습니다.
필요할 때만 단추를 추가하는 것을 고려하십시오.

원하는 경우 터치 스크린을 사용할 수있는 경우에만 버튼을 표시하고 테스트 할 수있는 게임을 디자인 할 수 있습니다. Scene 객체에는 touchable이라는 특수 변수가 있습니다. 이 변수는 라이브러리가 터치 스크린을 감지하면 true이고 그렇지 않으면 false입니다. 이 변수를 사용하여 재생 환경에 적응하는 사용자 정의 인터페이스를 생성 할 수 있습니다.
일반적으로 인터페이스에 여러 버튼을 추가합니다. 하나는 사용자가 사용할 것으로 예상되는 각 키 (예: 화살표와 스페이스 바)를 대체하는 버튼입니다. 이 방법으로 화면에 가상 키보드를 만들 수 있습니다. 편안한 게임 플레이 경험을 얻으려면 각 키의 크기와 위치를 테스트해야 할 수도 있습니다.

버튼의 캡션은 일반 HTML이므로 이미지를 기반으로 버튼을 만들고 싶다면 적절한