基于HTML5&JavaScript的射击类游戏设计与实现.doc

《基于HTML5&JavaScript的射击类游戏设计与实现.doc》由会员分享，可在线阅读，更多相关《基于HTML5&JavaScript的射击类游戏设计与实现.doc（24页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、摘要随着HTML5的诞生，一系列的新特性也随之出现，而我认为最为核心的特性莫过于它的跨平台兼容性了。它不单单能够在计算机上运行,而且能够在移动端上运行。除此之外，HTML5中的Canvas元素允许浏览器直接创建以及处理图像,这在让开发人员更加轻松的同时,也使得界面更加好看,让用户拥有了更加良好的体验,大大缩短了用户加载的时间。正因为这种种的优点,让HTML5获得了更多的赞同。基于HTML5的游戏已经成为了一个比较热门的研究课题。本文首先从整体上介绍了HTML5的研究现状，然后叙述出本次课题研究的目的以及意义，分析了本次游戏所用到的相关技术。游戏系统主要通过设置主体物、障碍物、计时器等，实现由主

2、物体射击、障碍物触发边界会加速反弹、主体物躲避障碍物等功能。主要运用了HTML5、CSS、JavaScript等技术，在Windows10的软件环境以及通过Adobe Dreamweave开发工具下进行。关键词： HTML5 CSS JavaScript Adobe Dreamweave 射击类游戏AbstractWith the birth of HTML5, a series of new features have emerged, and I think the most core feature is its cross platform compatibility. It can

3、run not only on the computer, but also on the mobile end. In addition, the canvas element in HTML5 allows the browser to directly create and process images, which makes the developers easier, but also makes the interface more beautiful, makes the user have a better experience, and greatly shortens t

4、he user load time. Because of these advantages, HTML5 has gained more approval. The game based on HTML5 has become a hot research topic.The article first introduces the current research status of HTML5 as a whole, then describes the purpose and significance of this research, and analyzes the relevan

5、t technologies used in this game. The main function of the game system is to shoot by the main object, trigger the boundary of the obstacle, accelerate the rebound and avoid the obstacle by setting the main object, obstacle and timer. Mainly used HTML5, CSS, JavaScript and other technologies, in the

6、 windows 10 software environment and through Adobe Dreamweave development tools.Key words: HTML5 CSS JavaScript Adobe Dreamweave Shooting games目录第一章 绪论11.1 课题研究现状11.2 课题研究的目的与意义2第二章 相关技术介绍32.1 HTML5介绍32.2 CSS介绍32.3 JavaScript介绍42.4 游戏引擎技术介绍4第三章 游戏引擎及功能分析63.1 游戏引擎63.2 游戏功能分析63.2.1 玩家操作规则功能分析63.2.2 子弹

7、功能分析63.2.3 障碍物功能分析73.2.4 计时器功能分析7第四章 游戏功能实现及展示74.1 游戏功能实现84.1.1 游戏背景实现84.1.2 玩家飞机功能实现94.1.3 玩家子弹类实现94.1.4 障碍物功能实现104.1.5 计时器功能实现124.1.6 游戏结果判定124.2 游戏功能展示13第五章 游戏实际测试效果155.1 UI界面功能测试155.2 游戏内功能测试15结论15参 考 文 献18致谢19广东东软学院本科毕业设计（论文）第一章 绪论1.1 课题研究现状随着经济的快速发展，人们对精神方面的追求日益提高。他们不再只是对笨拙的台式计算机上工作感到满意，反而更加喜欢

8、去使用移动设备。在网页设计以及加载速度等方面都需要更高要求的情况下，以前的网页制作语言HTML再也不能满足人们的要求了。开始需要在移动、跨平台等新特性下研发更新HTML语言。之前的HTML版本基本上是面对静态文本网页，被用作显示文档以及共享数据。而随着动态网站以及应用程序的诞生，网页变得更加灵活，不过这也是有条件的需要通过第三方插件或Adobe Flash来完成。多种的插件能够让网站变得更多彩，并且它们还能够提供人机交互的功能。由于在线商店以及网页游戏越来越受人们的欢迎，Web已经不能再像从前一样仅仅满足于静态文档。如果要将这些功能添加到网页当中就必须通过第三方插件。不仅如此，甚至有时HTML

