HTML5游戏开发pdf

HTML5游戏开发 内容简介

今天，大多数现代浏览器都已经支持HTML5。学习体验HTML5带给Web开发的便捷、快速和强大功能，是每一位Web设计和开发人员的当务之急。

《HTML5游戏开发》通过人们熟悉的一个个游戏让读者轻松掌握HTML5、CSS和JavaScript的新特性，并将这些特性灵活应用到Web开发中。书中主要介绍了使用 canvas元素直接在屏幕上绘图、添加图像和编写文本，只使用HTML5、CSS和JavaScript在网站上加入视频和音频，使用事件处理响应鼠标 事件和按键，使用定时事件生成动画，验证表单输入，在玩家的计算机上存储迷宫布局之类的信息并按需重新加载。跟随作者的指引，你也能开发出妙趣横生的小游 戏。

HTML5游戏开发 目录

第1 章 基础知识

1.1 引言

1.2 关键需求

1.3 HTML5、CSS 和JavaScript 特性

1.3.1 基本HTML 结构和标记

1.3.2 JavaScript 编程

1.4 构建自己的应用

1.5 测试和上传应用

1.6 小结

第2 章 骰子游戏

2.1 引言

2.2 关键需求

2.3 HTML5、CSS 和JavaScript 特性

2.3.1 伪随机处理和数学表达式

2.3.2 变量和赋值语句

2.3.3 程序员自定义函数

2.3.4 条件语句：if 和switch

2.3.5 在画布上绘图

2.4 构建自己的应用

2.4.1 掷一个骰子

2.4.2 掷两个骰子

2.4.3 完整的craps 游戏

2.5 测试和上传应用

2.6 小结

第3 章 弹跳球

3.1 引言

3.2 关键需求

3.3 HTML5、CSS 和JavaScript 特性

3.4 构建自己的应用

3.5 测试和上传

3.6 小结

第4 章 炮弹和弹弓

4.1 引言

4.2 关键需求

4.3 HTML5、CSS 和JavaScript 特性

4.3.1 数组和程序员自定义对象

4.3.2 绘图旋转和平移

4.3.3 绘制线段

4.3.4 拉弹弓的鼠标事件

4.3.5 使用数组接合改变显示元素列表

4.3.6 点之间的距离

4.4 构建自己的应用

4.4.1 有大炮、角度和速度的炮弹应用

4.4.2 弹弓：使用鼠标设置飞行参数

4.5 测试和上传应用

4.6 小结

第5 章 记忆力（注意力）游戏

5.1 引言

5.2 关键需求

5.3 HTML5、CSS 和JavaScript 特性

5.3.1 表示扑克牌

5.3.2 使用Date 确定时间

5.3.3 提供暂停

5.3.4 绘制文本

5.3.5 绘制多边形

5.3.6 洗牌

5.3.7 单击牌的实现

5.3.8 防止某些作弊行为

5.4 构建自己的应用

5.5 测试和上传应用

5.6 小结

第6 章 猜谜游戏

6.1 引言

6.2 关键需求

6.3 HTML5、CSS 和JavaScript 特性

6.3.1 存储和获取数组信息

6.3.2 程序执行时创建HTML

6.3.3 使用JavaScript 代码修改CSS来改变元素

6.3.4 使用form 和input 元素的文本反馈

6.3.5 表现视频

6.4 构建自己的应用

6.5 测试和上传应用

6.6 小结

第7 章 迷宫

7.1 引言

7.2 关键需求

7.3 HTML5、CSS 和JavaScript 特性

7.3.1 墙和token 的表示

7.3.2 建立和定位墙的鼠标事件

7.3.3 检测箭头按键

7.3.4 token 与墙的碰撞检测

7.3.5 使用本地存储

7.3.6 为本地存储编码数据

7.3.7 单选按钮

7.4 构建自己的应用

7.5 测试和上传应用

7.6 小结

第8 章 石头剪刀布

8.1 引言

8.2 关键需求

8.3 HTML5、CSS 和JavaScript 特性

8.3.1 为玩家提供图片按钮

8.3.2 生成计算机动作

8.3.3 启动

8.4 构建自己的应用

8.5 测试和上传应用

8.6 小结

第9 章 上吊小人游戏

9.1 引言

9.2 关键需求

9.3 HTML5、CSS 和JavaScript 特性

9.3.1 将单词表存储为一个在外部脚本文件中定义的数组

9.3.2 生成和定位HTML 标记，使标记作为按钮并禁用这些按钮

9.3.3 在画布上逐步绘制

9.3.4 维护游戏状态并确定输赢

9.3.5 检查猜测，设置textContent显示秘密词中的字母

9.4 构建自己的应用

9.5 测试和上传应用

9.6 小结

第10 章 黑桃J

10.1 引言

10.2 关键需求

10.3 HTML5、CSS 和JavaScript 特性

10.4 构建自己的应用

10.5 测试和上传应用

10.6 小结

HTML5游戏开发 精彩文摘

HTML(及相关的CSS和JavaScript)的最新版本是HTML5。由于它提供了大量新特性，如显示图片和动画的画布，对视频和音频的支持，以及定义一些常用文档元素的新标记(如header、section和footer)，这让人们很受鼓舞。利用新的HTML5完全可以创建复杂的、高度交互的网站。写这本书时，并不是所有浏览器都能够接受HTML5的全部特性，不过你可以现在开始学习HTML5、 CSS和JavaScript。通过学习JavaScript，你会了解通用的编程概念。如果你想学习其他编程语言，或者想要作为团队一员与其他程序员合作，这会很有好处。

本书中我采用的方法是以特定的示例为背景来解释HTML5,、CSS和JavaScript的概念，其中大多数示例都是我们耳熟能详的游戏。在分析这些示例的过程中，我会利用一些小例子介绍具体特性。希望这不仅能帮助你了解你想做什么，还能清楚地知道该如何去做。这样一来，在我解释这些概念和细节时，你就能把握住我们前进的方向。