毕业设计（论文）-基于HTML5+.net+JS的闯关游戏制作.doc

全套设计加扣 3012250582 毕 业 设 计 论 文 题 目： 基于HTML5+.NET+JS的闯关游戏制作 学 院： 河南城建（计算机科学与工程）学院 专 业： 计算机科学与技术 姓 名： 学 号： 指导老师： 完成时间： 2015.05.25 摘要随着网页技术的发展与人们对生活娱乐的增加，网络游戏在近几年获得了速的发展。网页游戏的开发周期短、开发成本低，市场上的产品同质化严重。因此各大游戏公司开始注重市场细分和精品路线，深度挖掘玩家的需要，采用以玩家为中心的设计方法。网页游戏是利用浏览器做客户端，又称无端网游，Web 游戏，任何地方任何时间任何一台能上网且装有浏览器的电脑就可以快乐的游戏。该设计主要运用JavaScript,html5 和CSS3 技术，将交互式技术引入网页，在网页中实现游戏功能。答题类游戏是模拟问答考试的游戏，通过对出题和答题的趣味性来达到对知识的累积，对玩家的知识是极大的丰富，对玩家自身有积极意思。另外，在答题中有附加游戏，实现游戏的多样性。本文课题项目来源于河南树人网的网页游戏竞赛。寻宝游戏是一款答题游戏，玩家在游戏中充当寻宝人。 寻宝人根据提示进行打开页面中显示的四个宝箱，四个宝箱会给出不同的答案，供寻宝人进行选择，如果正确，进入下一个藏宝点，并且给出金币奖励。如果不正确还可以进行选择，当然你要有足够的钥匙。另外，你的答题速度会响宝箱给出金币的数量。当寻宝人在钥匙不足时，可以到商城利用已得到的金币去购买钥匙。除此之外，在寻宝的途中会给寻宝人一个附加游戏围住小球。在游戏中，寻宝人通过点击屏幕中的圆圈，去围住一个能移动的圆圈。当然，你不是一个人在战斗，图书会随机出现你的队友点击过的小圆圈。当然，这个游戏对寻宝没有什么意义，除了会给出钥匙和金币罢了。寻宝人可以认为这是一个补充金币和钥匙的站点，毕竟答题不会一帆风顺。论文首先分析了现存网页游戏的发展概况；对应用技术的介绍；然后提出了产品的用户体验目标与玩法；然后，作者着重介绍了寻宝游戏的设计过程。最后，作者介绍了游戏设计中遇到的问题及相关探讨，并且对未来的网页游戏发展提出了自己的观点。关键词：网页游戏，闯关游戏，网页交互 AbstractWith the development of web technology and the increase of people s entertainment, online games have gained rapid development in recent years. Web game development cycle is short, the development of low cost, the product of the market homogenization serious. So the big game companies focus on the market segmentation and quality line, the need to dig the players, the use of players as the center of the design method.Web game is the use of the browser to do the client, also known as no online games, Web games, anywhere any time any one can access the Internet and with the browser can be happy games.The design mainly uses JavaScript, HTML5 and CSS3 technology, will introduce the interactive technology to the web page, in the web page to realize the game function. Answer type of game is a simulation of an essay test game, through interesting questions and answer to the accumulation of knowledge, the knowledge on the player is greatly enriched, have positive meaning to the players own. In addition, in the answer with additional games, to achieve the game diversity.This project comes from Henan shurenuniversity network game Webpage. The treasure hunt game is a game as a treasure hunter answer, game player in the game.Treasure according to the prompt for open the page displays four chest, four chest will give different answers to this question, for treasure to choose, if correct, enter a treasure and give gold award. If you dont have the right option, of course you have enough keys. In addition, the number of your answer will give gold chest sound speed. When the treasure in the key is insufficient, can go to the mall has been using the coins to buy the key.In addition, in the way to treasure treasure an additional game - round ball. In the game, treasure by clicking on the screen in the circle, to surround a moving circle. Of course, you are not a person in the battle, the book will randomly appear your teammate - click on the small circle. Of course, this game is not what to treasure, in addition to give the keys and coins. The seeker can think this is a supplement of gold and the key of the site, after all, the answer will not Everything is going smoothly.Firstly, this paper analyzes the overview of the development of the existing web games; the introduction of application technology. Then it puts forward the product user experience goals and play. Then, the author focuses on the treasure hunt game design process. Finally, the author introduces the problems encountered in the game design and the relevant discussion, and the future development of web games to put forward their own views.Keywords: Webpage game, games, Webpage interactionIII目录摘要I1.绪论11.1背景11.2网页游戏三个发展趋势11.3 本章小结32.原理以及相关技术42.1原理介绍42.1.1B/S结构介绍42.1.2B/S模式设计的系统结构52.2相关技术62.2.1 Html562.2.2 CSS362.2.3 JavaScript72.2.4 A72.2.5 Sql Sever72.3 本章小结83.网页游戏需求分析93.1玩家对游戏的需求93.2网页游戏的市场需求93.3 本章小结104.游戏设计与制作114.1游戏规则介绍114.2游戏模块设计124.2.1玩家部分124.2.2管理员部分134.3数据库设计144.3.1 玩家部分144.3.2 题库部分164.3.3 站内新闻部分164.4 本章小结185.主要部分详细设计195.1主游戏设计与制作195.2附加游戏的设计与制作225.3 站内新闻部分的设计和制作245.4 利用控件对相关模块功能的实现265.5 本章小结306.游戏的实现与测试326.1用户部分326.2 管理员部分366.3本章小结40总结和展望41致谢42参考文献43附录45全套设计加扣 30122505821. 绪论1.1背景游戏化已经成为互联网的一个趋势。据娱乐软协会（ Entertainment Software Association）的年度游戏玩家研究报告提供的统计数据： 69%的户主玩电脑和视频游戏；97%的青少年玩电脑和视频游戏；40%的游戏玩家是女性；25%的游戏玩家在 50 岁以上；游戏玩家的平均年龄是 35 岁；大多数玩家希望以后继续玩游戏。特别是网页游戏在中国兴起以后，网页游戏产业更加繁荣，但是如果让用户在众多的游戏中选择自己的产品，提高用户粘度，是我们设计者需要去研究和探讨的。细分市场和精品路线是摆脱这种现状的方法之一。网页游戏（WEBGAME）是基于Web浏览器的多人在线互动游戏，无需下载客户端，只需打开浏览器并在10秒进入游戏，没有机器的配置是没有问题的，最重要的是关闭或切换极其方便。与传统的单机游戏和网络游戏相比，网页游戏具有以下优点：首先，网页游戏技术成本低，运行成本低。网页游戏，使用浏览器的体验到游戏的方式被简化到了极致：可以连接到互联网，“无需下载任何东西，无成本，无等待”中扮演网页游戏。第二，网页游戏容易迁移到所述移动终端。网页游戏没有客户端的安装特点，使互联网电话的网页游戏更容易获得，即使是在移动互联网时代的未来，网页游戏也不会过时。目前在手机已经能够玩各种游戏网页。1.2网页游戏三个发展趋势近年来随着技术的发展，网页游戏的品质和游戏方式的多样性则逐步在向客户端游戏靠拢，相反却是近期大部分的国产客户端游戏质量和口碑都不敢恭维，使得玩家的好感度和忠实度都在降低。因此凭借“无客户端”这一巨大特性，网页游戏也成了很多客户端游戏玩家的选择，在种种内外部有利条件的作用下，网页游戏经历了一个快速膨胀期。 网页游戏在爆发过后，增长过快的问题很快凸显，最大的表现就是内容和表现形式的同质化、宣传当中的色情擦边球、以及伪造QQ弹窗等恶意推广方式等现象，这些问题都是导致网页游戏在快速膨胀之后，增长率下降的重要因素。作为网络游戏的一个分支市场，网页游戏在快速发展中虽然出现了各种问题，但是行业的秩序和发展模式也在不断的探索中变的成熟，很多专注于网页游戏研发和运营的厂商，他们主导了目前网页游戏的一些新的趋势，无论是在产品层面，还是行业层面。 趋势一：不断接近于客户端网游。现在许多网页游戏产品和2D回合类客户端游戏已经非常的相似，两者之间画面效果和玩法的差异已经非常小，如果只看截图，已经不能明显看出哪一款是客户端，哪一款是网页游戏。而且，英国Jagex所研发的中世纪风格的3D网页游戏Rune Scape凭借丰富的内容和玩法，多国运营的总在线人数早已高达几十万，可以说相当恐怖，表现形式区域多样化，玩法水准不断接近客户端网游，足以说明目前的网页游戏技术上的进步给市场格局带来了巨大的变化。 趋势二：网页游戏厂商逐渐注重整体品牌推广 。以往很多人都把网页游戏厂商看成“草台班子”，但是在刚刚结束的Chinajoy中，在显眼的展位上我们看到了上海九维、杭州泛城等知名网页游戏厂商，他们在通过提升产品质量盈利的同时，也越来越注重公司品牌的塑造。而且，今年底或者明年年初，或将会有网页游戏公司上市。网页游戏厂商的崛起，也将会逐渐影响到整个中国网游的行业格局，或许会有更多的合作或者收购的发生。而且赚了钱的页游知名厂商也在不断的通过设置基金、投资团队等方式，来扩充自己的实力。 趋势三：网页游戏公司平台化初显 。网页游戏最重要的资源无疑是用户，所以目前的网页游戏大都通过一些大的门户网站、游戏媒体以及SNS网站进行联合运营，这些联合运营虽然有利于宣传和保障用户来源，但是用户并没有真正的成为网页游戏厂商的资源，只是联运平台的资源，也制约了今后成熟的自主运营的脚步。一些拥有成熟优质产品的网页游戏公司也都开始用各种新模式来培养自己的用户群。九维就设计了一个类似于SNS网站的用户社区平台，通过SNS的各种功能和经营手法来增加用户的粘度和关注度，从而牢牢把握住优秀产品带来的用户资源。 目前的网页游戏的行业格局正在形成当中，网页游戏厂商也都在探索适合自己的发展模式，虽然在爆发后出现了减速和徘徊，但是前景还是非常值得看好的。目前网页游戏存在的问题也应当引起足够的重视和解决，无论何种市场状况下，游戏品质才是一个公司，乃至一个行业创收源泉和品牌形象的根基。1.3 本章小结在本章，介绍了网页游戏发展的背景。游戏化已经成为互联网的一个趋势。据娱乐软协会（Entertainment Software Association）的年度游戏玩家研究报告提供的统计数据： 69%的户主玩电脑和视频游戏；97%的青少年玩电脑和视频游戏；40%的游戏玩家是女性；25%的游戏玩家在 50 岁以上；游戏玩家的平均年龄是 35 岁；大多数玩家希望以后继续玩游戏。特别是网页游戏在中国兴起以后，网页游戏产业更加繁荣，但是如果让用户在众多的游戏中选择自己的产品，提高用户粘度，是我们设计者需要去研究和探讨的。细分市场和精品路线是摆脱这种现状的方法之一。网页游戏流行的三个趋势。趋势一：不断接近于客户端网游。趋势二：网页游戏厂商逐渐注重整体品牌推广。趋势三：网页游戏公司平台化初显。442. 原理以及相关技术在本章中，介绍了B/S结构,它是跟着INTERNET技术一块崛起的，由C/S结构改善或者变化而来的。B/S管理软件和C/S结构软件其实各有优点。积极参与B/S软件结构，从国内众多的软件开发厂商的趋势，大型管理软件的B/S结构可能主导未来几年的管理软件。另外对HTML5，CSS3，JavaScript，ASP.NET和SQLSEVER等相关技术做出介绍。2.1原理介绍B/S结构是跟着INTERNET技术一块崛起的，由C/S结构改善或者变化而来的。2.1.1B/S结构介绍B/S结构即浏览器和服务器体系结构。它是跟着INTERNET技术一块崛起的，由C/S结构改善或者变化而来的。B/S管理软件和C/S结构软件其实各有优点。积极参与B/S软件结构，从国内众多的软件开发厂商的趋势，大型管理软件的B/S结构可能主导未来几年的管理软件。 C/S结构与B/S结构对比事实上，无论是B/S或C/S，他们不是新鲜的。从90年代初C/S技术，已广泛应用，其结构也发生了升级，两层C/S，三层C/S的。B/S（BrowserServer，浏览器/服务器）技术是随着互联网的普及而发展起来的。可以说，两个设计模式是目前非常重要的计算架构。适用互联网，维护工作量方面，C/S比B/S要保存大量的工作;但在速度，数据安全性，人机交互应用，B/S远不及C/S。事实上，从上面的分析，B/S与C/S可以看出有不同的优点和特点，根据不同的应用，应选择一个合理的模式。例如，一个简单的应用程序，浏览B/S技术具有很大的优势，现在的网络是一个浏览器模式，证明了B/S模式的应用；在过去的几年里，在C/S、B/S完美结合的发展，这样的系统可以运行在B/S模式，但也有C/S运行模式。该系统并基于上述设计之后，本系统主要是用户登录浏览器，简单的浏览，浏览页面，您可以实现的功能。因此，与实际系统的开发相结合，选择使用B/S开发模式。B/S模式相对于C/S模式的优点和缺点优点：1）具有随时随地可以查询特征，浏览各业务流程的分布。2）业务扩展简单方便。3）维护方便，只需要改变网页就能实现同步。4）共享性强，开发简单。缺点：1）个性化的特性显著降低，不能提供个性化的功能实现。2）基本操作是用于鼠标的操作模式，不能满足快速运行的要求。3）动态刷新页面，响应率显著降低。4）功能减弱，传统模式下的特定功能要求很难实现。2.1.2B/S模式设计的系统结构使用B/S架构时，用户要向分布式网络上的许多服务器请求数据时，都是通过浏览器发出的，浏览器接收各个服务器处理过并返回的所需的信息。B/S架构简化了客户端，你只需要在客户端上配置少量的客户端软件。更多的工作将由应用服务器执行承担，与数据库的访问将在服务器上完成。事实上，B/S结构的事务处理逻辑模块层C/S结构客户端的任务分开，形成一层独立的Web服务器的工作负担，使客户能够降低应力，和负载分布到Web服务器。在三层架构，层与层之间的独立，任何更改都不会影响其他层的功能。2.2相关技术基于.net的寻宝闯关游戏，为了对题目和用户信息的存储，用到了SQL sever，应用 HTML5和JavaScript实现动画，CSS3实现页面的布局，附加游戏还用到createjs等，对用户的存储和信息的查看用到、响应式设计等技术。在设计过程中，需要对相关技术的原理和特点进行研究分析，在使用过程中发挥技术优势，通过技术互补和综合应用，弥补单一技术的不足之处。2.2.1 Html5HTML5技术是近年来发展起来的新技术，2004年成立的WHATWG (web超文本应用技术工作组）创立了 HTML5规范，并开始针对Web应用开发新的功能和特性。HTML5是Web核心语言HTML的规范，它以HTML4为基础，并此基础上对某些核心上做了很大改进。HTML5技术实际包含了 HTML、CSS和JavaScript等内容，可以说是这些内容的组合。因此，HTML5的宗旨非常明确：用更统一、更简洁、更高效的HTML代码实现丰富多彩的Web应用功能，且不依赖任何外部插件。为了实现此目的，HTML5提供了很多API接口，并且增加新的元素和属性，使浏览器原生地支相关的标签。HTML5还实现了文件的离线存储，硬件与软件的实时交互，动态生成图像等功能。不仅如此，HTML5使页面布局变得更加清楚易懂。HTML5并非仅用来表示Web内容，而是将Web带入一个成熟的全新的应用平台，在该平台上，视频、图像、动画以及同电脑的交互都被标准化。毫无疑问，在未来的移动互联网应用中，HTML5技术将引发一场新的技术变革，它不仅仅是之前技术的升级版本，更是指引未来Web技术规范发展的新方向。2.2.2 CSS3 除了上文己经初步介绍的HTML5，CSS3也将为Web开发带来革命性的影响，很多以前需要JavaScript和Ajax框架才能实现的复杂效果，如多背景，圆角，3D动画等等，现在使用CSS3就能简单地实现，减少了代码，极大地提高了程序开发效率。另外，由于Web技术的进步，HTML5中废除的一些元素将统一由添加CSS3样式表的方式进行代替，例如basefont、big、center、font等元素，由于他们的功能都是纯粹为展示画面效果，所以HTML5中将这些画面展示的功能标签放在CSS3样式表中。2.2.3 JavaScript JavaScript 语言是紧凑的、基于对象的脚本语言。通过使用标签对其程序或语句可被嵌入HTML 源程序中并为Netscape 公司2.0 版及以上的浏览器和Microsoft 公司3.0 版及以上的浏览器解释执行。JavaScript 可识别并交互处理诸如揿击鼠标、输入文字等操作;它基于对象, 程序使用内置(bulit-in)可扩充对象而无类继承性;它用解释方式执行；源程序中的变量事先不必说明；JavaScript 的程序是嵌在HTML 文档中而非脱离HTML 独立存在。JavaScript 至今仍处在不断的发展和完善之中。jQuery,轻量级的JS库，兼容CSS3和主流浏览器，压缩后文件大小约21k左右。jQuery可轻松实现动画效果、进行Ajax交互操作等。jQuery,概括说是写的少，做的多。它有独特的选择器、链式的DOM操作方式、事件绑定机制、封装完善的Ajax等，相比其他JS库更具优势。2.2.4 AA是微软推出的建立在应用框架的通用语言，ASP与以往的区别在于它不是即时编译，但在程序第一次运行在服务器端，及时编译，功能很强大，可以让用户轻松完成想达到的效果，基于Web服务器开发技术。它主要用于制作动态网页和数据库访问。使程序可以使用.NET框架，也可以无缝地与WYSIWYG HTML编辑器和其他编程工具结合在一起，使开发更方便。2.2.5 Sql SeverSQL Server是微软公司的关系数据库管理系统。与易于使用的可扩展性和软件集成化程度高的优势。微软SQL Server是一个全面的数据库平台，使用集成的商业智能（BI）工具提供了企业数据管理。 Microsoft SQL Server数据库引擎的结构化数据和关系型数据提供了更安全的存储功能，这样就可以构建和管理高性能的应用程序数据。2.3 本章小结在本章中，介绍了B/S结构,它是跟着INTERNET技术一块崛起的，由C/S结构改善或者变化而来的。B/S管理软件和C/S结构软件其实各有优点。积极参与B/S软件结构，从国内众多的软件开发厂商的趋势，大型管理软件的B/S结构可能主导未来几年的管理软件。另外对HTML5，CSS3，JavaScript，ASP.NET和SQLSEVER等相关技术也做出介绍。3. 网页游戏需求分析3.1玩家对游戏的需求游戏的完整定义可以归纳为:一种由道具和规则构建而成、由人主动参与、有明确目标、在进行过程中包含竞争且富于变化的以娱乐为目的的活动，它与现实世界相互联系而又相互独立，能够体现人们之间的共同经验，能够体现平等与自由的精神。游戏的类型有：闯关类，策略类、宠物养成类、网页MMORPG类、休闲竞技类、模拟经营类，寻宝游戏属于答题闯关类。玩家在游戏中感到快乐，并且想继续玩下去的原因是，玩家在游戏中可以挑战与自我证明、竞争与炫耀、对知识的追求。知识是人类精神的食粮，是人类进步的阶梯。我渴望在知识的海洋中无所畅游。知识要从哪里来？知识是要靠大量的积累。知识，是人脑里最不可缺的东西，瓦特的蒸汽机，贝尔的电话，爱迪生的白炽灯，爱因斯坦的相对论这些都是用许多知识铺垫起来的，知识是连接一切成功的桥梁。知识在于累积，知识能打开财富之门，能打开智慧之门。正是人们对知识地渴望与追求，玩家才会在游戏中不断的追求更高。通关的次数越多，玩家的成就感就越强，满足感就越强。3.2网页游戏的市场需求据相关数据显示，2009 年中国网页游戏市场规模 9.9 亿元，2010 年达到22.8 亿元，同比增长 131.2%。预计在 2013 年可突破 5 0 亿关口，达到 50.4 亿元。而从用户规模来看，2009 年中国网页游戏的用户规模已经突破千万达到1550 万人，2010 年用户规模达到 2520 万人，同比增长 62.6%。网页游戏在用户结构上与传统游戏略有不同，它有自己特定的用户群体。介于游戏的体验特点和低配置需求的特点，网页游戏有其主流的用户群体。网页游戏的主流用户群体包括办公室上班族，尤其是白领一族，学生，他们渴望休闲但是不愿或者没有能力在游戏中花费太多的精力和时间。他们玩游戏的目的不是疯狂的打怪升级，没日没夜的沉静在游戏中。他们喜欢在忙碌的生活中，放松心情，清闲自在的玩一下游戏。另外，还有一部分用户，他们因为没有机会完好操控要求比较高的游戏，所以会喜欢尝试一些操作相对简单的网页游戏。网页游戏以其特有的体验获得了近几年的蓬勃发展，但同时也暴露出其现有弊端。网页游戏得到用户支持的常见因素，如图 3.1所示。图3.1 2011年中国网页游戏获得用户支持的因素3.3 本章小结在本章，介绍了网页游戏的市场需求和玩家需求。游戏的完整定义可以归纳为:一种由道具和规则构建而成、由人主动参与、有明确目标、在进行过程中包含竞争且富于变化的以娱乐为目的的活动，它与现实世界相互联系而又相互独立，能够体现人们之间的共同经验，能够体现平等与自由的精神。游戏的类型有：闯关类，策略类、宠物养成类、网页MMORPG类、休闲竞技类、模拟经营类，寻宝游戏属于答题闯关类。玩家主要是放松心情，清闲自在的玩一下游戏。另外，还有一部分用户，他们因为没有机会完好操控要求比较高的游戏，所以会喜欢尝试一些操作相对简单的网页游戏。4. 游戏设计与制作游戏是有多个模块组成的，下面简单介绍重要的模块以及功能。4.1游戏规则介绍寻宝游戏是一款答题游戏，题目为常识题。在玩家登陆后，可以进入个人信息界面，用来查看和修改个人的信息。在游戏开始后，正式进入游戏。在游戏中，在页面的上方会出现提示栏。“钥匙”、“金币”、“楼层”、“商城”、倒计时和退出按钮。在提示栏的下面会看到问题信息，这就是给出寻宝的线索。下面会有四个“宝箱”。当鼠标在“宝箱”上面的时候，会出现相应的答案信息供玩家查看，当鼠标离开时会出现“请选择”。当玩家在找出合适的答案时可以选择点击“宝箱”。如果玩家第一次就答对的话，可以获得不定数量的金币，这个金币的数量与倒计时有一定的关系，进入下一题且“钥匙”数不变。如果不幸选择错误的话，“钥匙”数会减一，当人玩家可以继续选择。但是，不会给出“金币”奖励。所以，一次成功且快速做出选择很重要。如果玩家的“钥匙”使用完毕，尽管是一件很不幸的事，玩家仍然有机会进行游戏，前提是玩家要有足够的“金币”。玩家可以进入游戏中的商城，用奖励给出的“金币”在“商城”中购物购买游戏进行所必需的“钥匙”。附加游戏与主游戏的关系不大，当然它不是随便存在的。在附加游戏中，玩家可以在游戏中做稍微的休息。在附加游戏中，有一个蓝色小圆在正中央。点击屏幕中灰色的小圆时，点中的灰色小圆会变成橘黄色，并且蓝色的小圆会移动。当橘黄色小圆对蓝色小圆形成包围且蓝色小圆不能移动的时候游戏胜利。若蓝色小圆移动到边界的时候游戏结束。在这个游戏中，如果玩家成获胜，会给出“钥匙”和“金币”。“钥匙”和“金币”是决定玩家在游戏中走多高的重要因素。附加游戏可以看做是主游戏的“能量包”。点击“退出游戏”按钮，玩家可以退出游戏。并且可以看到已注册优秀玩家的“高度”。4.2游戏模块设计4.2.1玩家部分玩家部分模块，如图4.1所示玩家注册登陆信息修改游戏页面查看记录查看排行榜商城论坛公告图4.1 玩家模块图注册：用户在注册的时候要首先找到注册页面，填写你的昵称和密码。当然为了确认玩家不是随意的填写一个密码，还需要玩家进行必要的密码确认。这样玩家就有一个账号可以使用。就可以进行下面的登陆。登陆：在登陆页面中，在对应的文本框中输入玩家的昵称账号和不可少的密码。在点击登陆按钮后，如果账号存在，页面会自动跳转到一个有关个人信息的页面。在这个页面可以看到玩家自己的信息以及玩家比较关心的成绩。当然，如果玩家不是第一次进行游戏的时候，可以继续游戏。玩家信息修改：不可否认，有的玩家开始的时候是随便选个昵称账号。除此之外，可能会有玩家对自己的上一次填写的账号昵称并不是很满意。所以，游戏提供必要的昵称和密码的修改。在点击按钮之后，玩家可以对自己的账号和密码进行适当的修改。游戏页面：在玩家个人信息页面，点击按钮会进入游戏页面。寻宝游戏分为一个主游戏和一个附加游戏。主游戏界面：在主游戏界面中，会显示玩家的“钥匙”数、“金币”数、“楼层”数当前进行的关数、倒计时、商城窗口和退出游戏的窗口。附加游戏界面：次要游戏可以为主要游戏提供必要的“物资” “钥匙”和“金币”。当然，天上不会掉馅饼。玩家必须要通过次要游戏才会得到奖励。如果不幸，玩家没能通过，也不会对当前的“钥匙”和“金币”造成损失。商城界面：如果玩家在游戏中用掉了所有的钥匙，并且玩家有足够的“金币”可以进入商城挑选商品“钥匙”当然，购买的钥匙越多越划算。所以在游戏中积累更多的金币是个好的选择。退出界面：记录当前的“钥匙”、“金币”和“楼层”。并且择优对已存在玩家的成绩的展示。公告评论：在游戏公告区域的下方，可以对公告进行评论。论坛部分：在论坛模块，玩家可以就一些问题提出自己的观点。其他玩家看到这些可以进行评论，当然发表观点的玩家可以进行回复。4.2.2管理员部分管理员部分模块，如图4.2所示。管理员管理公告管理题库管理玩家管理论坛图 4.2 管理员部分模块图管理员负责对整个游戏维护，所以责任重大。管理员模块主要有一下几个部分。对玩家的管理：管理员可以对玩家的信息进行增删改查。对题库的管理：管理员对题库的增删改查。对公告的管理：管理员可以发布公告，删除公告，对公告评论的管理。对论坛的管理：管理员对论坛的进行管理。4.3数据库设计游戏是用SQL Sever作为游戏的数据库。在游戏的实际需求中，游戏需要有玩家账号和密码的保存，玩家信息的保存，玩家成绩的保存，试题的保存，站内新闻的保存，新闻评论的保存，论坛帖子的保存，论坛帖子评论的保存。4.3.1 玩家部分 玩家表总共分为用户的账号密码表，玩家信息表，玩家成绩表，用玩家的账号密码表的用户作为索引。下面对每个表进行简单的介绍。玩家账号密码表（Users），如表4.3所示。表4.3 玩家账号密码图编号字段名称字段类型字段说明IDbigint主键namenchar(30)用户名passwordNchar(30)密码4RoleInt角色编号玩家信息表（UsersInfor），如表4.4所示。表4.4 玩家信息表编号字段名称数据类型说明1IDBigint主键2UserIDBigint玩家ID3EmailNchar(30)玩家邮箱4PhoneNumberNchar(20)玩家电话5AgeInt玩家年龄6SexNchar（10）玩家性别玩家游戏记录表（Users_ChengJi_Record），如表4.5所示。表4.5 玩家游戏记录表编号字段名称字段类型说明1IDBigint主键2UserIDBigint用户ID3NumberInt关数4KeysNumberInt钥匙数5MoneyInt金币数6DateDatetime时间玩家成绩表（User_ChengJi）, 如表4.6所示。表4.6 玩家成绩表编号字段类型说明1IDBigint主键2UserIDBigint玩家ID3NumnerInt楼层4KeysNumberInt钥匙数5MoneyInt金币数4.3.2 题库部分由于总总原因，有两个题库。分别为社会主义核心价值观题库和常识题库。为了保证随时切换题库，表的设计完全一样。如表4.7所示。表4.7 题库表编号字段类型说明1IdBigint主键2InforText题干3optionATexta选项4optionATextb选项5optionATextc选项6optionATextd选项7anserText答案4.3.3 站内新闻部分管理员可以在游戏系统中发布站内新闻。站内新闻部分应该有两个表组成，一个站内新闻表，一个是站内新闻的评论表，以公告的ID为连接。站内新闻ER图，如图4.8所示。图 4.8 站内新闻E-R图站内新闻表（News），如表4.9所示。表4.9 站内新闻表编号字段类型说明1IDBigint主键2TitleNchar(50)标题3ContentText内容4UsersBigint管理员ID5TimeDate发布时间站内新闻评论表（NewsComment），如表4.10所示表4.10 站内新闻评论表编号字段类型说明1IDBigint主键2NewsIDBigint公告主键3FormUsersIDBigint玩家主键4ToUsersIDBigint玩家主键5ContentText内容6TimeDate时间4.4 本章小结在本章中，介绍了游戏规则，游戏的模块设计以及数据库的设计。寻宝游戏是一款答题游戏，题目为常识题。在玩家登陆后，可以进入个人信息界面，用来查看和修改个人的信息。在游戏开始后，正式进入游戏。在游戏中，在页面的上方会出现提示栏。“钥匙”、“金币”、“楼层”、“商城”、倒计时和退出按钮。在附加游戏中，有一个蓝色小圆在正中央。点击屏幕中灰色的小圆时，点中的灰色小圆会变成橘黄色，并且蓝色的小圆会移动。当橘黄色小圆对蓝色小圆形成包围且蓝色小圆不能移动的时候游戏胜利。游戏模块中，可以分为玩家用户和管理员用户连个大的方向。在玩家用户方面有注册、登录、查看添加修改个人信息、修改密码、查看站内新闻、对新闻进行评论、进入论坛发帖以及对论坛帖子的评论。在管理员方面，有登录、管理题库、管理玩家、管理玩家记录、发布及删除站内新闻、管理论坛等。对数据库的设计。根据模块根据功能设计不同的表。如玩家模块中的用户表，信息表。论坛中分为帖子表和评论表。站内新闻部分分为站内新闻表和新闻评论表。另外还有题库表。5. 主要部分详细设计由于模块较多，本文只是对主要部分的设计部分作出介绍。5.1主游戏设计与制作一切都是浮云，游戏才是主题。下面来介绍主要功能是怎么实现的。在用户登陆的过程中，会输入姓名账号和密码到页面中的文本框，输入的数据作为data类的login函数的参数，login函数返回的是字符串数组。通过查询语句select U.Name,UC.Money,UC.KeysNumber,UC.Number from Users as U,Users_ChengJi UC where U.ID=UC.UserID and U.Name = + name + and U.Password = + pwd + 。name和pwd为login的形参。在服务器中，通过判断login的返回值是否为空来进行判断用户是否存在，如果存在，则进入下一个页面。并且对用户的信息则声明session值，供服务器随时使用。在游戏开始页面之前，会出现个人游戏成绩记录。信息存储在数据库中的Users_ChengJi_Record表中。在获取当前玩家的记录时，执行select UCR.Number,UCR.Money,UCR.KeysNumber,UCR.date from Users as U,Users_ChengJi_Record as UCR where U.ID=UCR.UserID and U.Name =+name+ order by UCR.date Desc 语句。name 为参数，通过session的取值获得。在data类中的DisplayUsersChengJiRecord函数返回DataTable数据类型，其中函数的参数为name。在页面加载中，通过对GridView数据源的绑定到DisplayUsersChengJiRecord返回值。通过HeaderRow.Cells0.Text属性的赋值使之更具有说明性。另外会对已注册玩家的成绩通过关数的降序排列通过表格的方式输出。在数据库中的选择语句为：select U.Name, UC.Number,UC.Money,UC.KeysNumber from Users as U,Users_ChengJi as UC where U.ID=UC.UserID order by UC.Number Desc。因为用户的名称与成绩不在同一张表中，所以要用连表查询的方式。首先在游戏进行之前应该把题目数据进行整理发送到客户端。在游戏正式开始之前，游戏系统在数据库题库中随机选择50道题目，在数据库中的选择语句为 select top 50 form SheHuiZhuYi order by newid()。把取出的题目信息通过SqlDataAdapter 赋值给DataSet的“infor”数据表。通过循环操作对信息转换为string类型的值，并且通过返回字符串数组类型。对获得的字符串数组类型进行添加“#”操作使之成为一个字符串，并通过键值对的方式生产cookie发送到客户端。在客户端的游戏界面，当前页面的number值为cookie的键，通过getcookie函数（js）获取当前页面要显示的题目信息的cookie值。通过JavaScript脚本语言中的split函数进行对当前cookie值的进行分割，获取题目信息以及选项和答案。在页面加载中，通过displayTiMuInfor和TopDisplay函数进行页面的显示。这里对displayTiMuInfor和TopDisplay函数进行介绍。在displayTiMuInfor中，通过对页面路径的解析获得玩家的关数，金币数和钥匙数。当前的关数值为获取cookie的键。获取cookie值后，进行分割处理。通过getElementById函数获取在页面中要显示题目的区域，使题目信息显示在预留区域中。在TopDisplay中，对已经得到的信息通过getElementById函数显示区域进行分别显示。选项的显示是通过displayOption函数操作的，函数的参数为abcd，也是通过getElementById函数获取预留区域并加以显示。当参数为a时，显示题目的a选项，一次类推。函数的触发机制是建立在onmouseover上，当鼠标经过图片时执行displayOption函数。 当鼠标点击图片时，会执行判断panduan函数，函数的参数为abcd，当点击不同的图片时传递不同的参数。在函数执行过程中，首先通过页面的URL获取玩家的信息。当玩家的钥匙数（keysNumber）值小于1时，再次对金币数进行判断，当金币的数量足够时可以进行商城，否则到成绩页面。如果玩家的钥匙数大于等于1，则判断答案是否正确。如果答案正确，再次判断是否为第一次答对问题，如果第一次答对则给予金币奖励，金币的数量与页面中的倒计时有直接关系。否则只能进行下一题，当要进行的关数为5的倍数时，进入附加游戏，否则继续答题。就这样循环到游戏结束。答题判断部分流程图，如图5.1所示。图5.1 判断部分流程图商城部分是玩家通过已经获得的金币购买打开宝箱所必须的钥匙。在商城界面中，根据所需的数量进行选择。当然要有足够的金币，当金币不足时会出现金币不足的弹窗。购物结束后游戏自动跳回游戏界面。钥匙数有相应的增加，金币数相应的减少。当游戏点击退出游戏时，页面会跳转到成绩页面。成绩页面的加载时，会对已注册玩家的成绩通过关数的降序排列通过表格的方式输出。在数据库中的选择语句为：select U.Name, UC.Number,UC.Money,UC.KeysNumber from Users as U,Users_ChengJi as UC where U.ID=UC.UserID order by UC.Number Desc。因为用户的名称与成绩不在同一张表中，所以要用连表查询的方式。5.2附加游戏的设计与制作附加游戏的页面上有9*9的小圆，有一个蓝色小圆在正中央。点击屏幕中灰色的小圆时，点中的灰色小圆会变成橘黄色，并且蓝色的小圆会移动。当橘黄色小圆对蓝色小圆形成包围且蓝色小圆不能移动的时候游戏胜利。若蓝色小圆移动懂啊边界的时候游戏结束。游戏的制作用到js中的createjs和html5中的canv