9、仍然需用到其他的一些技术来使其支撑各种的媒体。这不仅增加了程序人员的压力，还因为人们加载网页的时候内容太多，需要很长的时间，使得用户体验感很差。因此，通过不断的努力，HTML5终于诞生了。HTML5对从前的网页制作技术进行了非常多的改进甚至是创新。首先它添加了非常多的新元素并动态化了一些模块，其次也是比较重要的一点是它添加了新的媒体元素，从而实现无需第三方的插件即可播放多媒体，让开发人员更容易操作。新的Canvas元素不单单能够使浏览器创建以及处理图形，让网页当中的布局更为得体，同时还为程序人员提供了便利，让代码变得更加精简。HTML5不单单是互联网的改革。由于其新增的跨平台性以及其更加优秀的

10、兼容性，互联网成为了更加完善的平台。如今人们通过HTML5所开发的程序不单单能够在计算机上运行，而且同样能够在移动产品上使用，从而使人们更容易、更快速地获取到信息。不论是查看文档的信息，亦或是加载的动画以及视频，它均能够提高页面的加载速度，让用户拥有更加好的体验。HTML5一系列的新功能也让开发人员对于网页游戏的开发变得更加方便，他们再也不用通过第三方的插件支撑游戏的声音效果以及动画，网页游戏因此正式步入到了新时代，无论是国内还是国外的开发人员他们都纷纷开始投入到HTML5游戏的学习以及开发当中。以前网页游戏开发成本非常高的其中一个非常重要的原因便是服务器端它得凭借客户端的支撑，如今HTML5

11、已经不仅仅能够在Web端上操作，而且还能够在移动端上进行操作了。这无疑让开发人员的操作变得更加便利。同时，开发人员只需在原有的基础上了解一下增加的新的HTML5以及JavaScript语言。当然，各种各样的引擎也是开发网页游戏必不可少的。1.2 课题研究的目的与意义按照现在游戏开发的这个趋势，我认为不久的将来便会成为HTML5的时代。人们在刷新HTML5游戏的时候就如同刷新页面一样方便。不仅如此，与HTML5所相关联的技术均是开放给所有人的，这对于开发人员学习以及应用来说非常的方便。它提供了更优秀的动画效果，这也十分迎合了进行游戏设计的开发者们。许多的游戏可以受到用户的追捧除了别出一格的游戏玩

12、法以外，还有就是能够让人印象深刻，漂亮的画风。这也是HTML5游戏比较特别的地方。不过，HTML5它是一种基于浏览器的语言，因此从中开发的游戏也只能是一些比较轻量级的小型游戏。随着移动电子产品的多样化，越来越多的人想要凭借游戏释放工作以及学习带给他们的压力。尽管HTML5不可以制作大型的游戏，不过也因祸得福制作的游戏种类千变万化，丰富了人们的生活。游戏种类的多样化也为游戏的开发商以及供应商提供了非常多的机会。除此之外，HTML5它还提供了比较多的交互应用功能。这一系列的交互应用功能，无论是对于游戏还是对于网站来说，都是质的飞跃。第二章 相关技术介绍2.1 HTML5介绍HTML5，顾名思义它是

13、HTML第五个版本。虽然主流的HTML4.01版本和之前的版本对比起来已经完善了不少。不过由于各种各样移动端应用快速的发展，它已经不能满足开发人员们的要求。语言、语法、UI以及API等等方面都需要更新，为了满足这一系列的要求，HTML5诞生了。早些时候开发人员更倾向于通过HTML制作静态网页，那个时候人们利用网络的交互并不发达，也不是那么急切需要从网络当中了解外界的信息。不过近些年来，随着技术以及经济的快速发展，人们更加倾向于从网上获取信息。作为HTML新一代版本，当然少不了一系列的新特性：（1）增添了能够体现结构语义化的标签，例如、等等。这一系列的标签使网页结构变得更紧凑以及合理，同时它们对

