《数字媒体艺术专业毕业论文设计水果忍者网页游戏论文》由会员分享，可在线阅读，更多相关《数字媒体艺术专业毕业论文设计水果忍者网页游戏论文（33页珍藏版）》请在金锄头文库上搜索。
1、本科毕业论文(设计) 题 目： 基于HTML5的水果忍者 网页游戏的开发 学 院： 软件技术学院 专 业： 数字媒体艺术 姓 名： 指导教师： 年 月 日 摘 要互联网技术不断革新，用户对于应用的要求在不断提高，使得技术标准也在不断进步。HTML5的产生使得互联网有了很大进步，在此平台上，互联网更加成熟完善，数据传输更加平安可靠，用户操作更加方便。本课题是基于HTML5技术来制作一个新款网页版的“水果忍者游戏，用户可以直接从浏览器中翻开进行切水果游戏。这个网页游戏采用了HTML5中用于控制声音、程序接口的最新技术，如Audio。效劳器采用新型框架Nodejs，使用Javascript语言来进行
2、编译，用到了大量和HTML、CSS相关的专业知识。虽然HTML5标准还不是很成熟稳定，还不能真正将其普及。但该游戏不仅让我稳固了大学四年学到的知识，也加深了我对计算机编程的进一步审深入了解。关键词：HTML5，网页游戏，水果忍者 ABSTRACTAs the development of the Internet technology is increasing and our requirement to the application is rising, the standard of technology makes progress. The produce of HTML5 mak
3、es Internet become better, and in this platform, the data is more safe to share.Basing on the environment of Web, the subject is to use the HTML5 create a Web edition of fruit ninja game. After opening it, we are able to directly play it. The game operates some latest technology to control the voice
4、 and the program interface, such as Canvas and Audio. The game uses Nodejs to complish, and it use Javascript to program. Meanwhile, the subject involves some knowledge about HTML and CSS.Though HTML5 still cant be completely commercial, the game can not only make me consolidate the knowledge during
5、 the four years, but also deepen our comprehension of computer programming.Keywords：HTML5，Web game，fruit ninja目 录 第一章 绪论11.1 课题的目的和意义11.2 国内外开展现状21.3 课题主要的内容和功能介绍31.3.1 水果忍者游戏介绍31.3.2 游戏特点41.3.2 与其他水果忍者游戏区别4第二章 相关技术简介62.1 HTML5标准简述62.2 Nodejs简介72.3 Web开发工具92.4 Chrome浏览器介绍10第三章 总体设计及程序功能分析133.1 需求分析1
6、33.2 程序总体功能设计133.2.1 程序功能模块分析133.2.2 声音的控制分析133.2.3 效劳器客户端分析133.3 程序流程143.4 模块及对应的方法17第四章 详细设计194.1 效劳器端的运行环境194.2 场景控制204.3 水果与刀碰撞的原理224.4 读取效劳器端爆炸信息234.5 查看得分与最高纪录25第五章 系统测试275.1 测试环境275.2 兼容性测试27结束语28致谢29参考文献30第一章 绪论1.1 课题的目的和意义当今社会，互联网在不断开展进步，随之人们的生活也不断变化，由于互联网的各种效劳带来各种方便，人们的生活质量不断提高。互联网的受重视程度逐渐
7、加大，出现更多的开发者去创造和改善它，互联网革新的速度越来越快。为了适应用户的各种需要，新的模式和新的技术层出不穷，这对于新的公司也是新的挑战。在这时机和挑战并存的开放环境中，互联网吸引着越来越多的公司去创业。在计算机行业，虽然要求的本钱低，但是技术壁垒确实非常高。一些陈旧或者较低的技术自然而然会被大家淘汰，全新的技术和效劳就会占领互联网市场。在这种竞争环境下，HTML5这种全新的技术标准产生了，它的高性能对用户十分有吸引力。同时，HTML5出现的时间并不久，还需要继续革新，更加完善，才能吸引更多用户，在竞争中不断壮大。在这个互联网时代，网页的各种标准不断改进，其中进步最大的就是HTML5，通
8、过这一标准的改变，网页的格式内容都有了革新。不仅如此，各种形式的音频视频有了一定的标准格式，使得网页设计更加成熟。虽然HTML5是刚刚新起的，有很多方面还不是很成熟，但它干预突破传统技术的缺乏，很多模式在不断创新，这对于互联网来说是里程碑。不知传统意义上的电脑， 和平板也需要进一步改进网页标准，改革旧的技术，创造新的交互式软件和应用。未来人们生活的各方各面可能都会用到互联网，所以对网页技术的革新实际上就是对时代的变革，而研究HTML5就是研究互联网的关键一点。该课题是对TML5这一最新技术的实践，性能比照之前的WEB技术更加富有前瞻性，性能也更加优越。在这种互联网革新速度如此之快的时代，这种新
9、技术无疑可以衍生出新的应用，带来更高的商业价值。在计算机诞生后不久，各种游戏软件就相应产生，在它不断吸引用户的同时，用户对游戏的要求在不断提高。游戏从刚开始的单机型开展到大型网游，现在又向操作方便快捷的小型网页游戏转变。本课题就是适应用户的这种需求，该水果忍者网页版游戏，可以在网页中直接翻开运行，跨浏览器兼容，并且可用在任何ASP.NET开发中。1.2 国内外开展现状HTML从产生到现在已有20年左右，已经历了多个年代的开展。最初HTML是在90年代以因特网草案产生的，在短短的几年里，它经历了2.0版、3.2版以及4.0版和4.01版。渐渐的，HTML的掌控权到了万维网的手中。就在群众都认为这
10、时的HTML技术已没方法再次突破，就没有特别重视了。在此同时，标记语言XML和XHTML受到群众的关注，取代了HTML的重要位置。虽然它没有处于最受重视的位置，但依然普遍使用，很多的网站依然是基于HTML使用的。为了力挽狂澜，HTML需要克服已有的优点，创造新的功能，展现自己顽强的生命力。为了使Web平台能够到达一个新的高度，一组对此感兴趣的人成立了Web超文本应用技术这一工作组，这个技术工作组发现了HTML中最为薄弱至关重要的地方，即开发新的应用功能，这样WEB2.0诞生了，其导致了Web的时代更迭。一些传统的静态网站在新一轮的竞争汇总被具有更强特性的新的动态网站击败，因为用户难已拒绝这些新
11、网站的强大功能。全世界的浏览器厂家纷纷在全球性的标准尚未出现时，便已经纷纷竭尽全力来升级HTML5来支持新的功能。首先进入HTML的是W3C在2006年的时候，之后公司在两年之后公布了一个HTML5的初稿，一年之后，技术组即停止了工作。HTML5从全世界各大浏览器公司获取的第一手资料帮助了HTML5更好的完善己身的功能，它的改进巨大，并且在不断的完善当中。现在在一些国际大公司以及 移动客户端产品的促进下，新的HTML5标准正在逐渐趋向于最终版本，并即将得到非常广泛的推广。 HTML5将效劳器的开展也推向了一个顶峰，在客户端取得飞速开展的同时，众所周知，起初CGI即在物理上运行在效劳器上一段程序
12、网关接口提供最初的客户端使用HTML页面接口，再到之后的J2EE这种类型标准开发框架，普及到广阔企业的软件标准，衍生到再之后的Linux这类型的帮助构建形成动态网页的软件，它们通过组合，努力增强在一起的兼容性，提高了效率，更加强打Web应用程序平台由此诞生了。一种基于Ruby语言的Web应用开发框架可以绷住用户开发，部署新的Web应用。在HTML5出现后，诞生的新的效劳器架构，使我们的技术圈发生了翻天福地的变化。在本课题的研究过程中我们使用了一个最新的架构Nodejs，这样的一个JS运行和愿景，包含了其对Gooogle V8殷勤的封装，这样JavaScript环境，在V8引擎的帮助下，速度大大
13、提高，性能也得到了极大改善，由于Nodejs强大的对于一些用例的优化功能，即使是在一些非浏览器环境下面也能运行的非常好。Nodejs这种开发架构帮助JS在效劳器端运行的非常便捷，其在非阻塞式的编程中借助的JS的函数式编程特性帮助编程更加容易。1.3 课题主要的内容和功能介绍1.3.1 水果忍者游戏介绍水果忍者这款游戏自上市以来收到群众的关注，一直很受欢送，在游戏软件中的排名很靠前。本课题设计的游戏与平时玩的水果忍者很接近，游戏的画面感计较真实，有很多种水果，如草莓、苹果、西瓜和桃子，在白色的刀切开水果时果汁会很真实的溅出来，被切开的水果的果肉也很逼真。通过切开水果，玩家能感受到一定的刺激感以及
14、视觉享受。通过鼠标的移动，电脑上会有相同方向的白色刀光产生，伴随着刀子切开水果会产生划破的声音，这样产生的效果更加刺激。虽然这款游戏的规那么简单，但是不容易得到高分。本游戏设计的是经典玩法，没有时间限制，只要不落下水果不到三个并且不切到炸弹就会无穷玩下去。在画面的右上角会显示三个深蓝色的叉号，漏掉一个水果就会有一个叉号变红，当到达三个叉号都变红的时候就提示游戏结束了。当玩家切中了突然出现的炸弹时，游戏就结束了，画面上会显示返回主菜单去。又要保证尽量把水果都切到，又要躲过所有的炸弹，这不是一件容易的事情，既要反映快，又要大胆心细。玩这款游戏其实可以讲究一些技巧，这样就会得分高一点。一般把鼠标的位
15、置放在计分处的下面一点，这里是水果上升的最高点，所以把鼠标放在这更能轻易的切开水果。如果水果和炸弹是并在一起一块出现的，不要轻易去切，因为这样容易切到炸弹，本着宁愿错过一个也不能切到炸弹的原那么，要等到它们下落时等分开再去切。对于刀的切割方向，建议横着去切，因为如果竖着切很容易切到下面突然出现的炸弹，而且横着切容易多切几个水果。如果很多水果被一起抛起来的时候，应该先去切体积较小的水果，因为体积小的水果更快的往下落而且需要更精准去切，可能花的时间长一点。还有一个技巧是，最好不要出一个就去忙着切一个，这样会弄的手忙脚落，而等到水果在一条直线上再切就会更准确一点。1.3.2 游戏特点首先，该游戏最大的特点就是简单。其他的游戏大局部会有很多关卡，过了第一关才能进入下一关，但是该游戏没有设置任何关卡，只需要简单的滑动鼠标去切水果。而且，水果忍者的创意来源很偶然，一位员工看水果刀推销的电视广告上，商家为了向观众展示自己卖的刀具很锋利，就把准备好的香蕉往上一抛，然后用推广的刀具将这个香
