비디오: New way of CODING in Unity! ECS Tutorial 2024
HTML5 게임에서 여러 번 객체를 재사용 할 때와 거의 동일하게 머무를 때가 있습니다. 따라서 쉽게 재사용 할 수 있도록 라이브러리에 넣는 것이 좋습니다. 그게 바로 당신이하려는 일입니다. frogLib 살펴보기. js:
// frogLib. js // 개구리 게임 기능을위한 객체 Fly () {tFly = 새로운 Sprite (scene, "fly. png", 20, 20); tFly. setSpeed (10); tFly. wriggle = function () {// 무작위로 방향을 바꿉니다 newDir = (Math. random () * 90) - 45; 이. } // 플라이 함수 Frog () {tFrog = new Sprite (scene, "frog.png", 50, 50); tFrog. maxSpeed = 10; tFrog. minSpeed = -3; tFrog. setSpeed (0); tFrog. setAngle (0); tFrog. checkKeys = function () {if (keysDown [K_LEFT]) {이것. changeAngleBy (-5);} if if (keysDown [K_RIGHT]) {this. changeAngleBy (5);} if if (keysDown [K_UP]) {this. changeSpeedBy (1); if (this. this> this. maxSpeed) {this. } // end if} end if if (keysDown [K_DOWN]) {this. changeSpeedBy (-1); if (this. speed
흥미로운 문서입니다. 여기에는 두 개의 클래스 정의 만 포함됩니다. 다른 여러 프로그램에서이 두 클래스를 사용하기 때문에이 옵션이 사용됩니다.
라이브러리 사용은 단순함 그 자체입니다. 여기에 개구리 플라이가 있습니다. html 파일은
frogFly라는 단일 게임에이 두 요소를 결합합니다. html src = "frogLib. js"> var 장면; var 개구리; var fly; var 잎; 함수 init () {scene = new Scene (); 장면. setBG ("녹색"); 개구리 = 새로운 개구리 (); fly = new Fly (); leaves = new Sprite (장면, "나뭇잎.png", 640, 480); 이파리. setSpeed (0); 장면. start ();} // 종료 init 함수 update () {scene. 명확한(); 개구리. checkKeys (); 파리. 몸부림(); 이파리. 최신 정보(); 개구리. 최신 정보(); 파리. update ();} // end update ();
이 프로그램은 새로운 것을 많이 소개하지는 않습니다. 다음 단계에 따라 라이브러리에 정의 된 요소를 구현하기 만하면됩니다.
-
froglib을 가져옵니다. js 라이브러리.
frogLib 파일은 단순히 자바 스크립트 파일입니다. simpleGame을 가져 오는 것과 같은 방법으로 가져옵니다. js 파일에 별도의 태그가 있습니다.
-
스프라이트를 생성하십시오.
나뭇잎 스프라이트는 단순한 스프라이트 일뿐입니다. 개구리를 만들고 다른 파일에 정의되어 있더라도 전에했던 것처럼 비행하십시오. 개구리 나 파리가 생성되지 않으면 라이브러리를 올바르게 가져 왔는지 확인하십시오.
-
변경 관리.
update () 함수는 게임 제어를 담당합니다. 개구리가 키 스트로크 (개구리. checkKeys () 메소드 사용)를 찾도록 지시하고, 플라이에게 wriggle (fly. wriggle () 메소드 사용)을 지시합니다.
-
스프라이트를 그립니다.
스프라이트가 변경된 모든 것을 처리했으면 화면에 스프라이트를 그립니다. update () 메서드를 호출하여 각 스프라이트를 그립니다. 스프라이트는 순서대로 그려 지므로 배경에 표시하려는 항목은 앞에 표시 할 항목 앞에 그려야합니다. (개구리는 배경 위에 나타날 것이므로 개구부는 각 화면의 배경이 업데이트 된 후에 그려야합니다.)
