第1章 Open Web Game王国 1
1.1 Open Web Game简介 1
1.2 为什么要关注Open Web Game 1
1.2.1 入门很简单 2
1.2.2 优秀的技术文档 2
1.2.3 庞大而友好的社区 2
1.2.4 一次编写，一劳永逸 2
1.2.5 代码未编译及开源 2
1.2.6 全民参与 3
1.2.7 拥有世界上最大的用户群 3
1.2.8 Open Web Game现状 3
1.2.9 现有游戏浏览器技术 4
1.2.10 canvas和SVG实现2D图形 4
1.2.11 WebGL实现3D图形 4
1.2.12 requestAnimationFrame实现高性能动画 4
1.2.13 HTML5音频和音频数据处API 5
1.2.14 WebSocket实现多人实时游戏 5
1.2.15 数据本地存储IndexedDB/Local Storage和其他API 5
1.2.16 通过应用缓存离线玩游戏 6
1.2.17 全屏API让游戏身临其境 6
1.2.18 鼠标锁定API让鼠标变听话 6
1.2.19 GamePad API实现console般游戏体验 7
1.2.20 BrowserID服务识别用户 7
1.2.21 创建WebRT一样的本地OS应用 7
1.2.22 未来的路还很长 8
1.2.23 现有的出色的Open Web Game 8
1.2.24 现有的游戏发布和盈利方式 10
1.2.25 Open Web Game的缺点 11
1.2.26 未来发展方向 12
第2章 化繁为简 13
2.1 自我介绍 13
2.2 A到B游戏 14
2.2.1 影响和灵感 15
2.2.2 游戏创作阶段 15
2.2.3 准备阶段 16
2.2.4 式开发阶段 16
2.2.5 游戏发布 17
2.2.6 积分榜 18
2.3 简化原则 18
2.4 A到B游戏何以成功 20
2.5 Processing.js 20
2.5.1 Processing.js如何工作 21
2.5.2 如何使用Processing.js 21
2.5.3 Processing.js的优缺点 21
2.5.4 是否适合开发游戏 22
2.6 Processing.js实例和整合 22
2.6.1 Processing基本语法 22
2.6.2 嵌入sketch 22
2.6.3 嵌入Processing代码 23
2.6.4 整合JS 24
2.6.5 使用音频 24
2.6.6 导入和加载图像 25
2.6.7 jQuery实现积分榜 25
2.7 小结 26
2.8 资源分享 26
第3章 从零开始制作多平台HTML5游戏 27
3.1 简介 27
3.2 三部分代码结构 28
3.2.1 HTML标记语言 29
3.2.2 CSS样式描述语言 31
3.2.3 制作页面缓动效果 35
3.2.4 JavaScript高级动态语言 37
3.3 编写象棋游戏 38
3.3.1 游戏规则 38
3.3.2 游戏样式 39
3.3.3 游戏逻辑 40
3.4 移动设备框架 44
3.4.1 jQuery和Zepto 44
3.4.2 PhoneGap、类库 44
3.4.3 PhoneGap Build 44
3.4.4 象棋游戏的配置 45
3.4.5 WebAppBuilder 45
3.4.6 象棋游戏的Makefile 46
3.5 国际化 47
3.6 纯DOM游戏vs canvas游戏 49
3.6.1 canvas API回顾 49
3.6.2 方案对比：canvas 49
3.6.3 方案对比：纯DOM 50
3.6.4 canvas和DOM混合使用 50
3.7 小结 50
3.8 其他资源 51
第4章 创建、保存和加载路径 52
4.1 我们是谁？要做什么？为什么要做 52
4.2 应用及意义 53
4.3 为何关卡很重要 53
4.4 化整为零 54
4.5 HTML标签 55
4.6 加一点点样式 57
4.7 JavaScript结构 58
4.8 循环绘制 60
4.9 砖块 64
4.9.1 矩形砖块 64
4.9.2 圆形砖块 65
4.9.3 扇形砖块 66
4.9.4 三角形砖块 67
4.10 将砖块添加到网格中 68
4.11 角度 71
4.12 清除按钮 72
4.13 存储 73
4.13.1 保存路径 73
4.13.2 还原路径 74
4.14 保存按钮 75
4.15 还原保存的路径 76
4.16 总结 77
第5章 详解3D CSS 78
5.1 3D CSS简介 78
5.2 HTML元素总览 78
5.3 游戏变量 79
5.4 Container的3D属性 79
5.5 事件和游戏计时器 80
5.6 游戏循环总览 80
5.7 创建新的小鱼 81
5.8 更新小鱼 83
5.9 渲染小鱼 84
5.10 创建小鱼 85
5.11 设置小鱼属性 85
5.12 回收小鱼 86
5.13 小鱼爆炸 86
5.14 粒子 87
5.15 平行视差图层 88
5.16 禁用默认的触控／鼠标行为 88
5.17 iPad上的河豚鱼游戏 88
5.18 结论 89
第6章 粒子系统 90
6.1 粒子系统简介 90
6.2 数学知识 90
6.2.1 向量 90
6.2.2 增力检测 92
6.2.3 随机值 93
6.2.4 粒子系统的组件 93
6.2.5 粒子系统中的粒子 93
6.2.6 发射器 94
6.2.7 粒子系统的作用力 94
6.2.8 渲染器 95
6.2.9 系统 95
6.3 你好焰火 96
6.3.1 设计火花 96
6.3.2 实现主循环 97
6.3.3 实现发射器 97
6.3.4 作用力 98
6.3.5 生存和死亡 99
6.3.6 渲染 100
6.4 火 100
6.4.1 创建纹理 100
6.4.2 装载纹理 101
6.4.3 实现发射器 101
6.4.4 作用力的实现 102
6.4.5 实现主循环 102
6.4.6 旋转 103
6.4.7 实体的渐隐 103
6.5 烟 104
6.5.1 创建纹理 104
6.5.2 实现发射器 105
6.5.3 实现主循环 105
6.6 优化 106
6.6.1 单个粒子 106
6.6.2 类型化数组 107
6.6.3 requestAnimationFrame 108
6.7 细节优化 108
6.7.1 链式表达式 108
6.7.2 取舍操作 108
6.8 优化焰火 109
6.9 总结 111
第7章 开始WebGL之旅 112
7.1 WebGL起源 112
7.2 WebGL是如何工作的 113
7.2.1 用途和局限 113
7.2.2 演示 113
7.3 操作系统，显卡，浏览器支持 113
7.4 库 115
7.4.1 矩阵库 115
7.4.2 高级API 115
7.5 调试工具 116
7.6 3D刷新器 116
7.6.1 坐标系统 116
7.6.2 变换 116
7.6.3 组合场景视图 116
7.7 GLSL 118
7.8 使用WebGL 119
7.8.1 画一个简单的形状 119
7.8.2 动画和景深（depth） 129
7.9 一个基础的游戏 136
7.10 总结 147
第8章 CycleBlob：一个基于WebGL的Lightcycle游戏 148
8.1 什么是WebGL 148
8.2 开始WebGL之旅 149
8.3 3D模型和几何形状 151
8.4 移动和定位 158
8.4.1 网格之上 158
8.4.2 摄像机定位 161
8.4.3 动画引擎 163
8.5 代码结构 169
8.6 结论 173
8.7 参考 174
第9章 使用WebSocks实现实时多人游戏 175
9.1 网络代码的哲学 175
9.2 设计碰碰车游戏 176
9.3 游戏逻辑 177
9.4 游戏客户端，第一部分 181
9.5 游戏服务器 184
9.6 游戏客户端，第二部分 191
9.7 结论 195
9.8 附录：设置node.js 195
9.8.1 Windows 195
9.8.2 UNIX 196
第10章 艰难技术的选择 197
10.1 为什么选择很难做 197
10.2 渲染 198
10.2.1 SVG 198
10.2.2 canvas 200
10.3 音频 203
10.4 连接 204
10.4.1 服务器端发送事件 205
10.4.2 WebSocket 207
10.5 客户端数据库 208
10.6 页面字体 209
10.7 结论 210
索引 211