1. 研究目的与意义（文献综述）
html是一种超文本标记语言, 用这种语言写成的文档描述网页同时也被称为网页。自1990年设计开发, 到如今所用的html5是指由html、css与java script所组成的一套开发软件组合, 在多个方面上加强了web技术, 很好的提高了页面的表现能力。近年来, 网页游戏迅速发展, 无论休闲游戏, 益智游戏还是射击游戏, 游戏数量都有很快的增长, 而html5的使用正是其原因所在。
html5技术是web中核心语言html的规范，被认为是互联网的核心技术之一，它是包括html、css3和javascript在内的一套技术组合。html5语法特征更加明显同时还结合了其他元素，对原有的功能进行调整和修改，要求所有开发人员进行标准化工作。此外，html5能够减少浏览器对部分插件的依赖，如flash、microsoftsilverlight等，从而提高网络服务应用的轻便性和独立性。
从互联网的发展历程来看，目前使用html5来开发的应用越来越多，更多支持html5的终端也在不断演进，这都得益于html5的多种功能性和良好的跨平台性。此外，html5在安全监测方面也有突出的表现，基于html5的安全监测工具，对漏洞进行全面的分析和监测也得到了一定的运用，将整个系统分为注册管理模块、漏洞监测模块、扫描显示模块和扫描配置模块，对监测工具总体设计，然后对监测结果进行分析。
2. 研究的基本内容与方案
这个游戏的编写是以html文件形式完成的，使用谷歌浏览器展示效果，游戏将会采用javascript实现整体的逻辑流程，最终使用谷歌浏览器来实现游戏的展示和操作。
该游戏相关功能有游戏界面的切换、背景音乐的实现、设置按钮的点击效果、地鼠的隐藏与出现、地鼠的随机出现、设置小锤跟随鼠标移动和小锤和地鼠的碰撞等。
首先是游戏界面的切换，在我们点击开始游戏或者游戏说明时，都会进行页面的切换，页面切换效果我们可以使用隐藏属性display:none。接下来是音频的实现，html5新特性中的audio标签提供音乐播放的功能，在进入游戏时，音乐自动播放，我们在body中自定义一个按钮，通过按钮来控制音频的播放和暂停。之后是设置按钮的点击效果，这个比较简单，实际上就是两个图片之间的切换，给按钮一个hover，通过鼠标移上来实现背景图片的切换。接下来是地鼠的出现功能，在地鼠出现的区域设置一个div用来显示地鼠，在地鼠未出现之前将地鼠隐藏在洞下，使用定时器setinterval（）设定地鼠出现的时间，使用延时器settimeout（）设定地鼠待在地面上的时间。地鼠的随机出现，我们可以设定一个随机数，产生0-8之间的随机数，指定九个洞中哪个洞出现地鼠，然后将num传递给定时器和延时器中的id指定的地鼠，实现地鼠随机的选取。设置锤子的移动需要与鼠标移动同步，使用到javascript中的鼠标移动事件。检测锤子是否与出现的地鼠相碰撞，使用offsettop、offsetwidth、offsetheight和offsetleft计算出地鼠和锤子的位置，根据距离的计算，判断地鼠与锤子是否重合碰撞。
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 in electrical engineering. 2017(417): 423-428
[2] wang yi-hsuan. development of a html5 game with construct2 for learning applications[c]. acm international conference proceeding series. 2019. 1-4
[3] tanaya michael; chen huaming; pavleas jebediah; sung kelvin. building a 2d game physics engine: using html5 and javascript[m]. 2017. apress media llc.
课题毕业论文、开题报告、任务书、外文翻译、程序设计、图纸设计等资料可联系客服协助查找。
