1. 研究目的与意义（文献综述）
研究目的及意义
自21世纪以来，互联网技术的高速发展，网页的增长速度与网站的增速基本一致，其中相当一部分的网站使用的仍然是html的表格布局及落后的后台技术，这给网站的使用、维护、更新都带来了一定的不便。强大的标签功能和api已经远远超越了以往的标签语言。加上它面向语义的标签和废除众多陈旧的标签和属性以及体验上的巨大提升。
使人们在使用互联网时，对web页面有着越来越高的要求，这在很大程度上促进了web前端开发技术的发展，web前端开发技术不仅需要在pc端中适用，还能在各种移动终端中适用，而在web前端开发技术的发展中，html5已经成为该技术的主流形式，通过html5技术的应用，能够支持web前端开发技术在各种浏览器中应用，并且能够有效降低开发与维护成本，使浏览器具备更加丰富的html5特性。
2. 研究的基本内容与方案
本文是使用html5和javascript完成太空舰队游戏界面、游戏规则的设计和实现。太空战舰是一个玩家操控太空战舰消灭地方飞船的游戏，游戏场景包括不同星球。玩家在游戏中拾取不同道具增强自身能力对抗敌军，玩家生命值归零时游戏结束。当游戏进行到一定阶段还可以触发成就系统。
太空战舰由服务器端程序和客户端程序两部分组成。服务器端程序实现了数据库交互、玩家事件处理、界面跳转等功能；客户端程序实现了界面显示、音效播放、游戏主循环等功能，运行在客户浏览器上。
基于html5技术的太空战舰游戏结合html5、css3和javascript进行开发，利用javascript调用canvas自带的api对战舰和战斗场景的绘制和游戏主要逻辑的编写。canvas元素是html5中新增的页面元素，该元素是一个图形绘制容器。拥有一个基于javascript的api，可由脚本动态绘制图像，每个界面放置不同的按钮，玩家通过点击按钮实现游戏的操作以及页面的跳转。除此之外游戏还能实现皮肤的切换。在web网页中新增一个audio与video的音频与视频标签，即可实现网页对音频与视频文件的嵌入与播放，提高游戏品质。利用css3进行页面优化。游戏的开发流程图如图1所示(见附件）。
3. 研究计划与安排
第1－3周：查阅相关文献资料，明确研究内容，了解研究所需理论基础。确定方案，完成开题报告。
第4－5周：熟悉掌握基本理论，完成英文资料的翻译，熟悉开发环境。
第6－9周：编程实现各算法，并进行仿真调试。
4. 参考文献（12篇以上）
[1] shen ke; si zhanjun; zhang lu.research and implement of html5 game based on websocket[c]. lecture notes inelectrical engineering. 2017(417): 423-428
[2] wang yi-hsuan. development of ahtml5 game with construct2 for learning applications[c]. acm internationalconference proceeding series. 2019. 1-4
[3] tanaya michael; chen huaming;pavleas jebediah; sung kelvin. building a 2d game physics engine: using html5and javascript[m]. 2017. apress media llc.
课题毕业论文、开题报告、任务书、外文翻译、程序设计、图纸设计等资料可联系客服协助查找。
