基于HTML的飞机大战游戏设计与开发论文.doc

PAGE 2 基于HTML5飞机大战游戏设计与开发 摘要 本设计主要结合HTML5技术和Photoshop技术,设计并实现了基于HTML5飞机大战游戏.本游戏使用了HTML5技术中的Canvas(画布)标签、Audio标签、JavaScript、CSS、本地数据库等.本设计中游戏流程为:背景图片的选取及制作;登陆界面和游戏界面的设计;各功能模块的实现;各模块间的衔接;各功能模块的测试;整个游戏的测试.本游戏服务器运行后,玩家可以直接通过浏览器打开，并采用键盘对飞机进行操作. 关键词:HTML5;JavaScript;键盘操作 目 录 TOC \o 2-3 \h \z \t 标题 1,1,一级标题,1 1.1研究背景和国内外研究现状 3 1.1.1研究背景 3 1.1.2研究现状 5 1.2开发平台简介 6 1.2.1 VS 2012简介 6 1.2.2 开发环境的搭建 6 1.3课题主要内容和系统功能介绍 6 1.3.1 课题主要内容 6 1.3.2飞机大战游戏功能介绍 7 2.1 HTML5的新特性 8 2.2 JavaScript中的面向对象 8 2.3 CSS层叠样式表 9 2.4 Photoshop技术 9 3.1 游戏设计简介 10 3.2 需求分析 10 3.2.1 系统角色 10 3.2.2 用例分析 10 本游戏是按进度条层、游戏层、飞机层、子弹层、文字层划分层次的。进度条层是用来显示图片读取时的进度。游戏层是用来掌控整个游戏，其他各层都会添加到游戏层上面。飞机层是用来显示游戏中的飞机。子弹层是对子弹进行操控的。文字层是用来显示游戏中的文本。 11 4.1进度条层 11 6.1测试目的 15 6.2测试方法 15 6.3测试实例 15 6.3.1 进度条模块 15 测试 17 结果图 17 图6.1 进度条测试图 17 6.3.2游戏运行模块 18 6.3.3游戏结束 21 毕业设计 PAGE PAGE 15 PAGE 1 PAGE 1 引言 在科技不断发展的今天，Internet已经开始嵌入到人们的生活当中，慢慢的影响着人们的思想，而它所秉承的各种应用被人们逐步采纳了，并且体会到了其中的长处与完美。然而更多的人们对互联网产生了复杂的需求，如今人们追求高速度的观点不断提升着，无论从技术界还是商业界，所有行业都不断地求取创新即更新，当下新的技术和模式在新的企业和应用中不断制约着，存在着创业花费低而技术花费却很高的问题，所以很多规模较大的企业必须不断更新新的技术，因此才建立了相当不错的技术纲领，也成立了更多服务和方案。但庞大的互联网却存在一种宽松的环境，所以它需制定一种规范，而不是让最大的企业独占了，若不按照此方法就会失心于别人，所以不断革新与发展是HTML5形成一种更加规范和体系的前提，然而在这种前提下形成的标准与体系会更加发展迅速。将近十年的时间，HTML5在形式上与从前的方案大不一样了，HTML5不仅可以对Web文档进行完善，它最重要的使命是将 Web 领入到一个更加适合他的平台中，使图像、音频、动画和视频方面及同电脑的交互等标准化了。虽然HTML5的开发需要不断地探索，但是HTML5 却已经在向网页转变。然而，如今传统意义上的互联网将不复存在，更加实用和规范的东西却吸引中更多消费群体，借助手机等各种先进的设备去得到更加有价值的东西，比如应用导航、定位手段去挖掘新的数据和多点、重力等新的交互方式的应用，在将来的某一天人们生活之处所存留的倒影将影响着好几辈人。 HTML5中不仅添加了各种相关的功能，而且也考虑了有关非正式场合应用网络时出现的症状。因此，探究 HTML5 的某些应用体系将是一个非常难得的机遇，而运用类似的方案去创新出更多有价值的东西更是改变这个世界的一次机会在改革期间。该课题是比较系统的认识与探究HTML5技术，但它自身也存在着WEB不能完成任务它，但性能却比之前的方案体系会好很多，创新性使其一个新特点。Internet有一个创新驱动和相对比较稳定的行业是新的技术最有可能开发出更多潜在存在的模式。，该课题是针对HTML5技术去实现网页游戏的一次实践，然而，这确实是一次对新技术亲身实践和学习的机遇，也是对自己能力的一次提高。游戏软件的附有产物是在计算机诞生后出现的，刚开始是一些简单的代码，由于这些代码是由一些计算机无聊人士在闲的时候写的，出乎意料的是让刚新出炉的游戏迅速达到了高峰，从最原始的单机游戏转换成大型网络游戏是新技术的一种手段，但新模式