개인 재정 HTML5 게임에 기울기 컨트롤을 추가하는 방법 - 더미

HTML5 게임에 기울기 컨트롤을 추가하는 방법 - 더미

비디오: 9강 일러스트레이터기초및오브젝트구성1, mobile ux and ui Designer tutorial 강사 김영삼(소프트캠퍼스) 2025

비디오: 9강 일러스트레이터기초및오브젝트구성1, mobile ux and ui Designer tutorial 강사 김영삼(소프트캠퍼스) 2025
Anonim

모바일 장치에는 기울이기로 HTML5 게임의 개체를 제어 할 수있는 매우 흥미로운 입력 메커니즘이 있습니다. 이것은 동작을 추적하는 가속도계 라는 특별한 탑재 도구와 함께 작동합니다. 가속도계는 실제로 회전을 측정하므로이를 사용하여 게임에서 멋진 기울기 컨트롤을 얻을 수 있습니다.

simpleGame 라이브러리에는 가속도계를 캡슐화하는 Accel이라는 특수 객체가 있습니다. Joy 객체와 매우 비슷하게 작동합니다.

  1. Accel 객체를 생성합니다.

    SimpleGame에는 Accel 개체가 있습니다. 가속도계 테스트를 켜려면이 개체를 만듭니다.

  2. 방법을 사용하여 기울기를 결정합니다.

    Accel 객체에는 회전 량을 나타내는 getAX () 및 getAY ()라는 특수 메서드가 있습니다.

  3. 가속 값을 수정하십시오.

    AX 및 AY 값은 각각 X 및 Y 축을 중심으로 한 회전 량을 표시합니다. 값의 범위는 -9에서 9까지입니다. 일반적으로 원하는 동작을 얻으려면 기울이기 값을 수정해야합니다. 이것은 대개 몇 가지 간단한 수학 계산을 포함합니다.

여기에 accel의 코드가 있습니다. html:

accel. html var 게임; var 공; var accel function init () {game = new Scene (); ball = 새로운 Sprite (게임, "redBall.png", 50, 50); accel = 새로운 Accel (); 게임. start ();} // init 함수를 끝내십시오. update () {game. 명확한(); newDX = accel. getAY (); newDY = accel. getAX (); newDX * = -5; newDY * = -5; 공. setDX (newDX); 공. setDY (newDY); 공. update ();}

가속도계는 사용하기 쉽습니다.

  1. 가속도계 개체를 보관할 변수를 만듭니다.

    변수 accel을 호출 할 수 있습니다.

  2. 가속을 사용하십시오. getAX () 메서드는 X 축을 중심으로 회전을 가져옵니다.

    getAX () 메서드는 X 축을 중심으로 기울기 비율을 반환합니다. X 축은 화면에서 좌우로 이동하므로 X 축 주위의 회전은 일반적으로 Y 축을 따라 움직입니다.

  3. acccel을 사용하십시오. getAY () 메서드는 Y 축 주위의 회전을 결정합니다. 마찬가지로 getAY () 메서드는 (수직) Y 축을 따라 기울기 비율을 나타냅니다. 일반적으로 getAY ()를 사용하여 수평 모션을 제어합니다.

    Z 축에 대해 염려하지 마십시오.

  4. Z 축 (화면 중심에서 코쪽으로)을 따라 회전을 읽을 수도 있지만 일반적으로 도움이되지 않습니다. 중립 위치가 테이블 위에서 완전히 평평하게 놓여 있다고 (지금 당장) 가정한다.

    장치가 완전히 평평한 테이블에 완전히 놓여 있으면 getAX () 및 getAY ()에 대해 0 값을 얻습니다.

  5. 스케일링 요소 실험.

    일반적으로 원하는 동작을 얻으려면 getAX () 및 getAY () 결과를 어느 정도 곱해야합니다. 둘 다 음수 5를 곱하면 dy와 dx에 적절한 값을 얻을 수 있습니다. 원하는 행동을 정확하게 얻기 위해 실험을해야합니다.

HTML5 게임에 기울기 컨트롤을 추가하는 방법 - 더미

편집자의 선택

