基于HTML5水果忍者游戏设计与开发开题报告

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

1.1 研究目的及意义HTML5是一个富有活力的前沿领域，其兴起有多方面的原因。其中比较重要的一点是，1999年制定的HTML4.01标准在十几年后已经无法满足急速增长的网络开发需求，越来越多的开发者开始选择以网页的形式来制作应用软件与游戏。这样做能够降低维护成本，将原来更新客户端所花的精力投入到网页程序的完善之上，以便更加及时地满足新出现的客户需求，于是HTML5应运而生。 目前主流的浏览器，包括Microsoft IE, Google Chrome, Mozilla Firefox等都已经支持HTML5的技术。广义的HTML5，实际指的是包括HTML, CSS和JavaScript在内的一套技术组合。简单而言，HTML5具有以下优点:①提高可用性和改进用户的友好体验;②有助于开发人员定义重要内容的新标签;③可以给站点带来更多的多媒体元素(视频和音频);④可以很好的替代FLASH和Silverlight，实现应用的跨平台;⑤当涉及到网站的抓取和索引的时候，对于SEO很友好;⑥将被大量应用于移动应用程序和游戏。 HTML 5的到来，带给游戏产业新的景象，目前HTML5在游戏开发领域正在受越来越多的青睐。HTML5技术来开发一款游戏，既有利于推广Web新技术，给用户带来全新的体验，其中利用新技术开发游戏的意义主要体现在以下四个方面: （1）开发实现完全标准化。利用HTMLS可以摆脱对第三方插件的依赖，直接用浏览器内嵌的新功能来构建页面，避免了利用插件带来的应用不稳定、耗费资源、不安全等不良影响。 （2）更加丰富的界面效果。利用HTMLS技术中的CSS3可以实现以前需要复杂的JavaScript脚本才能实现的视觉效果，如圆角边框，阴影，渐变等特效。利用这些新样式特性，能够方便简单地达到丰富动态的用户体验。 （3）结构化、简单化的页面设计。利用HTMLS的结构化标签和新的表单元素，能够实现页面结构的语义化，简化开发人员的开发流程。提高了页面的简洁性、高效性。

（4）跨平台特性。网页游戏无须下载应用程序，只要有浏览器的支持，无论是PC机，还是手机移动设备，无论是Android系统，还是Li~系统，都能够随时随地享受游戏的快乐。

1.2 国内外研究现状HTML5是时下移动互联网热门词汇之一。从去年开始HTML5技术已经悄然在整个移动互联网蔓延，从各种H5专题，到H5小游戏。过去几年，在人们的认知中H5游戏只是小游戏的代名词。然而，近来H5游戏的高速发展已经引起了业内的广泛重视。开发者也更热衷于H5游戏的开发。艾媒近日报告称63.3%的玩家每天玩手游时长在30分钟以内，从此次DATAYE公布的数据来看，H5游戏的火热程度并不比APP手游逊色多少。2012年中国移动互联网用户0.7亿，到了2013年，用户数量快速增长到3.2亿。2013-2016年将会是移动互联网用户增长的高峰期。从这个数据完全可以看出移动游戏的巨大市场。最早关于HTML的公开描述是由被称为互联网之父的的英国科学家Tim Berners-Lee于1991年发表的文章《HTML 标签》，其中描述了18个元素，这就是关于HTML的最简单的设计，其中的11个元素还保留在HTML4中。2004年，超文本应用技术工作组（Web Hypertext Application Technology Working Group,WHATWG）开始研发HTML5。2007年，万维网联盟（World Wide Web Consortium,W3C）接收了HTML5草案，并成立了专业的工作团队，于2008年1月发布了第一个HTML5的正式草案。尽管HTML5到目前为止还只是草案，离真正的规范还有相当一段路要走，但HTML5还是引起了业内的广泛兴趣，Google Chrome、Firefox、Opera、Safari和Internet Explore 9等主流浏览器都已经支持HTML5技术。2010年，时任苹果公司CEO的乔布斯发表了文章《对flash的思考》，指出随着HTML5的完善和推广，以后再观看视频等多媒体时就不再依靠flash插件了，这引起了主流媒体对HTML5的兴趣。目前，HTML5的标准草案已进入了W3C制定标准5大程序的第一步，预期要到2022年才会成为W3C的推荐标准。HTML5无疑会成为未来10年最热门的互联网技术。HTML5将服务器的发展也推向了一个顶峰，在客户端取得飞速发展的同时，众所周知，起初CGI（即在物理上运行在服务器上一段程序网关接口）提供最初的客户端使用HTML页面接口，再到之后的J2EE这种类型标准开发框架，普及到广大企业的软件标准，衍生到再之后的Linux这类型的帮助构建形成动态网页的软件，它们通过组合，努力增强在一起的兼容性，提高了效率，更加强打Web应用程序平台由此诞生了。一种基于Ruby语言的Web应用开发框架可以绷住用户开发，部署新的Web应用。在HTML5出现后，诞生的新的服务器架构，使我们的技术圈发生了翻天覆地的变化。在本课题的研究过程中我们使用了架构Nodejs，包含了其对Gooogle V8殷勤的封装，这样JavaScript环境，在V8引擎的帮助下，速度大大提高，性能也得到了极大改善，由于Nodejs强大的对于一些用例的优化功能，即使是在一些非浏览器环境下面也能运行的非常好。Nodejs这种开发架构帮助JS在服务器端运行的非常便捷，其在非阻塞式的编程中借助的JS的函数式编程特性帮助编程更加容易。

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