14、开发页面的整洁也同样有很大的帮助；（2）表单相关内容有所增加表单元素、表单属性以及input输入类型。这对于开发人员制作表单相关内容的时候来说更加方便了；（3）新增了视频以及音频标签，这样一来开发人员把视频以及音频标签引入后，网页播放视频以及音频就不再需要像之前一样借助第三方插件了；（4）Canvas以及SVG绘图；（5）地理定位，通过getCurrentPosition()这一个方法从而得到用户的位置；(6)增添了拖放API；（7）Web Worker。开发人员可以于当前JavaScript的主线程当中，通过Worker类加载一个JavaScript文件从而开始一个新线程，起到互不阻塞执行的

15、效果，而且提供主线程以及新线程间数据交换的接口：postMessage以及onmessage；（8）新增的本地存储解决方案Web Storage，不过它不是为了取代cookie而制定的标准，cookie作为HTTP协议的一部分用作处理客户端与服务器的通信依然是必不可少的，session依赖于实现的客户端状态保持。WebStorage它用来解决那些原本不该使用cookie，却不能不去使用cookie的本地存储。2.2 CSS介绍CSS即层叠样式表，它是一种计算机语言，用来表示文件的样式。它不但能够静态修改网页，还能够使用非常多的脚本语言来动态地格式化网页中的元素。开发人员主要通过CSS使页面变得

16、更加美观以及一致，不仅如此，它还能够将内容以及格式分隔开来。在先前CSS并不存在的时候，开发人员如果需要修改HTML元素样式的话则需要给所有的HTML元素逐个去定义样式属性。假如遇到HTML的内容很多的时候，开发人员便需要定义非常多的重复样式属性，而且修改的时候还需要一一修改，花费很多功夫，因此CSS诞生了。CSS影响程序人员构建Web站点，而且可能会一直持续下去。把网页的表示信息从（X）HTML文件当中移除出去，然后将它们统一保留在一个样式表当中。这具有非常多的优点，例如降低了文件的大小、节省了网络的带宽以及让开发人员更加容易维护等等。不仅仅如此，站点的表现信息以及核心内容的分离，可以让站点

17、的开发人员在比较短的时间内对网站进行大工程量的修改。CSS大大精简了开发人员所编写的网页格式代码，除此之外，外部样式表还将被浏览器保存到缓存当中，从而加快网页内容加载的速度，同时也缩减了需要上传代码的数量，这得益于重复设置的格式只能够保存一次的特点。开发人员只需通过修改保存了网站格式的CSS样式表文件便能够调整站点的风格以及特色。当需要修改页面数量非常多的站点时，这个用途便能够大派用场了。开发人员不再需要像从前一样一个个网页的修改了，这大大减轻了开发人员的工作量，提高了他们的工作效率。2.3 JavaScript介绍JavaScript 是如今互联网当中最受欢迎的脚本语言，它可以用在HTML以

18、及Web当中，甚至能够普遍地用在所有的电脑端以及移动端的设备当中。它是具备函数优先、轻量级、解释型或即时编译型的编程语言。尽管它是因为被用作开发Web页面而闻名，不过其实它同时也被用作许多不是浏览器的环境当中。与服务器端的脚本语言并不相同，JavaScript它主要是作为客户端的脚本语言在用户浏览器当中运行，而且不需要服务器的支撑。因此，在早些时候许多的程序人员倾向于使用它来减轻服务器的负担。不过，这同时也带来另一个问题安全性。随着服务器的强大，尽管开发人员倾向于在服务端上运行脚本从而确保安全，然而JavaScript凭借它的跨平台以及易于使用等一系列的优点依然是十分受大众的欢迎。同时，有一些

