Web3D赛车游戏的设计与实现_论文

摘要  自从互联网诞生以来，对于页面的要求日渐提高。怎么样才能够使我们的页面看起来更加的美观、变得更加绚丽是我们一直努力去探索的方向。于是我们发明了超文本标记语言、CSS层叠样式表、JavaScript、Flash等插件，使用这些来达到界面的更加美观与实用。但是一直到WebGL的出现，才使得我们的开发者省掉很多的麻烦，不用去安装各类专用的开发网页的插件，就可以快捷的访问3D型网页。本文主要介绍实现一款基于WebGL和HTML5的Web3D赛车游戏。其中主要的内容如下：使用Three.js中的基本图元来渲染天空、公路等环境；把所有模型（赛车和公路标牌）都从各种流行格式转换成Three.js的JSON格式；使用Sim.js中的关键帧动画工具来处理赛车转向、撞毁等行为；用程序贴图来模拟运动中的公路和背景天空的效果；将抬头显示面板（HUD）加入到游戏中；构造粒子系统实现模拟赛车尾气的烟雾效果；使用键盘来操控赛车；在游戏中加入声音等。

关键词:Web3D;WebGL;HTML5;three.js;关键帧动画;纹理贴图 

1 绪论 4

1.1 开发背景及意义 4

1.2 国内外研究状况 4

1.3 Web3D赛车游戏简介 5

2 开发平台及相关技术 7

2.1 开发环境 7

2.2 开发工具 7

2.3 WebGL技术 7

3 系统分析 9

3.1 可行性分析 9

3.2 系统需求分析 9

3.3 系统工作流程图 10

4 系统设计与实现 11

4.1 系统设计目标 11

4.2 系统研究方法及方案 11

4.3 系统功能结构 11

4.4 详细设计与实现 12

4.4.1 键盘控制 12

4.4.2 相机 13

4.4.3 关键帧动画 14

4.4.4 纹理动画 15

4.4.5 碰撞检测 16

4.4.6 创建粒子系统 17

4.4.7 添加游戏音效 19

4.5 关键算法 20

4.5.1 碰撞检测 20

4.5.2 创建粒子系统 20

5 系统测试 21

5.1 系统运行环境 21

5.2 测试内容 21

结论 25

致谢 26

参考文献 27