HTML5 게임을위한 스프라이트 객체를 작성하는 방법 - 매우 강력한 HTML5 게임을 만들기위한 더미

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

매우 강력한 HTML5 게임을 만들기 위해서는 자신이 만든 스프라이트를 만들 수 있어야합니다. 당신이 원하는 것을 정확하게. 객체를 만든 후에는 객체에 특성과 동작을 부여 할 수 있습니다.

게임을위한 주식 스프라이트 오브젝트를 만드는 법

시작하기 위해 간단한 오브젝트 인

critter var game; var 동물; 함수 init () {game = new Scene (); 동물 = 새로운 Sprite (게임, "동물.gif", 30, 30); 동물. setSpeed (0); 경기. start ();} function update () {게임. 명확한(); 동물. update ();}

이것은 매우 간단한 프로그램입니다. 크리 테이트라는 단일 스프라이트와 장면을 만듭니다. 바로 지금, 동물은별로 도움이되지 않습니다.

스프라이트 오브젝트는 훌륭하지만, 크리 테이터 자체가 객체라면 더 좋지 않을 것입니다. 요정? 스프라이트의 모든 기본 기능으로 시작할 수 있지만, 다른 스프라이트와는 다른 새 기능을 추가하여 크리에이트를 구분할 수 있습니다.

CritterConstructor를 살펴보십시오. html로 그렇게 할 수 있습니다:

크리에이터 var game; var 동물; function Critter () {tCritter = new Sprite (게임, "동물", 30, 30); tCritter. setSpeed (0); return tCritter;} 함수 init () {game = new Scene (); 생물 = 새로운 생물 (); 경기. start ();} function update () {게임. 명확한(); 동물. update ();}

이 프로그램은 마지막 프로그램과 똑같이 작동하지만 약간 다르게 구성됩니다.

Critter () 라는 기능이 있습니다. 함수는 객체의 이름이고 대문자로도 쓰는 것이 중요합니다. 이는 Critter () 객체를 정의하는 데 사용되므로 매우 특별한 함수입니다. Critter ()
함수는 임시 스프라이트 객체를 생성합니다. Critter () 함수 안에는 tCritter ()라는 임시 스프라이트 객체가 있습니다. 이것은 새로운 스프라이트입니다. 임시 스프라이트를 원하는만큼 수정하십시오. JavaScript에서 새로운 유형의 객체를 만들려면 기본적으로 새 객체를 만든 다음 수정하여 원하는 동작을 정확하게 얻습니다. 이 경우 크리 터의 기본 속도가 설정됩니다.
임시 Critter
객체를 반환합니다. 특수한 Critter () 함수의 끝은 스프라이트를 반환하지만, 이제는 스프라이트가 아니라 크리에이터가됩니다. 이 메커니즘의 핵심은 새로운 종류의 객체를 사용할 수있게하는 것입니다. Critter는 Sprite와 매우 비슷하지만 새로운 동작과 특성을 가질 수 있습니다. 이것은 매우 강력한 기능입니다. 스프라이트를 다른 스프라이트의 자손처럼 만드는 기술 용어는

상속이다.

JavaScript의 상속 모델은 일반적으로 prototyping 라는 메커니즘을 사용하여 다른 방식으로 수행됩니다. 공식 자바 스크립트 상속이 이루어지는 방식은 아니지만, 여기에 표시된 메커니즘은 "올바른"방식보다 이해하기 쉽습니다. 다른 많은 언어에서 상속이 수행되는 방식과 비슷합니다. 이 접근법에는 전혀 문제가 없지만 JavaScript에서 상속에 대한 다른 접근법을 볼 수 있습니다.