cnGameJS에 대한 자세한 소개

전체 게임이 게임 루프에서 진행되기 때문에 게임 루프는 게임의 핵심 부분이라고 할 수 있습니다. 루프를 통과할 때마다 게임 개체의 속성이 업데이트되고 게임 요소가 그려집니다. 이전 리소스 로딩 기사에서 언급했듯이, 리소스 로딩이 완료된 후 게임을 시작할 때 게임 루프가 시작됩니다. 이제 코드의 이 부분을 검토해 보겠습니다. var imgLoad=함수(self){          반환 함수(){ &

1. HTML5 게임 프레임워크 cnGameJS 개발 기록 - 게임 루프

소개: 게임 전체가 게임 루프에서 진행되므로 게임 루프가 핵심이라고 할 수 있습니다. 게임의. 루프를 통과할 때마다 게임 개체의 속성이 업데이트되고 게임 요소가 그려집니다.

2. HTML5 게임 프레임워크 cnGameJS 개발 기록 - Elf 객체

소개: 소위 Elf 객체는 게임 내 동작을 포함하는 요소입니다. 메리, 적은 엘프 개체로 간주됩니다. cnGameJS 프레임워크에서 스프라이트 개체는 다음과 같은 특성을 갖습니다.

3. HTML5 게임 프레임워크 cnGameJS 개발 기록 - 게임 맵 개체

소개: 게임 맵 개체는 유사한 탱크에 적합합니다. 전투, Sokoban과 같은 게임. 이러한 게임의 지도는 작은 격자로 구성되어 있습니다. 이러한 종류의 지도는 게임 지도 개체를 사용하여 쉽게 생성할 수 있습니다.

4. HTML5 게임 프레임워크 cnGameJS 개발 기록 - 기본 그래픽 모듈

소개: 이 모듈은 또한 주로 직사각형, 원 및 텍스트의 세 가지 기본 그래픽 그리기를 포함하여 매우 간단합니다. . 예를 들어 직사각형 객체를 그려야 할 경우 먼저 새 직사각형 객체를 만든 다음 그릴 객체의 draw 메서드를 호출합니다. 예:

5. HTML5 게임 프레임워크 cnGameJS 개발 기록 - 외부 입력 모듈

소개: 게임에서는 마우스가 특정 위치를 클릭할 때 다음과 같은 작업을 자주 사용합니다. , 플레이어 개체가 해당 위치로 이동하거나 마우스 화살표 키를 누르면 플레이어가 다른 방향으로 이동하는 등의 작업이 수행됩니다. 이러한 모든 작업에는 외부 입력 장치를 다루는 작업이 포함됩니다. 게임 디자이너로서 우리는 마우스의 현재 위치, 키보드의 클릭 상태 등을 언제든지 알아야 게임 요소를 편리하게 제어할 수 있습니다. 따라서 게임 프레임워크로서 외부 입력 모듈도 필수적이다.

6. HTML5 게임 프레임워크 cnGameJS 개발 기록 - 충돌 감지 모듈

소개: 이 모듈의 충돌 검사는 점과 직사각형, (평행) 직사각형과 직사각형으로 제한됩니다. 점과 원, 원과 원 사이에 있으므로 이 모듈도 매우 간단합니다. 코드를 살펴보세요.

7. HTML5 게임 프레임워크 cnGameJS 개발 기록 - 애니메이션 원칙 구현

소개: 게임에서 게임 캐릭터의 애니메이션 효과는 게임의 필수적인 부분입니다. 이 섹션에서는 슈퍼마리오 캐릭터 구성을 예로 들어 cnGameJS의 애니메이션 구현을 설명합니다.

8 글로벌 범위의 오염을 방지하기 위해 전체 프레임워크가 폐쇄되어 있어 개발 편의성을 제공합니다. 그 후에는 각각의 서로 다른 모듈이 자체적으로 닫히므로 서로 다른 모듈을 더 명확하게 구분할 수 있습니다. 따라서 우리 프레임워크의 모듈 구분은 다음과 같습니다. 9.

소개: 이 모듈은 이 모듈은 리소스를 로드하고 리소스가 로드된 후 게임 개체의 진입 함수를 호출합니다. 또한 이 모듈에는 게임 장면 간 전환은 물론 로딩 비율 계산 및 표시도 포함되어 있습니다. 10.

소개: 씬 객체는 이전 글에서 소개한 맵 객체와 다르며, 다양한 종류로 사용됩니다. 게임. 이전 맵 개체는 Sokoban 및 Tank Battle과 같은 그리드 게임에서 사용되었습니다. 이 섹션에서 소개하는 장면 개체는 Super Mario, Dinosaur Kombat 등과 같이 특정 장면이 있는 게임에 적합합니다. 이러한 유형의 게임은 일반적으로 2D 장면에서 플레이어 개체를 제어합니다. 플레이어가 움직이면 장면도 그에 따라 움직입니다. 【관련 Q&A 추천】:

위 내용은 cnGameJS에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!