《毕业设计论文围住逃课男游戏设计与开发》由会员分享，可在线阅读，更多相关《毕业设计论文围住逃课男游戏设计与开发（59页珍藏版）》请在金锄头文库上搜索。
1、编号：（）字号本科生毕业设计（论文）围住逃课男游戏设计与开发 08113681网络11-3班题目：姓名：学号：班级：二一五年六月中国矿业大学本科生毕业设计姓 名： 学 号：08113681学 院：计算机科学与技术学院专 业：网络工程 设计题目：围住逃课男游戏设计与开发专 题：指导教师：职 称：讲师2015年6月徐州中国矿业大学毕业设计任务书学院计算机科学与技术学院专业年级网络工程11级姓名任务下达日期：2015年 1 月 12日毕业设计日期： 2015年1月 19日至 2015 年 6月 3日毕业设计题目：围住逃课男游戏设计与开发毕业设计专题题目：毕业设计主要内容和要求：研究内容：（1）采用最
2、新的HTML5、JavaScript技术和CSS3标准来构建各种常见类型的游戏；（2）实现游戏的模式设置、难度设置、背景设置、声音设置、用户信息存储与管理；（3）利用JavaScript技术解决HTMl5有关浏览器的兼容问题；（4）开发富有趣味性和技术性的游戏，掌握HTML5、JavaScript技术和CSS3标准中与游戏开发相关的理论知识。工作要求：在完成最低工作量：（1）设计与开发基于HTML5的游戏开发；（2）装订好论文（包括不低于3000字的翻译）；电子版设计论文；程序源代码；系统使用说明书的基础之上，尽量完成该课程设计的其他要求及一些扩展功能。院长签字：指导教师签字：中国矿业大学毕业
3、设计指导教师评阅书指导教师评语（基础理论及基本技能的掌握；独立解决实际问题的能力；研究内容的理论依据和技术方法；取得的主要成果及创新点；工作态度及工作量；总体评价及建议成绩；存在问题；是否同意答辩等）：成绩：指导教师签字：年月日中国矿业大学毕业设计评阅教师评阅书评阅教师评语（选题的意义；基础理论及基本技能的掌握；综合运用所学知识解决实际问题的能力；工作量的大小；取得的主要成果及创新点；写作的规范程度；总体评价及建议成绩；存在问题；是否同意答辩等）：成绩：评阅教师签字：年月日中国矿业大学毕业设计答辩及综合成绩答辩情况提出问题回答问题正确基本正确有一般性错误有原则性错误没有回答答辩委员会评语及建议
4、成绩：答辩委员会主任签字：年月日学院领导小组综合评定成绩：学院领导小组负责人：年月日摘要随着计算机性能的飞速提升和互联网技术的持续发展，用户享受互联网的方式也越来越简单快捷，因而对于网络应用的要求也越来越高。目前，越来越多的应用可以用浏览器打开的方式直接使用，用户数据则存储在云端，这样不仅增加了安全性还方便了用户共享数据。当网络化在各种应用中不断普及的同时，一种新的技术标准应运而生，那就是HTML5。HTML5是新一代互联网标准的开发语言，作为当今最炙手可热的Web开发技术，凭借其强大的功能特性和跨平台等优势，它将把Web带入一个崭新的应用平台，图像、动画、音频和视频，以及人机交互在这个平台上
5、都会被更加完善地标准化，给用户更好的体验。本文首先从国内外HTML5 技术的发展现状和趋势入手，对其进行整体分析，然后讨论了HTML5、JavaScript和CSS及其相关开发技术的发展历程，介绍了HTML5新增的功能及其应用。以此为基础设计开发了一款基于HTML5 技术的网页版“围住逃课男”的游戏应用，该游戏界面简洁，操作简单，运行流畅，功能完善，趣味十足。采用HTML5新添加的Canvas绘图功能创建游戏舞台，并使用img和audio标签完成了游戏背景和音效的设置。使用JavaScript编码设计游戏的人物模块、地图模块、算法模块和流程控制模块，提高了程序的兼容性和实用性。游戏布局则采用C
6、SS样式实现，用法简单且功能强大。游戏主要有经典和基友两种游戏模式，每种模式对应不同数量和形象的人物动画，同时采用移动算法的切换实现了游戏难度的控制。当然，在整个游戏过程中实现了对人物位置和地图布局等相关数据的存储和管理，确保了游戏数据的统一性和实时性。本游戏是参照2014年在微信平台上十分火爆的游戏围住神经猫设计开发的，趣味性很强同时也是对经典的缅怀。关键词：HTML5；JavaScript；CSS；Canvas；网页版游戏；ABSTRACTWith the rapidincrease of the computer performance and the continuous develo
7、pment of the Internet technology, users also begin to change ways of enjoying the Internet constantly. So the requirements for network applicationare increasingly high. More and more application can be directly used in the way of opening the browser, user data are stored in the clouds, and therefore
8、 thiswill not only increase the safety but also be continent for users to share data. At the same time of various application continuously tends to be more webified, a new standard of technology emerges as the times require, which is HTML5. HTML5 is a new generation of Internet standards development
9、 language, nowadays, as one of the hottest web development technology, by virtue of its powerful features and cross platform advantages, it will take the web into a new application platform, on which the image, the animation, the audio, the videoand human-computer interaction in this platform will b
10、e more perfectly standardized. First of all, the paper starts with the current situation and development trend of HTML5 technology at home and abroad, to which I carry on the overall analysis, and then discusses the development of HTML5, JavaScript and CSS and its related development technologies, n
11、ew HTML5 features and its application are introduced. This design based on developed a based on HTML5 web version of the “Surrounding truant students”game application, the game interface simple, simple operation, smooth running, perfect function, full of fun. Using Canvas newly added HTML5 graphics
12、feature to create the game stage, and use img and audio tags to complete the game background and sound settings. The characters, map module, arithmetic module and process control module of the game are made by using JavaScript coding to improve the compatibility and practicability of the program.Gam
13、e layout is achieved by using CSS style, simple and powerful. There are two game models in the game, the classic and the friends game mode, each mode corresponding to different number and image of the character animation, using mobile algorithm to realize the control of game difficulty. Of course, t
14、he character location and map layout and other related data are stored and managed in the whole game progress, to ensure the consistency and real-time of game data. Thedesign and development of the game is a reference to a very popular game on “weixin” platform in 2014, named “surrounded neurotic ca
15、ts”, fun and strong but also the memory of the classic.Keywords:HTML5; Canvas; JavaScript; CSS; Webpagegames;目 录1 绪论11.1课题的目的和意义11.2国内外发展现状和趋势11.3课题主要的内容和功能介绍21.3.1课题主要的内容21.3.2围住逃课男游戏功能介绍31.4相关技术简介31.4.1 HTML5标准简述及意义31.4.2 JavaScript标准简述及意义41.4.3 CSS标准简述及意义51.5开发工具51.6本文章节安排62 系统分析72.1系统设计分析72.2系统需求分析72.2.1游戏角色72.2.2需求分析72.2.3用例分析82.
