HTML5完美游戏开发

图书目录:

目　录

第 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