19、特殊的功能还必须依赖于它才能够在客户端当中进行支持。由于引擎和框架的快速发展，以及它们的事件驱动和异步IO等等一系列的特性，JavaScript也慢慢被用于编写服务器端程序当中。2.4 游戏引擎技术介绍游戏引擎是一款游戏最为核心的东西，它就如同人的心脏，扮演着不可或缺的角色。开发人员可以使用它各种各样的模板，这样一来，他们就不需要从零开始了。现成的人物以及工具让开发人员的开发变得更加轻松，同时也降低了那些想要入门游戏开发人们的门槛。游戏引擎它不是什么玄乎的东西，所有的游戏基本都需要这样的代码来起到控制的作用。经过不断的发展，现在的游戏引擎已经发展成为了由若干个子系统一起构成的复杂系统。而随着游

20、戏种类的不断增加，游戏引擎也是多种多样，一般分为二维引擎和三维引擎，各种各样的引擎可以写出风格各异的游戏，这大大丰富了人们的精神世界。第三章 游戏引擎及功能分析3.1 游戏引擎本次基于HTML5&JavaScript的射击类游戏的实现我选择了CreateJS作为游戏引擎。CreateJS是一款官方开放源代码的HTML5游戏开发引擎，它大多数的应用程序接口都是在Flash原始的应用程序接口的基础上进行模仿以及实现的。CreateJS提供了许多开发的套件和工具。不仅如此，它们还能够直接将Flash动画转换为JS数据包，从而让用户更加容易去使用。特点：（1）Flash的用户能够非常容易地使用；（2）

21、提供了能够转换一些Flash代码并对其进行修改的工具；（3）类库设计独立，含有各种各样模块，开发人员能够根据自己的需求去运用。游戏的实现少不了CreateJS 当中EaselJS以及TweenJS两大开发工具的帮忙。EaselJS提供了完整的、分层的交互方法。有了它，开发人员能够更加轻松地使用HTML5当中的画布功能。TweenJS 则是契合小白的补间动画库，它支持数字和对象的属性以及 CSS 样式属性的赋值。它通过比较平滑的方式来修改元素的属性值，开发人员只需要传递给 TweenJS要修改的值、动画结束时的最终值以及动画总共花费时长等等信息，它便能够计算从开始的动画点到结束的动画点之间的值，

22、来产生平滑的动画效果。3.2 游戏功能分析3.2.1 玩家操作规则功能分析点击“游戏开始”以后，游戏画面当中将会开始随机生成障碍物球。玩家使用鼠标操控飞机移动从而躲避障碍物，若飞机碰撞到障碍物即视为游戏结束，并输出相应的游戏结果存活时长。游戏期间将会设置有计时器计算玩家操控飞机的存活时长。游戏期间，玩家按下回车（ENTER）键可以使游戏中途停止，计时器也会随之暂停计算时间；按下空格（SPACE）键可以让飞机发射子弹，从而弹开障碍物获得更加持久的生存时长。3.2.2 子弹功能分析点击“游戏开始”以后，玩家按下空格（SPACE）键可以让其操控的飞机从头部发射出子弹。玩家能够利用飞机射出来的子弹弹开

23、障碍物，从而获得更加持久的生存时长。3.2.3 障碍物功能分析点击“游戏开始”以后，游戏画面当中将会开始随机生成障碍物球。障碍物有三种碰撞事件：（1）碰到边界，会反弹并且加速；（2）碰到玩家操控飞机射出的子弹将会被弹开；（3）碰到飞机则视为结束，并输出游戏结果。3.2.4 计时器功能分析点击“游戏开始”以后，程序所设置的计时器开始计算时间，直到玩家操控的飞机碰撞到障碍物，使得游戏结束，计时器才会终止。如果玩家按下回车（ENTER）键暂停，则计时器也会同时暂停计算时间。通过计时器的计算时间，从而得出玩家最终的游戏结果坚持的时长。第四章 游戏功能实现及展示4.1游戏功能实现4.1.1游戏背景实现个

