개인 재정 HTML5 게임에 현실적인 동작을 추가하는 방법 - 더미

HTML5 게임에 현실적인 동작을 추가하는 방법 - 더미

차례:

비디오: 파이썬 게임 만들기 Creating a Python Game with pygame (한글자막) 2025

비디오: 파이썬 게임 만들기 Creating a Python Game with pygame (한글자막) 2025
Anonim

공간을 살펴보십시오. html. 이 간단한 게임은 HTML5 게임에 사실적인 동작을 적용하는 좋은 예입니다. 고전 게임 소행성 과 우주 비행사로 유명한 제어 구조를 사용합니다! ( 소행성 은 더 잘 알려져 있지만 Spacewar! 는 이전보다 훨씬 더 영향력있는 게임입니다.)

전체 경험을 얻으려면 여기를 클릭하십시오.

게임 객체에 힘 벡터를 추가하는 방법

우주선은 화살표 키로 제어되지만 뉴턴의 효과는 땅보다 공간에서 더 쉽게 볼 수 있습니다. 왼쪽 및 오른쪽 화살표 키는 우주선을 회전 시키지만 우주선의 움직임에는 영향을 미치지 않습니다. 위쪽 화살표는 로켓을 발사하여 우주선이 현재 향하고있는 방향으로 힘 벡터를 추가합니다.

코드는 다음과 같습니다.

space var ship; var 게임; function Ship () {tShip = 새로운 Sprite (게임, "ship.png", 25, 25); tShip. setSpeed ​​(3); tShip. checkKeys = function () {if (keysDown [K_LEFT]) { this. changeImgAngleBy (-5); } (keysDown [K_RIGHT]) { 이 경우. changeImgAngleBy (5); } (keysDown [K_UP]) { 이 경우. addVector (this.getImgAngle (),.1); }} // end function return tShip;} // 객체 정의 함수 init () {game = new Scene (); ship = new Ship (); 경기. setBG ("black"); 경기. start ();} // init 함수를 끝내십시오. update () {game. 명확한(); 배. checkKeys (); 배. update ();} // end update

게임 공간을 시뮬레이트하는 방법

여기에 요약이 있습니다.

  1. 예제를 일반적인 방법으로 시작하십시오.

    대부분의 간단한 게임 데모와 마찬가지로 스프라이트와 장면으로 시작하십시오. 배는 커스텀 메소드를 가지기 때문에, 당신은 그것을 고유 한 객체로 만듭니다.

  2. 선박에게 checkKeys () 메소드를 제공하십시오.

    checkKeys () 메소드는 키 누름을 찾고 그에 따라 배의 동작을 변경합니다.

  3. 이미지 각도를 변경하십시오.

    스프라이트에는 실제로 두 개의 구별 된 각도가 있습니다. 그것은 포인팅하는 각도 (simpleGame에서 imgAngle이라고 함)와 움직이는 각도 (moveAngle)를 가질 수 있습니다. 각도를 변경하면 객체가 직면하는 방향으로 단순히 이동한다는 가정하에 이동 각도와 이미지 각도가 모두 변경됩니다.

    간단한 예를 들어 이것은 좋지만, 많은 종류의 모션은 이미지와 모션 각도를 분리해야합니다. changeImgAngleBy () 메서드를 사용하면 모션 각도를 변경하지 않고 이미지가 가리키는 방향을 변경할 수 있습니다. (changeMotionAngle () 메서드도 있지만 매우 자주 사용되지는 않습니다.)

  4. 추력을 시뮬레이션하는 힘 벡터를 추가합니다.

    사용자가 위쪽 화살표를 누르면 선박이 주 로켓을 발사합니다. 이것은 선박이 현재 향하고있는 방향으로 작은 힘 벡터를 추가합니다. 배가 현재 향하고있는 방향을 결정하려면 getImgAngle () 메서드를 사용하고이 값을 사용하여 힘을 추가해야하는 위치를 지정합니다.

    이 코드는 애니메이션 루프에서 발생하고 화살표 키를 길게 누르면 증폭되므로 아주 작은 힘만 있으면됩니다.

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 사이트 작성자 작성 ...