摘要随着互联网市场蓬勃发展带来的崭新的机遇，HTML5技术已经成为打开新蓝海市场的金钥匙。越来越多的开发商、渠道商进入该领域，并在游戏、应用和互动营销领域推出了很多典型的案例，并且在这个“内容、技术为王”的H5时代，品质高、精细化的网页游戏才是王道。84519

在这样的背景下，论文分析和探讨了基于HTML5游戏引擎的网页游戏开发技术，设计和实现了名为“井底之蛙”的小游戏。同时HTML5不再基于旧的文本标记标准SGML。HTML5具有更好的兼容性，它允许不同浏览器以同样的方式解析和展示格式错误的文档，它的特性使得Web页面转变为一个允许双向交流的媒体。

该论文首先阐明了HTML5游戏开发的发展背景，目的意义以及HTML5游戏开发的国内外研究现状。然后对游戏开发的环境及相关技术进行了详细的介绍与研究，包括HTML5引擎开发游戏的优势。在理论分析基础上，对游戏进行需求分析，同时，还重点针对系统的功能和业务流程，特别是数据流程，进行分析。最后，根据以上分析，对该游戏系统进行设计与实现，并讨论了每个功能模块用到的技术和实现该功能模块的步骤及所出现的问题。在《井底之蛙》游戏开发实现后，对该游戏进行测试，对游戏的功能和用户体验做出了评测与分析。

本游戏最终在web网页上运行，经过测试分析，该游戏突破了切换浏览器的限制，具备简洁、高效、用户评价好的特性。该游戏的实现，让我对HTML5以及游戏开发技术有了新的认识。由于能力和开发时间所限，本论文所实现的游戏功能还比较简单，系统的稳定性还有待进一步提升。

毕业论文关键词：游戏引擎；网页游戏；游戏世界；游戏场景

Abstract With the booming Internet market brought new opportunities, HTML5 technology has become the golden key to opening a new blue ocean market。 A growing number of developers, distributors enter the field and launched many typical cases in the game, application，and interactive marketing field, and in the "content, technology is king" era of H5, high quality, fine web game is crucial。

In such a background, the paper analyzed and discussed web game development technology based on HTML 5, and designed and implemented a game called "frog"。 At the same time, it is no longer based on old text markup standard SGML。 It has better compatibility, it allows different browser to parse and display format of the wrong document in the same way, its features make a Web page become a allowing two-way communication media。

The paper first illustrates the development background, purpose of the HTML 5 game development and the research status at home and abroad of HTML 5 game development。 Then I have carried on the detailed introduction and the research about the development of the game environment and related technology, including the advantage based on HTML 5 game engine。 On the basis of theoretical analysis，I made the game demand analysis, and mainly analyzed the function of the system and business process especially the data flow at the same time 。 Finally, according to the above analysis, I designed and implemented the game system, and discussed the function of each module used in technology and the realization of the function modules of steps and the problems。 After the "frog" game development implementation, I should test the game, the game features and user experience and made the evaluation and analysis。

This game the final run on a web page, the game breaks through the limitation of the switch browser through test and analysis, and has properties of concise, efficient, good user evaluation。 The realization of the game makes me have a new understanding of HTML5 and the game development technology。 Due to the limitation of ability and the development time, the game function is relatively simple in this paper, and the stability of the system remains to be further ascension。