HTML5网页游戏设计从基础到开发PDF|Epub|txt|kindle电子书版本网盘下载

HTML5网页游戏设计从基础到开发PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

基础篇3

第1章 HTML5概述3

1.1 HTML基础3

1.1.1 HTML的定义3

1.1.2 HTML的历史4

1.2 HTML4基础5

1.2.1 HTML基础知识5

1.2.2 HTML基本标记6

1.3 HTML5的新特性10

1.3.1 简化的文档类型和字符集11

1.3.2 HTML5的新结构12

1.3.3 支持本地存储13

1.3.4 全新的表单设计13

1.3.5 强大的绘图功能13

1.3.6 获取地理位置信息15

1.3.7 支持多媒体功能17

1.3.8 支持多线程18

第2章 JavaScript语法基础19

2.1 在HTML中使用JavaScript语言19

2.2 基本语法20

2.2.1 数据类型20

2.2.2 常量和变量21

2.2.3 注释22

2.2.4 运算符和表达式22

2.3 常用控制语句25

2.3.1 选择结构语句26

2.3.2 循环结构语句31

2.4 函数36

2.4.1 创建自定义函数36

2.4.2 调用函数36

2.4.3 变量的作用域38

2.4.4 函数的返回值38

2.4.5 定义函数库39

2.4.6 JavaScript内置函数40

2.5 调试JavaScript程序的方法43

第3章 JavaScript事件处理45

3.1 JavaScript事件的基本概念45

3.1.1 事件类型45

3.1.2 JavaScript处理事件的基本机制46

3.2 JavaScript绑定事件的方法47

3.3 JavaScript事件的event对象49

3.3.1 获取event对象49

3.3.2 JavaScript获取鼠标坐标50

3.3.3 JavaScript获取事件源51

3.4 JavaScript取消浏览器默认动作51

第4章 JavaScript面向对象程序设计53

4.1 面向对象程序设计思想简介53

4.1.1 对象的概念53

4.1.2 面向对象编程54

4.2 JavaScript类的定义和实例化55

4.2.1 类的定义55

4.2.2 创建对象（类的实例化）55

4.2.3 通过对象直接初始化创建对象56

4.3 JavaScript访问和添加对象的属性和方法57

4.3.1 访问对象的属性和方法57

4.3.2 向对象添加属性和方法59

4.4 继承60

4.4.1 原型实现继承61

4.4.2 构造函数实现继承62

4.4.3 重新定义继承的方法62

4.5 JavaScript内置对象63

4.5.1 JavaScript的内置对象框架63

4.5.2 基类Object64

4.5.3 Date类64

4.5.4 String类66

4.5.5 Array类68

4.5.6 Math对象75

4.5.7 Object对象76

4.6 HTMLDOM编程78

4.6.1 HTMLDOM框架78

4.6.2 Document对象80

4.6.3 Node（节点）对象81

4.6.4 NodeList对象88

第5章 使用Canvas画图89

5.1 Canvas元素89

5.1.1 Canvas元素的定义语法89

5.1.2 使用JavaScript获取网页中的Canvas对象89

5.2 坐标与颜色90

5.2.1 坐标系统90

5.2.2 颜色的表示方法90

5.3 绘制图形91

5.3.1 绘制直线91

5.3.2 绘制矩形93

5.3.3 绘制圆弧95

5.4 描边和填充95

5.4.1 描边95

5.4.2 填充图形内部96

5.4.3 渐变颜色96

5.4.4 透明颜色98

5.5 绘制图像与文字99

5.5.1 绘制图像99

5.5.2 组合图形101

5.5.3 输出文字102

5.6 图形的操作104

5.6.1 保存和恢复绘图状态104

5.6.2 图形的变换104

5.7 HTML5 Canvas动画实例106

5.7.1 动画的概念及原理106

5.7.2 游戏人物的跑步动画107

第6章 CSS3和jQuery动画109

6.1 CSS3语法基础109

6.1.1 CSS基本语句109

6.1.2 在HTML文档中应用CSS样式110

6.1.3 CSS选择器110

6.2 CSS3动画112

6.2.1 变形112

6.2.2 过渡变换113

6.2.3 动画115

6.3 jQuery基础118

6.3.1 认识jQuery语法118

6.3.2 元素的属性与CSS样式控制119

6.3.3 CSS样式控制120

6.3.4 事件和Event对象124

6.4 jQuery动画130

6.4.1 显示和隐藏HTML元素130

6.4.2 淡入淡出效果132

6.4.3 滑动效果136

6.4.4 执行自定义的动画138

6.4.5 动画队列139

实战篇147

第7章 HTML5人物拼图游戏147

7.1 人物拼图游戏介绍147

7.2 程序设计的思路147

7.3 程序设计的步骤148

第8章 扑克翻牌游戏153

8.1 扑克翻牌游戏介绍153

8.2 程序设计的思路153

8.2.1 HTML5倒计时功能153

8.2.2 扑克牌的显示与隐藏156

8.2.3 扑克牌的删除157

8.2.4 添加删除类别Class158

