资源名称:HTML5游戏开发进阶指南
内容简介:
本书介绍了HTML5 游戏开发的一般过程和技巧。全书共分12 章,第1 章介绍了本书相关的HTML5的诸多新特性,包括在canvas 上绘图、播放声音等,另外还引入了子画面页的概念;第2~4 章利用Box2D物理引擎开发了一款非常类似于《愤怒的小鸟》的游戏,全面介绍了物理引擎的概念,以及在游戏中使用物理引擎的方法,这一部分还引入了视差滚动技巧,以实现某种伪3D 效果;第5~10 章开发了一款简化版的《红色警戒》游戏,这一部分涉及了相当多的内容,包括地图的制作,建筑与单位的设定、绘制,玩家与单位的互动,触发器与剧情的编写,路径规划算法等;第11、12 章利用nodeJS 和WebSocket 开发了《红色警戒》游戏的多人对战模式,这一部分的主要问题是保持游戏在多个玩家的浏览器中的状态一致。
对于熟悉前端开发,想用前端技术做一些更酷的事情,却又不知如何下手的人,这是一本可多得的好书。
资源目录:
第1章 HTML5与Javascript概要 1
1.1 canvas元素 2
1.1.1 绘制矩形 3
1.1.2 绘制复杂形状或路径 5
1.1.3 绘制文本 7
1.1.4 自定义画笔样式(颜色和纹理) 8
1.1.5 绘制图像 9
1.1.6 平移和旋转 10
1.2 audio元素 11
1.3 image元素 14
1.3.1 图像加载 15
1.3.2 子画面页(精灵图) 15
1.4 动画:计时器和游戏循环 17
1.4.1 requestAnimationFrame 18
1.5 小结 20
第2章 创建基本的游戏世界 21
2.1 基本HTML布局 21
2.2 创建启动画面和主菜单 22
2.3 关卡选择 26
2.4 加载图像 29
2.5 加载关卡 33
2.6 动画 34
2.7 处理鼠标输入 37
2.8 设置游戏阶段 39
2.9 小结 42
第3章 物理引擎基础 43
3.1 Box2D基础 43
3.1.1 引入Box2D 44
3.1.2 定义World变量 45
3.1.3 添加第一个物体:地面 46
3.1.4 绘制世界:调试绘图模式 48
3.1.5 动画 50
3.2 更多的Box2D元素 52
3.2.1 创建矩形物体 52
3.2.2 创建圆形物体 54
3.2.3 创建多边形物体 56
3.2.4 创建多种形状的复杂物体 58
3.2.5 连接物体的接合点 61
3.3 追踪碰撞与破坏 64
3.3.1 接触监听器 65
3.4 绘制角色 68
3.5 小结 71
第4章 物理引擎集成 72
4.1 定义物体 72
4.2 添加Box2D 75
4.3 创建物体 78
4.4 向关卡加入物体 79
4.5 设置Box2D调试绘图 82
4.6 绘制物体 84
4.7 Box2D动画 86
4.8 加载英雄 88
4.9 发射英雄 91
4.10 结束关卡 94
4.11 碰撞损坏 96
4.12 绘制弹弓橡胶带 99
4.13 切换关卡 101
4.14 添加声音 103
4.14.1 添加断裂和反弹的音效 104
4.14.2 添加背景音乐 107
4.15 小结 110
第5章 创建即时战略游戏世界 111
5.1 基本HTML布局 112
5.2 创建启动画面和主菜单 112
5.3 地图与关卡 118
5.4 加载任务简介画面 120
5.5 制作游戏界面 124
5.6 实现地图平移 131
5.7 小结 137
第6章 加入单位 138
6.1 定义单位 138
6.2 第一个物体:主基地 139
6.3 为关卡添加单位 143
6.4 绘制单位 147
6.5 添加星港 150
6.6 添加炼油厂 154
6.7 添加炮塔 157
6.8 添加车辆 160
6.9 添加飞行器 165
6.10 添加地形 170
6.11 选中游戏单位 175
6.12 强调选中的单位 178
6.13 小结 183
第7章 单位智能移动 184
7.1 命令单位 184
7.2 发送和接收命令 186
7.3 执行指令 188
7.4 实现飞行器移动 189
7.5 路径规划 195
7.6 定义寻径格网 196
7.7 实现车辆移动 203
7.8 碰撞检测和导航 207
7.9 将采油车展开为炼油厂 214
7.10 流畅移动 215
7.11 小结 219
第8章 添加更多的游戏元素 220
8.1 实现基本的经济系统 220
8.1.1 设置启动资金 220
8.1.2 实现侧边栏 223
8.1.3 获取资金 225
8.2 购买建筑和单位 226
8.2.1 添加侧边栏按钮 226
8.2.2 启用与禁用侧边栏按钮 229
8.2.3 在星港建造车辆和飞行器 232
8.2.4 从基地建造建筑 241
8.3 结束关卡 249
8.3.1 实现消息对话框 250
8.3.2 实现触发器 254
8.4 小结 259
第9章 添加武器和战斗 261
9.1 实现战斗系统 261
9.1.1 添加炮弹 261
9.1.2 炮塔的战斗指令 269
9.1.3 飞行器的战斗指令 274
9.1.4 车辆的战斗指令 279
9.2 创建智能的敌人 284
9.3 添加战争迷雾 287
9.3.1 定义迷雾对象 287
9.3.2 绘制迷雾 290
9.3.3 禁止在迷雾上建造建筑 293
9.4 小结 295
第10章 完成单人战役 296
10.1 添加音效 296
10.1.1 创建音效 296
10.1.2 命令确认音效 298
10.1.3 消息提示音 301
10.1.4 战斗音效 302
10.2 创建单人战役 303
10.2.1 救援 303
10.2.2 袭击 312
10.2.3 抵抗围攻 318
10.3 小结 329
第11章 WebSocket与多人对战模式 331
11.1 使用Node.js操作WebSocket API 331
11.1.1 浏览器端的WebSocket 331
11.1.2 使用Node.js创建HTTP服务器 334
11.1.3 创建WebSocket服务器 336
11.2 创建多人对战游戏大厅 339
11.2.1 定义多人对战大厅界面 339
11.2.2 游戏房间列表 341
11.2.3 进入和离开房间 345
11.3 启动多人对战游戏 351
11.3.1 定义多人对战关卡 351
11.3.2 加载多人战役关卡 354
11.4 小结 359
第12章 多人对战游戏操作 360
12.1 同步网络模型 360
12.1.1 测量网络传输时间 361
12.1.2 发送命令 365
12.2 结束多人对战 370
12.2.1 玩家被击败时结束游戏 370
12.2.2 玩家断开连接时结束游戏 375
12.2.3 玩家丢失连接时结束游戏 376
12.3 实现玩家聊天 378
12.4 小结 382
索引 384
资源截图:
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了?
- 找不到素材资源介绍文章里的示例图片?