基于HTML5的跳伞游戏设计与开发开题报告

1. 研究目的与意义（文献综述）

1.1 html5新特性为游戏开发提供新思路

html5是由w3c（万维网联盟）与whatwg（网页超文本应用技术工作小组）在2006年联合研发并于2014年10月完成制定的一套新的html标准规范。凭借丰富的语义化标签、优秀的离线存储与多线程技术、强大的设备访问能力、以及全新的多媒体及图形特效元素，html5标准得到了广泛应用并在主流浏览器上得到良好的支持。html5游戏就是基于这些新特性、新元素发展而来的。

html5游戏的基础—canvas。canvas是html5引入的支持脚本化客户端绘图操作的一个新标签，它本身没有行为，但是可以通过javascript脚本动态生成各种图形动画。使用canvas元素进行图像绘制有两个特点，即像素级别的绘制控制与无插件依赖性，canvas区域中每个像素可控并且绘制不需要任何第三方插件。目前canvas提供关于contextapi对象的两种定义—2d与webgl，以提供一系列二维及三维图像的相关属性与绘制方法。虽然canvas在3d图形绘图方面由于对设备及系统要求较高，在部分浏览器或设备上常出现性能问题，但是在2d图形绘制方面的出色表现已经使其完全具备开发性能优秀的网页游戏的能力。

2. 研究的基本内容与方案

本次设计主要以html5标准支持的canvas（画布）元素为研究对象，通过javascript脚本语言对canvas元素的控制，完成跳伞游戏的界面绘制与逻辑实现，并最终实现游戏的服务器部署与跨平台运行。

整个游戏周期分为三个环节：游戏进入、游戏进行与游戏结果及分享。基本的游戏逻辑如下：玩家点击开始后，出现跳伞倒计时（红绿灯）提示，玩家在收到跳伞指令（绿灯亮起）后点击开始跳伞，点击后玩家控制的角色立即降落，电脑角色在指令后一定时间内开始降落，角色下降同时在界面显示实时高度，玩家需尽量在警告标示（路障图标）所示高度前点击展开降落伞完成降落并进入下一轮，且越接近警告标志越先安全降落，玩家抢跳会遭到扣血惩罚，过迟展开降落伞则会受伤甚至“死亡”，玩家在不“死亡”的情况下名次越高，得分越高。

整个设计分为三个模块：

3. 研究计划与安排

第1周：查阅相关资料，针对课题主要研究对象，学习基本理论。

第2-3周：利用图书馆的网络及书面资源，搜集大量相关课题资料，并根据自己的学习及研究能力完成开题报告，在老师指导下修改开题报告，确定最终的研究方向和技术路线。

第4周：根据任务书和开题报告，确定研究框架。通过网络资源的学习与研究，完成游戏界面主体风格及基本布局的设计，确定游戏核心逻辑、界面绘制及数据处理的实现方案。对主要任务进行细化，分析技术难点。

4. 参考文献（12篇以上）

[1]decarvalho,l.v.casestudyofamobilehtml5multiplayergameportal[c].computergamesanddigitalentertainment(sbgames)，nov2014：202-209.

[2]张路斌,html5canvas游戏开发实战[m],机械工业出版社,2013.4

[3]bouras,c..aframeworkforcrossplatformmobilewebapplicationsusinghtml5[c].futureinter-netofthingsandcloud(ficloud),2014internationalconferenceon,aug2014:420-424