使用JavaScript創建一個簡單的Windows 8遊戲：Windows 8應用程序基礎知識

該教程通過使用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“空白應用程序”項目，並將其命名為“ CatapultGame”。 項目的關鍵組件包括：

（winjs）：為Windows 8應用程序開發提供JavaScript和CSS。
• References/Windows Library for JavaScript
：起動器CSS，包括響應式設計的媒體查詢。
• css/default.css：包含初始JavaScript邏輯; 這是遊戲的核心功能所在的地方。
>
• js/default.js：遊戲的主HTML頁面。
>
• default.html：項目設置（名稱，描述等）。
• 文件夾：包含默認圖像；用您的遊戲資產替換這些。 package.appxmanifest
• images

運行空項目揭示了一個基本的HTML頁面，其中包含“內容goes there”文本。該文本源自

> file。 >

> html，css和javaScript角色：default.html>

> html（）：定義遊戲的結構和內容。 >

> css（
• ）：> default.html風格遊戲的外觀並使用媒體查詢來處理不同的屏幕方向和窗口尺寸的響應響應佈局。 >
javascript（
• ）：管理遊戲邏輯，處理用戶輸入，更新遊戲狀態，加載資產並在畫布上渲染遊戲。 default.css和在
>中的功能分別對於懸掛前的初始化和保存遊戲狀態至關重要。
• > default.js onactivated oncheckpoint>default.js下一步和進一步的學習：
>

>以下文章將詳細介紹遊戲的開發，整合“彈射戰爭實驗室”的資產並建立遊戲的核心機制。有關更高級的示例，請參閱MSDN JavaScript和HTML5觸摸遊戲示例。 教程強調簡單性；在建議的進一步閱讀中提供了更全面的遊戲開發技術。

>

以上是使用JavaScript創建一個簡單的Windows 8遊戲：Windows 8應用程序基礎知識的詳細內容。更多資訊請關注PHP中文網其他相關文章！