24、人认为，界面的好坏将会直接影响到用户的体验。如今越来越多的人通过游戏来释放压力、放松身心，可以说是老少皆宜。我们不能只是像从前一样只考虑到儿童同样也需要考虑到其他年龄段的人们。所以，一个适合各年龄阶段的美观界面是必不可少的。对于首页，我使用了HTML5最新的标签Canvas来渲染界面。同时，我还将使用HTML5的新标签来插入音乐，给用户带来更为刺激的游戏体验。游戏需要定义背景图片以及开始的状态。首先获取我所需要用到的图片，其次把图片所具有的属性封装为一个对象方便自己后面去调用。最后定义一个背景图片的构造函数，里面传入我先前就已经定义好的对象，通过this将参数转换成函数内属性。var stag

25、e1=new createjs.Stage(myCanvas1);var bgImage=new Image();bgImage.src=cat.jpg;var bgHeight=1024;/背景函数function Background(x，y，speed，img)this.x=x;this.y=y;this.speed=speed;this.img=img;this.update=function()this.y+=this.speed;if(this.ybgHeight)this.y=this.y-bgHeight;this.draw=function()ctx.drawImage(th

26、is.img，this.x，this.y);ctx.drawImage(this.img，this.x，this.y-bgHeight);var bg=new Background(0，0，2，bgImage);4.1.2玩家飞机功能实现接下来就是玩家飞机的绘制以及移动的实现了。首先绘制出玩家飞机的图片，其次新建一个对象来封装它的属性，然后创建一个构造函数，获取先前对象的值。另外定义一些后面我将会用到的变量，例如判断飞机是否碰撞到障碍物、定义飞机移动的坐标等，而且用相同的方法来调用它们。因为设计的是使用鼠标控制飞机的移动，所以将通过mousemove事件来获取鼠标坐标并相应改变飞机坐标。/飞机

27、绘制var planeImage=new Image();planeImage.src=img/my1.png;/飞机函数function Plane(x，y，img)this.x=xxx;this.y=yyy;this.img=img;this.draw=function()ctx.drawImage(this.img，this.x，this.y);var plane=new Plane(280，520，planeImage);function mouseMove(e)if(gameState=1)plane.x=e.pageX-32.5;plane.y=e.pageY-40;4.1.3玩家

28、子弹类实现首先绘制出子弹的图片，由于子弹是从飞机的头部射出，因此我得调整坐标定位。然后新建一个数组用于储存每一个生成的子弹对象，循环遍历所有生成的子弹使其全都拥有同样且独立的产生方法和运动形式。/子弹绘制var bulletImage=new Image();bulletImage.src=img/pd4.png;/子弹函数function Bullet(x，y，speed，img)this.x=x;this.y=y;this.speed=speed;this.img=img;this.update=function()this.y-=this.speed;this.draw=function

29、()if(this.ymyCanvas1.width-this.r)this.speedX=-this.speedX-rand(2);if(this.xmyCanvas1.height-this.r)this.speedY=-this.speedY-rand(2);if(this.ythis.r)this.speedY=Math.abs(this.speedY)+rand(2);for(var i in bullets)if(bulletsi.x=this.x+this.r/2& bulletsi.y=this.x-this.r/2 & bulletsi.y+66=this.y-this.r/

30、2 ) if(this.xbulletsi.x)this.speedX=Math.abs(this.speedX);this.speedY=-Math.abs(this.speedY);/游戏结束判定 if(plane.x=this.x+5 & plane.y=this.x-5 & plane.y+55=this.y-5 ) alert(被小球撞毁，共坚持了:+count+秒);window.location.reload(); /刷新父窗口中的网页ctx.beginPath();ctx.arc(this.x,this.y,this.r,0,2*Math.PI);ctx.fillStyle=t

