论文-基于HTML5的消除类游戏.doc

. -.XXXXX大学本科生毕业论文设计基于HTML5的消除类游戏 指导教师：所在学院：专业〔系〕：班级〔届〕：二 〇XX 年 X 月 X 日. 文档.. . -.目 录中文摘要、关键字 ……………………………………………………………… 11 引言 ……………………………………………………………… 21.1 研究背景 ……………………………………………………………… 21.2 研究现状 ……………………………………………………………… 21.3 研究目的 ……………………………………………………………… 31.4 本文主要容 ……………………………………………………………… 32 研究技术分析 ……………………………………………………………… 42.1 HTML5简介 ……………………………………………………………… 42.2. 游戏引擎 ……………………………………………………………… 42.3 开发环境 ……………………………………………………………… 53 工程的设计与开发 ……………………………………………………………… 63.1 游戏玩法 ……………………………………………………………… 63.2 需求分析 ……………………………………………………………… 63.3 初步设计 ……………………………………………………………… 63.4 游戏开场流程 ……………………………………………………………… 73.5 局部程序界面与实现……………………………………………………… 94 总结 ……………………………………………………………… 144.1 工程学习阶段总结………………………………………………………… 144.2 工程实施阶段总结………………………………………………………… 154.3 扩展知识 ……………………………………………………………… 15致 ……………………………………………………………… 17参考文献 ……………………………………………………………… 18英文摘要、关键字 ……………………………………………………………… 19. 文档.. . -.基于HTML5的消除类游戏 软件学院 软件工程专业指导教师 XXX作 者 XXX摘要：近几年来社会不断地快速开展，也让人们在工作中产生了很多这样那样的压力，随着科技的进步，人们更希望通过网络、通过游戏来释放自己的压力，以往的技术都只是让游戏在笔记本或者移动产品上单独运行，并不可以跨平台操作，这也增加了开发者的工作量，因此经过人们不懈的努力，终于在原有根底上对html进展了改革，这就是HTML5。

HTML5具有很多新的特性，最主要的还是它具有跨平台兼容性，不仅可以在电脑上运行，还可以在移动终端运行，不仅如此HTML5中的Canvas元素可以使浏览器直接创立并处理图像，减轻了开发人员的负担，而且使界面更加美观，具有很好的用户体验减少了用户刷新页面的时间，得到了更多人的认可,因此基于HTML5所制作的游戏也就成了很多人的研究课题本文通过介绍HTML5的一些特性，以及对游戏引擎的学习，比方cocos2d,unity3d等的认识，并通过当下比较流行的消除类游戏的研发过程分析来使HTML5的容更加形象，并对HTML5的前景做了一些分析 关键词：HTML5 Canvas 游戏引擎 cocos2d unity3d. 文档.. . -.1 引言1.1 研究的背景当今社会，随着经济的不断开展，人们对精神领域的追求也在不断加强，人们不再满足于只在笨拙的台式机上进展工作，而是越来越倾向于使用移动电子产品，并且人们对于网页的设计，刷新的速度都有了更高的要求，在这样的一个时代要求下，以前的网页制作语言HTML已经不能满足人们的要求，需要在移动、跨平台等新特性下研发更新html语言。

[1]先前的几个html版本，主要针对的是静态的文本网页，用于显示文档和共享一些数据，后来动态和应用程序的出现，使得网页更具有灵动性，但是这些都是基于第三方的插件或者Adobe Flash来完成的，这些插件可以使更加丰富，可以提供人机交互的功能随着网店和网页游戏的不断兴起，Web早就不能只满足于静态的文档，但是Web本身又不具备对视频，音频，图像处理的开发功能，想要在网页中添加这些就必须借助第三方插件，另外有时还需要其他的技术来支持HTML，让它支持多种媒体，这就加重了开发人员的工作量，不仅如此，人们再刷新网页时由于容过多，消耗时间较长，用户体验差因此通过不懈的努力，HTML5终于应运而生1.2 研究的现状HTML5对旧的Web网页制作技术做了大量的改进、创新它增加了很多新的元素，将一些模块动态化，另外HTML5的核心目标是增加了比方

