6、HTML5 游戏开发中的技术应用

HTML5 游戏开发中的技术应用

1. 游戏控制与代码兼容性

游戏的消息容器小部件包含允许玩家开始新游戏的控件。为使代码更简洁易解释，我们追求兼容性稍低的代码，仅要求代码能在至少一个浏览器中正常运行。多数使用的 API 具有良好的可移植性，但并非全部，尤其是一些需要厂商前缀的实验性 CSS API。为确保与后续示例的最大兼容性，建议使用最新版的 Google Chrome 或 Google Chromium，或至少使用基于 WebKit 的浏览器，如 Apple Safari。选择这种方式主要是为简化教学过程，避免解释功能时因厂商前缀不同而产生的代码差异。选择 WebKit 作为浏览器引擎的原因也很简单，总得选一个，且 Google Chrome 和 Apple Safari 市场占有率高，还有强大的开发工具。

2. HTML5 元素的应用

2.1 网页表单

HTML5 新增的表单 API 是该语言最显著的改进之一。它提供了 13 种新的输入类型和无数新属性，使表单开发变得快速、有趣且富有吸引力。这些新增功能中的很多效果在浏览器中早已实现，如占位符文本、表单验证、自动聚焦字段等。游戏中使用了其中两种新输入类型及一些属性，包括表单验证和字段占位符。
- 范围输入（Range input） ：新的范围输入类型是一个滑块，用户可通过水平移动滑块选择值。在游戏中，用于选择难度级别，范围从 1 到 3，1 为最简单，3 为最困难。包含范围输入类型的容器使用 CSS 来切换选项菜单，并在不使用时将其淡化。
- 电子邮件输入（Email input） ：电子邮件输入类型外