31、his.color;ctx.fill();var ball=new Ball();var ball=;for (var i=0;i100;i+)balli=new Ball();/球实现function draw1()for (var i=0;i8;i+)balli.moving();4.1.5计时器功能实现定义一个计时器，使它起始的时间为0，然后创建一个运行函数，让计时器启动。/定义计时器var count=0;/计时器函数function run()if(gameState=1)count+;text.text1=别让小球碰到你!;text.text=已经坚持:+count+秒!;stag

32、e.update();4.1.6游戏结果判定通过判定障碍物是否碰撞到我方飞机从而输出本次的游戏结果。/游戏结束判定 if(plane.x=this.x+5 & plane.y=this.x-5 & plane.y+55=this.y-5 ) alert(被小球撞毁，共坚持了:+count+秒);4.2游戏功能展示打开页面，首先将会呈现游戏开始的界面，并且我们设置的音频也会同时播放。点击“开始游戏”，将会转换到游戏场景，游戏也就随之开始。图4-1 游戏开始界面图转换到游戏场景后，定时器也随之开启，并且将会随机生成障碍物球。玩家将使用鼠标控制飞机的移动。按下空格键可以发射子弹从而弹开障碍物，按下回

33、车键可以暂停游戏，且定时器也会随之暂停。游戏过程当中，障碍物若碰到边界会加速反弹。图4-2 游戏进行界面图当玩家操控的飞机碰撞到障碍物，则视为游戏结束，计时器也同时终止计时。此时将会弹出对话框，显示玩家本次的游戏成绩生存时长。图4-3 游戏结束判定图第五章 游戏实际测试效果游戏的测试主要为UI界面的功能测试以及游戏过程当中涉及到的功能测试。UI界面的功能测试包括所有按钮功能的实现和场景的转换。游戏过程当中涉及到的功能的测试包括玩家对于飞机的操控功能以及障碍物的相关碰撞事件的实现。5.1 UI界面功能测试测试编号测试项操作步骤预期结果实际结果UI001开始游戏按钮点击按钮1、成功转换场景2、转换

34、场景失败成功转换场景UI002游戏场景中的空格键按下空格键1、 能够正常发射子弹2、 不能够正常发射子弹正常发射子弹UI003游戏场景中的回车键按下回车键1、 能够正常暂停游戏2、不能正常暂停游戏正常暂停游戏表5-1 UI界面功能测试表我首先测试了游戏开始界面“开始游戏”按钮，发现点击“开始游戏”按钮后能够成功转换场景。其次是测试游戏场景当中的空格键，发现按下空格键后，操控的飞机能够正常的发射出子弹。最好是测试游戏场景当中的回车键，发现按下回车键后，游戏暂停，计时器也随之停止。5.2游戏内功能测试测试编号测试项步骤预期结果实际结果Test001障碍物等待正常生成正常生成Test002障碍物碰撞

35、边界观察加速反弹加速反弹Test003飞机移动实际测试正常移动正常移动Test004飞机射击实际测试障碍物弹开障碍物弹开Test005障碍物碰撞飞机实际测试游戏结束游戏结束表5-2 游戏内功能测试表我首先测试游戏进行中障碍物的生成，经过短暂的等待发现障碍物正常生成。接下来是障碍物的两个碰撞事件碰撞边界以及碰撞飞机。经过观察发现障碍物碰撞边界以后可以加速反弹，碰撞飞机则为游戏结束，弹出对话框并停止计时，均无不良情况发生。最后是飞机的移动以及射击事件，经过鼠标的移动和按下空格键的操作发现飞机能够正常移动且发射子弹后障碍物能够正常弹开。结论虽然之前上课有学到过相关的知识，但是需要自己独立开发还是比较