大大的满足了人们对了解各种信息的迫切要求，无论是查看文档信息，还是加载动画、视频，都增加了页面的刷新速度，具有良好的用户体验HTML5新增加的这些功能，也为网页游戏提供了开发上的便利条件，不再需要第三方插件来支持游戏的音效，动画，给网页游戏开创了一个新的时代在国外也掀起了一股学习开发HTML5游戏的热潮，之前的网页游戏开发本钱高，即需要效劳器端有需要客户端的支持，而现在HTML5可以跨平台操作，可以在更多的移动产品上进展操作，更能满足人们对于便捷的要求同时开发者只需要在原有根底上了解一下增加的新的HTML5和JS语言，当然对于游戏少不了的还有各种引擎，这些会在后面的文章中有所涉及1.3 研究的目的由当前的游戏开发趋势来看，以后将会是HTML5的时代，当刷新HTML5的游戏时会像刷新页面那样简单，而且它的所有技术都是开放性的，方便开发者学习和应用为使用者提供了更加精巧的动画效果，这对有游戏的设计来说至关重要，很多游戏能够得到人们的广泛关注除了玩法新颖意外，那就是画风优美，让人赏心悦目，这也是HTML5游戏的独特之处但是毕竟HTML5是基于浏览器的语言，所以由此开发的游戏也是轻量级的小游戏，随着移动电子产品的多元化，人们更希望通过游戏来释放自己在工作学习中的压力，虽然HTML5不能制作大型游戏，也因此游戏种类千变万化，丰富了人们的生活，不至于再长时间万同一款游戏时觉得枯燥无味。

这也为游戏开发者和供应商提供了更多的时机此外HTML5还提供了诸如重力感应，离线地图、多点触控等其他的交互应用功能无论是对于游戏还是来说都是一次质的飞越，而作为一个具有探索，好奇心的软件学生来说，学习HTML5必将对自己以后进入社会，对自己以后的工作有所帮助，不断学习新的技术，跟上时代的潮流，这是我们当代大学生的重要职责本文通过对HTML5进展短暂的学习之后，完成了对HTML5的小型的实践游戏，来稳固对学习容的理解，找到了网页与游戏的相当好的契合1.4 本文主要容首先使用了HTML5新添加的

不再借助第三方的Flash软件来显示动画，还可以自定义动画容，方便快捷HTML5还可以进展本地存储，这个新的功能可以用来存储分数或者是玩家的排行榜尽可能的使用新的特性标签来设计实现游戏的根本功能2 研究技术分析2.1 HTML5简介HTML5是万维网html语言的第五个版本，目前比较流行的版本是HTML4.01，虽然相较先前的版本有了很大的改善，但是随着移动应用的开展，以前的那些版本已经远远达不到人们对于科学技术的要求，Html需要在包括语言方面，语法方面和UI、API等各方面的更新，因此就产生了现在这个新的版本在HTML5之前人们更注重用html来制作一些静态的网页，那时候人们通过网络的交互还不是那么兴旺，从网络上了解外界信息的心情也不是那么迫切，博客，网店也没有兴起但是近几年随着科技和经济的不断开展，人们更倾向于从网上获取信息，在网上购置商品，节省了人们很多的时间与精力因此再2021年HTML5正式被大家所认可，实现了Web领域近十几年来质的飞跃，将Web推向了一个更高、更成熟、更稳定的平台[3]在此根底上HTML5将音频，视频，动画等容融为一体，更是增加了很多新的元素标签，去除了一些繁琐，冗长的标签，将一些相似标签融为一体，比方增加了表单验证标签，节省了表单输入时的麻烦，这些新的标签是网页构造更加紧凑合理。

比方hgroup可以将标题进展分组，合成一个个的整体，使开发页面也更加整洁；还有新添加的导航标签nav，有利于搜索引擎的结果整理HTML5相较其他版本的以大亮点就是将audio和video引入到标签中，这样网页播放音频和视频时就不必借助第三方插件，本身就可以做到了当然对于游戏来说最主要的还是图形动画的界面要美观，这样才可以吸引更多的人来玩，对于这方面不得不提的就是Canvas标签了，它与其他元素不同，不像audio等元素直接将现有元素插到网页中，而是可以独立的处理或创立2D图形，不仅如此，还可以通过Ja。