8.3 程序设计的步骤159

8.3.1 设计CSS（matchgame.css）159

8.3.2 游戏页面index.htm160

8.3.3 设计脚本（matchgame.js）163

第9章 推箱子游戏165

9.1 推箱子游戏介绍165

9.2 程序设计的思路166

9.3 程序设计的步骤168

9.3.1 游戏页面pushbox.htm168

9.3.2 设计脚本（pushboxl.js）169

第10章 五子棋游戏178

10.1 子棋游戏简介178

10.2 五子棋游戏的设计思想178

10.3 关键技术179

10.3.1 判断输赢的算法179

10.3.2 图形上色181

10.4 程序设计的步骤181

10.4.1 游戏页面five.html181

10.4.2 设计脚本（Main.js）181

10.5 人机五子棋游戏的开发183

第11章 黑白棋游戏193

11.1 黑白棋游戏介绍193

11.2 黑白棋游戏设计的思路194

11.2.1 棋子和棋盘194

11.2.2 翻转对方的棋子194

11.2.3 显示执棋方可落子位置195

11.2.4 判断胜负的功能195

11.3 关键技术195

11.3.1 Canvas对象支持的JavaScript的鼠标事件195

11.3.2 获取鼠标在Canvas对象上的坐标196

11.4 黑白棋游戏设计的步骤196

11.4.1 游戏页面196

11.4.2 设计脚本（Main.js）197

第12章 俄罗斯方块游戏205

12.1 俄罗斯方块游戏介绍205

12.2 程序设计的思路205

12.2.1 俄罗斯方块形状设计205

12.2.2 俄罗斯方块游戏面板屏幕207

12.2.3 定位和旋转形状208

12.3 程序设计的步骤210

12.3.1 游戏页面210

12.3.2 设计脚本210

第13章 贪吃蛇游戏220

13.1 贪吃蛇游戏介绍220

13.2 程序设计的思路220

13.3 程序设计的步骤221

13.3.1 游戏页面221

13.3.2 设计脚本221

第14章 雷电飞机射击游戏228

14.1 雷电游戏介绍228

14.2 游戏设计的思路228

14.2.1 游戏素材228

14.2.2 地图滚动的原理实现229

14.2.3 飞机和子弹的实现230

14.3 游戏关键技术——碰撞检测231

14.3.1 矩形碰撞231

14.3.2 圆形碰撞233

14.3.3 像素碰撞233

14.4 雷电飞机游戏设计的步骤234

14.4.1 设计子弹类234

14.4.2 设计飞机类236

14.4.3 爆炸类238

14.4.4 设计主程序238

14.4.5 游戏页面242

第15章 FlappyBird游戏244

15.1 Flappy Bird游戏介绍244

15.2 Flappy Bird游戏设计的思路245

15.2.1 游戏素材245

15.2.2 游戏实现的原理245

15.3 Flappy Bird游戏设计的步骤245

15.3.1 设计Bird类（小鸟类）245

15.3.2 设计Obstacle类（管道障碍物类）246

15.3.3 设计FlappyBird类246

15.3.4 主程序250

15.3.5 游戏页面252

第16章 中国象棋253

16.1 中国象棋介绍253

16.2 中国象棋设计思路254

16.2.1 棋盘表示254

16.2.2 棋子表示254

16.2.3 走棋规则255

16.2.4 坐标转换256

16.3 中国象棋实现的步骤257

16.3.1 设计棋子类（Chess.js）257

16.3.2 设计游戏逻辑类（ChessGame.js）258

16.3.3 游戏页面270

第17章 两人麻将游戏272

17.1 麻将游戏介绍272

17.2 两人麻将游戏设计的思路273

17.2.1 素材图片273

17.2.2 游戏逻辑实现274

17.2.3 碰吃牌判断275

17.2.4 和牌算法276

17.2.5 实现电脑智能出牌279

17.3 两人麻将游戏设计的步骤281

17.3.1 麻将牌类设计（Card.js）281

17.3.2 设计游戏逻辑脚本（main2.js）282

17.3.3 游戏页面（index2.html）300

第18章 21点扑克牌游戏303

18.1 21点扑克牌游戏介绍303

18.2 设计思路303

18.3 程序设计的步骤304

18.3.1 扑克牌类MCard304

18.3.2 一副牌类MCard304

18.3.3 主程序305

第19章 基于lufylegend游戏引擎开发311

19.1 lufylegend游戏引擎介绍311

19.1.1 游戏引擎原理311

19.1.2 引入lufylegend游戏引擎312

19.1.3 利用引擎初始化游戏312

19.2 lufylegend游戏引擎基本功能313

19.2.1 图片的加载与显示313

19.2.2 图层316

19.2.3 利用图层实现游戏中的卷轴317

19.2.4 使用LGraphics对象绘图320

19.2.5 使用LTextField显示文字323

19.2.6 LGlobal全局类323

19.2.7 LLoadManage加载文件324

19.2.8 事件处理325

19.2.9 动画的实现327

19.3 lufylegend游戏引擎案例——接水果游戏331

参考文献338