36、困难。不过毕竟想要毕业，我就得要好好去钻研并实现这个项目。人不逼自己一把，都不知道自己有多大能耐。在观看了大量的电子书以及视频之后，我逐渐学到了许多，不过只是领会还是远远不够的。当我亲自着手去完成这个项目时，便暴露出了各种各样的问题。不过我并没有轻易地放弃，而是不断地上网查找相关问题以及向师兄请教。功夫不负有心人，我最终还是顺利地完成了这次的项目。尽管这个游戏还有很多需要改进的地方，不过我觉得有了这次的经验，如果日后碰到相类似项目的时候我会更加得心应手，可以把项目做得更加完美。总得来说，这次的毕业设计真的是让我学到了非常多的东西。不单单是学到了许多的技术，它还让我加深了对HTML5以及Java

37、Script的理解。增强了我自己的动手能力，获得了许多的经验和教训。这是一个短暂而又格外充实的毕业设计，我认为这将在迈向社会的过程中扮演过渡的角色，这是我一生当中十分重要的一次的经历。我相信有了这一次的经历，毕业以后我能够更快地融入到社会当中，在自己的领域上创造更多、更大的价值！参 考 文 献1曹同雷.一款基于HTML5技术的游戏引擎的设计J.科技展望.2017(15)2王睿.浅谈HTML5的技术优势J.辽宁师专学报(自然科学版).2017(01)3梁卓韬.浅谈HTML5在网页游戏中的运用J.电子制作.2016(08)4郑逸凡.基于HTML5技术的Web游戏设计J.计算机光盘软件与应用.201

38、4(17)5黎志雄，黄彦湘 ，陈学中. 基于HTML5游戏开发的研究与实现J.东莞理工学院学报. 2014(05)6郑逸凡.基于HTML5 Canvas的射击类游戏射击J.林区教学.2014(12)7彭小红，林界.基于HTML5&JavaScript的游戏设计和实现J.现代计算机(专业版).2016(25)8 徐佳宾.基于HTML5与Node.Js的游戏引擎的设计与开发D.南京邮电大学9王青.基于HTML5_Canvas的三维粒子图形动画的设计J.中国科技信息.2019(05)10CFANFANS.让时间停止保留网页游戏进度J.电脑爱好者.2015(04)11 阳晓霞，谭卫.基于HTML5技术

39、的游戏开发与实现J.信息与电脑(理论版).2019(09)12曹学琪，尼玛扎西.基于HTML5的Flappy bird游戏设计与开发J.数字技术与应用.2019(09)13郭秋缈.节奏类游戏人机交互设计与应用D.北京工业大学.2012(18)14 谢宾.小型二维游戏引擎设计和实现D.电子科技大学.2013(30)15王旭生.一个简单的飞机对战游戏引擎设计D.吉林大学.2012(15)致谢到这里，这篇论文已准备完成了，我的大学生活也将圆满结束。四年前，我怀着对求学求知的无穷向往，踏入了我梦寐以求的大学校园。回忆这四年大学生活，每天都在学习以及探索新的知识，掌握新的技能，期间十分荣幸遇到了很多良师

40、益友。他们对我的学习供给了很多的帮忙，使我每天过得很充实。在此，衷心的表示感谢。衷心感谢我的导师李梁奇老师。撰写毕业论文期间，老师悉心的指点给了我很多的思路。在我遇到问题和难题时，老师的及时纠正，耐心的指引和激励使我有充足的决心信念和锲而不舍的态度战胜重重难关。在此，向刘老师示意由衷的敬意和感谢。感激学校给我供给了这么优越的学习环境，感激数字媒体技术对我的悉心栽培。感激辅导员老师对我生活和学习上的无私帮忙。感激学院各位老师对我的循循善诱。同时感激与我共同学习、共同发展的同班伙伴们。感激已毕业了的师兄师姐，与你们的沟通交流，我受到了很大的帮忙和启迪。感激父母和家人，是你们一向任劳任怨，无私奉献。鼓励我，支持我，使我进步，使我成长。感激你们，你们永远是我追梦道路上最坚固的后盾和不断的动力！20