JavaScript로 간단한 Windows 8 게임 만들기 : Windows 8 App Basics

이 튜토리얼은 HTML5, JavaScript, WinJS 및 CreateJS 라이브러리를 사용하여 간단한 Windows 8 게임을 구축하여 XNA 샘플 "Catapult Wars Lab"을 조정함으로써 안내합니다.

주요 개념을 다루었습니다

Visual Studio 2012를 사용하여 Windows 8 개발 환경 설정.

새로운 프로젝트를 만들고 구조를 이해합니다 게임 인터페이스에 HTML 및 CSS를 활용합니다 게임 논리, 세계 관리, 이미지 로딩 및 도우미 기능에 JavaScript를 사용하는 것. 상태 업데이트 및 컨텐츠 디스플레이를위한 게임 루프 구현. 다른 화면 크기에 대한 CSS 미디어 쿼리를 사용하여 게임 레이아웃 적응. 데이터 손실을 방지하기 위해 앱 서스펜션 전 게임 상태 저장. 프로젝트 설정 및 구조 : Windows 8 및 Visual Studio 2012를 설치하는 것으로 시작합니다. Visual Studio에서 새로운 JavaScript "Blank App"프로젝트를 작성하여 "CatapultGame"을 명명하십시오. 프로젝트의 주요 구성 요소에는 다음이 포함됩니다

(winjs) : Windows 8 앱 개발에 JavaScript 및 CSS를 제공합니다. : 응답 디자인을위한 미디어 쿼리를 포함한 스타터 CSS : 초기 JavaScript 로직을 포함합니다. 이곳에서 게임의 핵심 기능이 상주하는 곳입니다

: 게임의 메인 HTML 페이지 : 프로젝트 설정 (이름, 설명 등)
• 폴더 : 기본 이미지를 포함합니다. 이것을 게임 자산으로 바꾸십시오.
• 빈 프로젝트를 실행하면 "Content Goes Here"텍스트가 포함 된 기본 HTML 페이지가 표시됩니다. 이 텍스트는
파일에서 발생합니다
• html, css 및 javaScript 역할 :
• html () :
게임의 구조와 내용을 정의합니다 CSS (
• ) :
스타일 게임의 모양과 다른 화면 방향 및 창 크기에 미디어 쿼리를 사용하여 반응 형 레이아웃을 처리합니다. javaScript (
• ) :
게임 논리 관리, 사용자 입력 처리, 게임 상태를 업데이트하고 자산을로드하고 캔버스에서 게임을 렌더링합니다.

및

의 함수는 의 기능은 각각 서스펜션 전에 초기화 및 저장 게임 상태에 중요합니다.

다음 단계와 추가 학습 :

다음 게시물은 "Catapult Wars Lab"의 자산을 통합하고 게임의 핵심 메커니즘을 구축하는 게임 개발을 자세히 설명합니다. 보다 고급 예제는 MSDN JavaScript 및 HTML5 터치 게임 샘플을 참조하십시오. 튜토리얼은 단순성을 강조합니다. 더 포괄적 인 게임 개발 기술은 제안 된 추가 독서에서 제공됩니다.

위 내용은 JavaScript로 간단한 Windows 8 게임 만들기 : Windows 8 App Basics의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!