개인 재정 HTML5 게임의 오브젝트에 미사일을 추가하는 방법 - 인력

HTML5 게임의 오브젝트에 미사일을 추가하는 방법 - 인력

차례:

비디오: Cocos2d 코코스2d 프로그래밍 초급 배우기 인강 강좌 2024

비디오: Cocos2d 코코스2d 프로그래밍 초급 배우기 인강 강좌 2024
Anonim

자동차 판매점은 귀하의 주행에 무기를 설치하는 것에는 지장이 없지만 사람들이 게임 프로그래머가되는 이유입니다. 따라서 HTML5 게임 객체에 미사일을 추가 할 수 있습니다. 당신이 미니 밴에 미사일을 원한다면 미사일을 갖을 것입니다 (적어도 가상 미니 밴에서는). 많은 비디오 게임은 촬영과 관련이 있으며 아주 쉽게 추가 할 수 있습니다.

게임의 기본 발사체

미사일, 총알 및 기타 발사체는 작업하기가 쉽습니다. 다음은 명심해야 할 몇 가지 아이디어입니다.

  • 발사체는 정령입니다. 발사체에 새로운 스프라이트를 만듭니다. 간단한 점으로 만들거나 완벽한 미사일을 그릴 수 있습니다.

  • 미사일을위한 스프라이트를 만드십시오. 미사일에는 몇 가지 방법이 필요하므로 사용자 정의 스프라이트로 만들 수 있습니다.

  • 미사일은 화면을 떠날 때 죽습니다. 이 동작을 얻는 가장 쉬운 방법은 미사일의 boundAction을 DIE로 설정하는 것입니다.

  • fire () 메서드를 추가합니다. fire () 메소드는 미사일 발사시 활성화됩니다.

  • 같은 미사일을 계속해서 또 다시 사용하십시오. 오래된 미사일은 결코 죽지 않습니다. 그들은 단지 숨겨지고 사용자가 다시 촬영할 때 재사용됩니다. 미사일이 무언가를 치면 미사일을 숨 깁니다. 그러면 충돌에 대해 보이지 않게되고 불 침투성이됩니다.

게임 미사일 발사 방법

미사일에 대한 코드. html은 여러분이 본 표준 자동차 코드와 비슷합니다:

missile. html var 게임; var 자동차; var 미사일; function Car () {tCar = new Sprite (게임, "자동차.png", 50, 30); tCar. setSpeed ​​(3); tCar. setAngle (135); tCar. checkKeys = function () {if (keysDown [K_LEFT]) {이것. turnBy (-5);} if (keysDown [K_RIGHT]) {this. turnBy (5);} if (keysDown [K_SPACE]) {미사일. } // end checkKeys return tCar;} // end 자동차 def 함수 Missile () {tMissile = new Sprite (게임, "미사일.png", 30, 20); tMissile. 숨는 장소(); tMissile. fire = function () { this. 보여 주다(); tMissile. setSpeed ​​(15); 이것. setBoundAction (DIE); 이것. setPosition (car. x, car. y); 이것. setAngle (자동차. getImgAngle ()); 이것. setImage ("미사일.png"); 이것. setSpeed ​​(15); } // end fire return tMissile;} // end 미사일 def 함수 init () {game = new Scene (); car = new Car (); 미사일 = 새로운 미사일 (); 게임. start ();} // init 함수를 끝내십시오. update () {game. 명확한(); 차. checkKeys (); 차. 최신 정보(); 미사일. 최신 정보(); } // end update

발사체는 재미있는 빌드이며 여기에 표시된 것처럼 그리 어렵지 않습니다.

  1. 발사체를 시작하기 위해 정상적인 스프라이트를 만듭니다.이것은 꼭 필요한 것은 아니지만 일반적으로 총알이 총에서 발사되고 화살이 활에서 발사되며 원자력 바나나 로켓이 그런 종류의 차량을 가지고 있으면 발사됩니다.

    발사체는 그 자체의 스프라이트가 될 것입니다.

  2. 발사체는 일반적인 스프라이트처럼 작동하지만 동적으로 생성되고 파괴됩니다.

    미사일 발사 트리거를 추가하십시오.

  3. 자동차가 미사일을 발사하기 때문에 트리거 코드는 자동차의 checkKeys 메소드에 있습니다.

    기본적으로 미사일이 숨겨 지도록 설정합니다.

  4. 미사일은 항상 주위에 있지만, 필요하지 않을 때는 무대에 숨어 있습니다. 스프라이트의 hide () 메서드를 호출하면 해당 스프라이트는 여전히 메모리에 있지만 그려지지 않으며 충돌을 유발하지 않습니다.

    미사일을위한 fire () 메소드를 생성하십시오.

  5. 미사일은 활성화되기 위해 기다리고 있습니다. fire () 메서드는 미사일을 작동하게 만듭니다.

    발사체를 보이게하십시오.

  6. show () 메소드는 hide ()와 반대입니다. 스프라이트가 보이고 충돌이 발생합니다.

    미사일에 빠른 초기 속도를줍니다.

  7. 아시다시피, 일반적으로 미사일은 빠릅니다.

    미사일이 가장자리에 닿을 때 숨기기.

  8. 미사일이 화면의 가장자리에 닿으면 숨길 필요가 있습니다. 미사일의 boundAction을 DIE로 설정하면이 동작이 자동으로 수행됩니다.

    미사일이 다른 것을 때리면 숨 깁니다.

  9. 이 간단한 예제에는 다른 오브젝트가 없지만 미사일이 다른 것과 충돌하면 hide () 메소드를 호출하여 접촉시 파괴되는 미사일을 시뮬레이트합니다.

    일반적인 미사일 행동이 효과를 발휘하면 많은 흥미로운 변형을 시도 할 수 있습니다.

미사일에 중력을 더합니다.

  • 사이드 스크롤러라면 웜과 같은 효과를 내기 위해 미사일에 중력을가하십시오. 미사일에 다른 물리학을 추가하십시오.

  • 미사일을 다른 스프라이트와 같이 끌 수 있습니다. 똑똑한 미사일을 만드십시오.

  • angleTo 메소드를 사용하여 미사일과 목표물 간의 각도를 결정하고 매 프레임마다 미사일을 목표물쪽으로 돌립니다. 이것은 놓치지 않는 똑똑한 미사일을 시뮬레이션합니다. (큰 파워 업이지만, 너무 많으면 게임이 너무 쉬워집니다.) 그렇게 스마트하지 않은 미사일을 만드십시오.

  • 적이 플레이어에게 미사일을 발사하는 경우, 당신은 아주 똑똑한 것을 원하지 않습니다. 첫째로, 미사일이 충분히 빠져서 추월 할 수 없습니다. 둘째, 미사일을 파괴 할 수있는 장벽을 두십시오. 셋째, 5 ~ 10 프레임마다 표적의 위치를 ​​확인하도록 한 번에 한 번만 스마트 미사일을 만듭니다.

HTML5 게임의 오브젝트에 미사일을 추가하는 방법 - 인력

편집자의 선택

WordPress 링크 목록 구성 방법 - 더미

WordPress 링크 목록 구성 방법 - 더미

두 개 이상의 링크 목록을 원할 경우 워드 프레스 대시 보드. 때로는 Blogroll 제목 아래에 큰 링크 목록이있는 것은 너무 일반적이므로 링크를 추가 표제와 함께 표시하려는 경우가 있습니다. 기본적으로 ...

WordPress 블로그 용 미디어 파일 구성 방법 - 인형

WordPress 블로그 용 미디어 파일 구성 방법 - 인형

시간을 들여 블로그를 운영하면 WordPress 업 로더로 업로드 한 파일을 쉽게 잊어 버릴 수 있습니다. WordPress 미디어 라이브러리를 사용하면 어떤 파일이 업로드 폴더에 있는지 쉽게 찾을 수 있습니다. 이미 업로드 한 이미지, 비디오 또는 오디오 파일을 찾으려면 ...

검색 엔진 용 WordPress 블로그 최적화 방법 - 사람들이 찾고 싶어하는

검색 엔진 용 WordPress 블로그 최적화 방법 - 사람들이 찾고 싶어하는

귀하의 워드 프레스 블로그, 그렇지 않으면 그것을 쓰는 시간이 걸리지 않았을 것입니다. WordPress는 검색 엔진에 친숙한 환경을 조성하여 아카이브, 카테고리 및 페이지를 쉽게 탐색 할 수 있도록 해줍니다. WordPress는이 환경에 깨끗한 코드 기반을 제공하여 쉽게 업데이트 할 수 있습니다.

편집자의 선택

Access 2002에서 사라지는 기록의 수수께끼 - 더미

Access 2002에서 사라지는 기록의 수수께끼 - 더미

바로 거기! "그 문장의 핵심 단어는 동사입니다. 왜냐하면 그것은 그 기록이 지금 존재하지 않는다는 것을 나타 내기 때문입니다. 컴퓨터가 알고 있기 때문에 레코드가 어디로 갔는지 정확히 알 수 없으며 컴퓨터는 이러한 세부 사항에 대해 침묵의 코드를 가지고 있습니다. (규칙의 일부입니다 ...

데이터베이스 디자인 - 더미

데이터베이스 디자인 - 더미

여기에는 데이터베이스 디자인의 다섯 가지 계보가 있습니다. 또는 다른 데이터베이스 프로그램. 잘 설계된 데이터베이스는 데이터를보다 쉽게 ​​유지 관리합니다. 그것이 어디에 있는지, 그것이 나타나는 곳이 아닌 곳에 정보를 저장하십시오. 정보를 저장하는 곳은 정보가 나타나는 위치와 아무 관련이 없습니다. 스프레드 시트에서 원하는 위치에 정보를 입력합니다.

Access 2016에서 표 분석기를 사용하는 방법 - 인형

Access 2016에서 표 분석기를 사용하는 방법 - 인형

Access Table Analyzer는 가져온 스프레드 시트와 같이 지저분한 플랫 파일 테이블을 모든 반복적 인 데이터와 함께 사용하여 효율적인 관계형 테이블 집합으로 변환합니다. 그러나 속담처럼 약속은 깨진 약속입니다. 플랫 파일이 엄격한 규칙을 따르지 않는 한 ...

편집자의 선택

와이어 프레임을 사용하여 세 가지 글꼴 규칙을 따르십시오 계획 : 인포 그래피 - 인형을 사용하는 세 가지 글꼴 규칙을 따르십시오

와이어 프레임을 사용하여 세 가지 글꼴 규칙을 따르십시오 계획 : 인포 그래피 - 인형을 사용하는 세 가지 글꼴 규칙을 따르십시오

좋은 디자인의 향신료지만, 글꼴에 관해서라면, 현명한 디자이너는 충분히 충분한 지 알고 있습니다. 세 가지 서체를 사용하는 경우 인포 그래픽은 몸값 또는 커뮤니티 뉴스 레터처럼 보이게됩니다.

와이어 프레임 계획에 대한 전반적인 레이아웃 개념화 : Infographic - Dummies

와이어 프레임 계획에 대한 전반적인 레이아웃 개념화 : Infographic - Dummies

에 대한 전반적인 레이아웃 개념화 귀하의 인포 그래픽이 도움이 될 수 있도록 와이어 프레임에서 작업하지만 필수는 아닙니다. 정보를 수집하고 사용할 차트 및 삽화 유형에 대해 알고 있다면 전반적인 테마 또는 특정 레이아웃에 대한 몇 가지 아이디어가있을 수 있습니다. 표시된 주제 ...

와이어 프레임 계획 : 모든 다른 정보에 대한 확고한 생각을 갖고 나면 인포 그래피 - 인형 매핑 및 차단

와이어 프레임 계획 : 모든 다른 정보에 대한 확고한 생각을 갖고 나면 인포 그래피 - 인형 매핑 및 차단

귀하의 인포 그래픽에 필요한 그림 유형을 와이어 프레임에 배치하십시오. 정확한 게재 위치는이 단계에서는 중요하지 않지만 전체적인 크기와 각 그림 주위의 거리에 대한 느낌을 받기 시작해야합니다. 자리 표시 자 사용 - 대략적인 스케치 또는 더미 ...