使用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中文网其他相关文章！