여성 건강 : 케겔 운동 방법 - 인형

여성 건강 : 케겔 운동 방법 - 인형

케겔 운동은 성기의 근육을 타겟으로합니다. 이 근육은 출산 중에 발생하는 스트레칭으로 인해 종종 약해지지만, 임신 한 적이없는 여성을 포함하여 어떤 여성이라도 적절한 케겔 (Kegel)을하는 법을 아는 것이 도움이 될 수 있습니다. 본질적으로 케겔 (Kegel)은 생식기에 좋은 운동을 제공하여 ...

폐경기 동안 기대할 사항 - 인형

폐경기 동안 기대할 사항 - 인형

폐경은 모든 여성의 삶의 사실입니다. 다른 연령대의 여러 단계의 증상으로 진행됩니다. 폐경의 결과로 여성은 알을 낳지 않고 생리를 멈추지 만 여성 호르몬, 에스트로겐 및 호르몬의 생성을 감소시킵니다.

여성 건강 : 요로 감염을 예방하는 방법 - 인형

여성 건강 : 요로 감염을 예방하는 방법 - 인형

요로 감염 (UTI)은 상당히 여성의 공통점. 통증이있는 ​​배뇨 나 잦은 소변과 같은 요로 감염의 증상을 발견하면 치료를받는 것이 중요합니다. UTI 치료는 일반적으로 항생제의 빠른 과정이지만 전문가의 도움을받는 데는 지체가 있으면 치료 시간이 길어질 수 있습니다. ...

편집자의 선택

Salesforce 조직에서 깨끗한 데이터를 유지 관리하는 많은 회사에서 Salesforce 조직의 깨끗한 데이터 유지 보수

Salesforce 조직에서 깨끗한 데이터를 유지 관리하는 많은 회사에서 Salesforce 조직의 깨끗한 데이터 유지 보수

많은 사람들을 위해 일하는 것과 비슷합니다. 많은 기업들이 혜택을 인식하고 있음에도 불구하고 습관을 버리는 것에 저항합니다. 사람들은 깨끗한 데이터가 시스템에 들어갈 수 있도록 시간을 할애하고 싶지 않지만 같은 사람들은 빨리 작업 할 수 있습니다 ...

Salesforce에서 캠페인을 만드는 방법 - Professional, Enterprise 또는 Unlimited Edition 사용자를 위해 제공되는 인형

Salesforce에서 캠페인을 만드는 방법 - Professional, Enterprise 또는 Unlimited Edition 사용자를 위해 제공되는 인형

Salesforce의 모듈은 마케팅 프로그램을 관리, 추적 및 측정하는 데 사용하는 일련의 도구입니다. 캠페인 레코드는 캠페인 레코드입니다. 수동 또는 자동으로 리드, 연락처 및 / 또는 기회 레코드에 링크하여 캠페인에 대한 실제 메트릭을 제공 할 수 있습니다.

편집자의 선택

표시 관련 기사 Joomla 웹 사이트 - 인형

표시 관련 기사 Joomla 웹 사이트 - 인형

Joomla의 또 다른 멋진 모듈은 기사 - 관련 기사. 기사 - 관련 기사는 사이트 방문자가 보려고 선택한 기사와 관련된 기사를 표시하는 모듈입니다. 이 모듈은 현재 기사와 관련된 기사를 어떻게 알 수 있습니까? 그것은 메타 데이터에 입력 할 수있는 메타 데이터 키워드를 사용합니다 ...

Joomla의 저자, ​​편집자 및 발행인 계정 만들기 - 더미

Joomla의 저자, ​​편집자 및 발행인 계정 만들기 - 더미

Joomla는 세 가지 프런트 엔드 사용자, 백엔드 사용자 및 그 중간에있는 특수 클래스의 사용자 클래스가 있습니다. 이 클래스에는 3 개의 사용자 그룹이 있습니다. 작성자는 기사를 제출할 수 있습니다. 편집자는 새 기사를 제출하고 기존 기사를 편집 할 수 있습니다. 게시자는 새 기사를 제출하고 기존 기사를 편집하며 기사를 게시 할 수 있습니다. Joomla 사이트 작성자 작성 ...