课题的主要工作包括下面三个方面:(1)研究html5的新功能和新特性，以及与之相关的技术，如javascript.css3等。

熟悉和掌握这些技术在实际web开发中的应用，并且在理论和技术的基础之上，对水果忍者游戏的开发做出详细的需求分析和设计方案。

(2)根据需求分析和设计方案，利用html5关键技术对游戏水果忍者各个功能模块进行实现，并具体阐述html5相关技术在游戏应用中的性能优势。

3. 研究计划与安排

第1－3周：查阅相关文献资料，明确研究内容，了解研究所需理论基础。

确定方案，完成开题报告。

第4－5周：熟悉掌握基本理论，熟悉开发环境。

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

[1] 哈梅斯, 迪亚斯. JavaScript设计模式[M]. 北京：人民邮电出版社，2009. [2] 柳伯斯，阿伯斯，萨姆. HTML5高级程序设计[M]. 北京：人民邮电出版社，2011. [3] 耿祥义，张跃平 著. Java面向对象程序设计[M].北京：清华大学出版社. 2010.[4] 埃史儿 著，陈昊鹏 译.java编程思想[M].北京：机械工业出版社. 2007[5] 普雷斯曼 著. 软件工程：实践者的研究方法[M]. 北京：机械工业出版社. 2011.[6] 张海藩 著. 软件工程导论(第5版)[M]. 北京：清华大学出版社. 2008.[7] 赛默维尔 著.程成 译. 软件工程 [M]. 北京：清华大学出版社. 2011.[8] 李雯，李洪发. HTML5程序设计基础教程[M]. 北京：人民邮电出版社，2013.[9]皮尔格林, 常可, 胡金埔, 赵静. HTML5揭秘[M]. 北京：电子工业出版社，2010. [10]罗森, 夏普. HTML5用户指南[M]. 北京：机械工业出版社，2011. [11]刘红伟. HTML5和样式应用指南[M]. 北京：机械工业出版社，2011. [12]陆凌牛. HTML5开发精要与实例详解[M]. 北京：机械工业出版社，2012. [13]陆凌牛. HTML5与CSS3权威指南[M]. 北京：机械工业出版社，2011. [14]James L. Williams.HTML5游戏开发实践指南[M]. 北京：机械工业出版社，2012. [15]David Geary. HTML5 Canvas核心技术 图形、动画与游戏开发[M]. 北京：机械工业出版社，2013. [16]泽卡斯. JavaScript高级程序设计(第2版)[M]. 北京：人民邮电出版社，2010. [17]费拉纳提. JavaScript权威指南(第五版)[M]. 北京：机械工业出版社，2007. [18]陈爽，贺荣. HTML5与JavaScript程序设计[M]. 北京：机械工业出版社，2012. [19]泽卡斯. 高性能JavaScript[M]. 北京：电子工业出版社，2010. [20]克罗克福德. JavaScript语言精粹[M]. 北京：电子工业出版社，2009. [21]哈梅斯, 迪亚斯. JavaScript设计模式[M]. 北京：人民邮电出版社，2009. [22] De Carvalho, L.V. Case Study of a Mobile HTML5 Multiplayer Game Portal [C]. Computer Games and Digital Entertainment (SBGAMES)，Nov 2014：202-209.[23] 张路斌, HTML5 Canvas游戏开发实战[M], 机械工业出版社, 2013.4[24] Bouras, C.. A Framework for Cross-Platform Mobile Web Applications Using HTML5 [C]. Future Internet of Things and Cloud (FiCloud), 2014 International Conference on, Aug 2014:420-424[25] Jim.Parker, HTML5gamedevelopment [C].Human Factors in Computing Systems Conference on ，Thu. 2014：1011-1012