基于Flex和Java的网页小游戏连连看的开发毕业论文.doc

pingdingshan university 毕业论文毕业论文( (设计设计) ) 题题 目目: : 基于 flex 和 java 的网页小 游戏连连看的开发 院院 ( ( 系系 ) ): : 软件学院 专业年级专业年级: : 软件工程 2009 级 毕业设计（论文）原创性声明和使用授权说明毕业设计（论文）原创性声明和使用授权说明 原创性声明原创性声明 本人郑重承诺：所呈交的毕业设计（论文） ，是我个人在指导教 师的指导下进行的研究工作及取得的成果。尽我所知，除文中特别 加以标注和致谢的地方外，不包含其他人或组织已经发表或公布过 的研究成果，也不包含我为获得 及其它教育机构的学位 或学历而使用过的材料。对本研究提供过帮助和做出过贡献的个人 或集体，均已在文中作了明确的说明并表示了谢意。 作 者 签 名： 日 期： 指导教师签名： 日 期： 使用授权说明使用授权说明 本人完全了解 大学关于收集、保存、使用毕业设计（论 文）的规定，即：按照学校要求提交毕业设计（论文）的印刷本和 电子版本；学校有权保存毕业设计（论文）的印刷本和电子版，并 提供目录检索与阅览服务；学校可以采用影印、缩印、数字化或其 它复制手段保存论文；在不以赢利为目的前提下，学校可以公布论 文的部分或全部内容。 作者签名： 日 期： 学位论文原创性声明学位论文原创性声明 本人郑重声明：所呈交的论文是本人在导师的指导下独立进行 研究所取得的研究成果。除了文中特别加以标注引用的内容外，本 论文不包含任何其他个人或集体已经发表或撰写的成果作品。对本 文的研究做出重要贡献的个人和集体，均已在文中以明确方式标明。 本人完全意识到本声明的法律后果由本人承担。 作者签名： 日期： 年 月 日 学位论文版权使用授权书学位论文版权使用授权书 本学位论文作者完全了解学校有关保留、使用学位论文的规定， 同意学校保留并向国家有关部门或机构送交论文的复印件和电子版， 允许论文被查阅和借阅。本人授权 大学可以将本学位 论文的全部或部分内容编入有关数据库进行检索，可以采用影印、 缩印或扫描等复制手段保存和汇编本学位论文。 涉密论文按学校规定处理。 作者签名：日期： 年 月 日 导师签名： 日期： 年 月 日 指导教师评阅书指导教师评阅书 指导教师评价：指导教师评价： 一、撰写（设计）过程 1、学生在论文（设计）过程中的治学态度、工作精神 优 良 中 及格 不及格 2、学生掌握专业知识、技能的扎实程度 优 良 中 及格 不及格 3、学生综合运用所学知识和专业技能分析和解决问题的能力 优 良 中 及格 不及格 4、研究方法的科学性；技术线路的可行性；设计方案的合理性 优 良 中 及格 不及格 5、完成毕业论文（设计）期间的出勤情况 优 良 中 及格 不及格 二、论文（设计）质量 1、论文（设计）的整体结构是否符合撰写规范？ 优 良 中 及格 不及格 2、是否完成指定的论文（设计）任务（包括装订及附件）？ 优 良 中 及格 不及格 三、论文（设计）水平 1、论文（设计）的理论意义或对解决实际问题的指导意义 优 良 中 及格 不及格 2、论文的观念是否有新意？设计是否有创意？ 优 良 中 及格 不及格 3、论文（设计说明书）所体现的整体水平 优 良 中 及格 不及格 建议成绩：建议成绩： 优优 良良 中中 及格及格 不及格不及格 （在所选等级前的内画“”） 指导教师：指导教师： （签名） 单位：单位： （盖章） 年年 月月 日日 评阅教师评阅书评阅教师评阅书 评阅教师评价：评阅教师评价： 一、论文（设计）质量一、论文（设计）质量 1、论文（设计）的整体结构是否符合撰写规范？ 优 良 中 及格 不及格 2、是否完成指定的论文（设计）任务（包括装订及附件）？ 优 良 中 及格 不及格 二、论文（设计）水平二、论文（设计）水平 1、论文（设计）的理论意义或对解决实际问题的指导意义 优 良 中 及格 不及格 2、论文的观念是否有新意？设计是否有创意？ 优 良 中 及格 不及格 3、论文（设计说明书）所体现的整体水平 优 良 中 及格 不及格 建议成绩：建议成绩： 优优 良良 中中 及格及格 不及格不及格 （在所选等级前的内画“”） 评阅教师：评阅教师： （签名） 单位：单位： （盖章） 年年 月月 日日 教研室（或答辩小组）及教学系意见教研室（或答辩小组）及教学系意见 教研室（或答辩小组）评价：教研室（或答辩小组）评价： 一、答辩过程一、答辩过程 1、毕业论文（设计）的基本要点和见解的叙述情况 优 良 中 及格 不及格 2、对答辩问题的反应、理解、表达情况 优 良 中 及格 不及格 3、学生答辩过程中的精神状态 优 良 中 及格 不及格 二、论文（设计）质量二、论文（设计）质量 1、论文（设计）的整体结构是否符合撰写规范？ 优 良 中 及格 不及格 2、是否完成指定的论文（设计）任务（包括装订及附件）？ 优 良 中 及格 不及格 三、论文（设计）水平三、论文（设计）水平 1、论文（设计）的理论意义或对解决实际问题的指导意义 优 良 中 及格 不及格 2、论文的观念是否有新意？设计是否有创意？ 优 良 中 及格 不及格 3、论文（设计说明书）所体现的整体水平 优 良 中 及格 不及格 评定成绩：评定成绩： 优优 良良 中中 及格及格 不及格不及格 （在所选等级前的内画“”） 教研室主任（或答辩小组组长）：教研室主任（或答辩小组组长）： （签名） 年年 月月 日日 教学系意见：教学系意见： 系主任：系主任： （签名） 年年 月月 日日 原 创 性 声 明 本人郑重声明：本人所呈交的毕业论文，是在指导老师的指导下独立进行 研究所取得的成果。毕业论文中凡引用他人已经发表或未发表的成果、数据、 观点等，均已明确注明出处。除文中已经注明引用的内容外，不包含任何其他 个人或集体已经发表或撰写过的科研成果。对本文的研究成果做出重要贡献的 个人和集体，均已在文中以明确方式标明。 本声明的法律责任由本人承担。 论文作者签名： 日 期： 关于毕业论文使用授权的声明 本人在指导老师指导下所完成的论文及相关的资料（包括图纸、试验记录、 原始数据、实物照片、图片、录音带、设计手稿等） ，知识产权归属平顶山学院。 本人完全了解平顶山学院有关保存、使用毕业论文的规定，同意学校保存或向国 家有关部门或机构送交论文的纸质版和电子版，允许论文被查阅和借阅；本人授 权平顶山学院可以将本毕业论文的全部或部分内容编入有关数据库进行检索，可 以采用任何复制手段保存和汇编本毕业论文。如果发表相关成果，一定征得指导 教师同意，且第一署名单位为平顶山学院。本人离校后使用毕业论文或与该论文 直接相关的学术论文或成果时，第一署名单位仍然为平顶山学院。 论文作者签名： 日 期： 指导老师签名： 日 期： 平顶山学院本科毕业设计 基于 flex 和 java 的网页小游戏连连看的开发 摘 要 游戏在现今社会里正成为人们释放压力、放松自己最行之有效的娱乐方式 之一。随着网络技术的快速发展，flex 网页小游戏以其界面美观、操作简单、 无需安装、对硬件要求低等优点备受广大玩家的青睐。因此，设计一款符合大 众风格的网页小游戏具有重要意义。 在分析 flex 游戏的基础上，首先通过游戏策划和需求分析确定游戏规则、 界面布局和游戏所需实现的功能；然后用 flash builder 4.6 处理各种界面元素， 完成游戏界面的制作；最后采用 actionscript3.0 语言编程实现游戏选关、游戏开 始、时间显示、得分显示、关卡显示、路径判断、图片消除、图片重置，以及 重新开始和下一关等功能。为了体现游戏的竞技性，增加趣味性，特设计 mysql 数据库以保存玩家的得分及排名信息，用 java 实现对数据库的直接操作，通过 blazeds 插件连接 flex 前端页面和后台 java 代码，实现提交分数和查看排行榜 的功能。同时为了提高游戏性能，对路径判断算法进行了优化。 本文论述了网页游戏连连看的开发背景、意义，介绍了系统开发所使用的 环境、工具以及开发语言，并对相关的开发技术进行了阐述。重点论述了游戏 策划、需求分析、详细设计、路径判断算法设计、代码实现和游戏测试的过程。 关键词关键词：连连看，flex，actionscript3.0，b/s 平顶山学院本科毕业设计 linkgame development based on flex and java abstract game in todays society is becoming people to release pressure, relax the most effective way of a kind of entertainment. along with the rapid development of network technology, the flex web games, with its beautiful interface, easy operation, no installation is required, the advantages of low hardware requirements of the majority of players. therefore, design a popular style of web games is of great significance. on the basis of analyzing the flex game, first of all, through planning and demand analysis to determine the rules of the game, game interface layout and functionality needed for game; then use flash builder 4.6 processing all kinds of interface elements, complete the game interface; game selection is realized by using actionscript 3 language programming, game start, time display, scoring display, barriers, reset path elimination judgment, pictures, images, and start again the next level, and other functions. in order to reflect the athletics of the game, add interest, design the mysql database to hold the players score and ranking information, use java to realize the direct manipulation of the database, through the blazeds plugin connects flex front- end and back-end java code, submit scores and view the list of functions. at the same time to improve game performance, the path judgment algorithm is optimized. this paper discusses the web linkgame development background, significance, introduced the system development environment, tools, used by as well as the development language, and the development of related technology are expounded. detailed discusses the planning, requirements analysis, detailed design, game path judgment algorithm design, code realization and game testing process. keywords: linkgame, flex, actionscript3.0, b/s 平顶山学院本科毕业设计 目目 录录 1 绪论 .1 1.1 研究背景 .1 1.2 研究意义 .1 1.3 研究内容 .2 1.4 论文主要工作和结构安排 .2 1.5 本章小结 .2 2 相关技术及工具介绍 .3 2.1 flex 技术3 2.1.1 flex 介绍3 2.1.2 flex 的应用前景3 2.2 actionscript 语言.4 2.2.1 actionscript 介绍.4 2.2.2 actionscript 的优点.5 2.3 java 语言5 2.4 blazeds 技术.6 2.5 开发工具 .6 2.5.1 tomcat 服务器.6 2.5.2 flash builder.7 2.5.3 myeclipse.7 2.5.4 mysql.8 2.6 本章小结 .8 3 策划与需求分析 .9 3.1 游戏策划 .9 3.2 需求分析 .10 3.2.1 界面需求 .10 3.2.2 功能需求 .10 3.3 数据库需求 .17 3.4 本章小结 .17 4 设计与实现 .18 基于 flex 和 java 的网页小游戏连连看的开发 4.1 总体设计 .18 4.2 详细设计和实现 .21 4.2.1 游戏界面 .21 4.2.2 级别选择 .22 4.2.3 游戏说明 .22 4.2.4 开始游戏 .23 4.2.5 图片区的显示 .24 4.2.6 关卡计时器 .24 4.2.7 得分记录 .24 4.2.8 关卡记录 .24 4.2.9 消除图片 .25 4.2.10 重置图片 .25 4.2.11 查看排行榜 .25 4.2.12 后台数据操作 .26 4.3 本章小结 .27 5 路径判断算法 .28 5.1 算法构思 .28 5.1.1 简化地图路径 .28 5.1.2 数组判断 .28 5.2 算法实现 .30 5.3 本章小结 .31 6 测试 .32 6.1 测试步骤 .32 6.1.1 界面测试 .32 6.1.2 功能测试 .32 6.2 测试结果 .34 6.3 测试分析 .34 6.4 本章小结 .34 7 结束语 .35 附录 .36 参考文献 .43 致 谢 .44 平顶山学院本科毕业设计 1 1 绪论 连连看小游戏的开发是为了满足玩家休闲的需要。在紧张工作之余，休闲 类的小游戏能够给玩家带来最大程度的放松。该章从课题研究背景及意义、课 题研究内容、论文主要工作和结构安排三方面对网页小游戏连连看进行分析和 阐述。 1.1 研究背景 游戏产业作为现代电子技术的产物，正以其独特的魅力在全世界的娱乐领 域占据主流位置，在承认广大娱乐网民的选择空间狭小的同时，也必须明确的 一点就是游戏本身所具有的强大的吸引力。游戏的吸引力主要在于，它不仅能 使人们打发时间，还可以让人们在紧张工作之余得到最大程度的放松。而且游 戏产业促动高科技技术不断升级，作为经济增长的一大支撑点，已经成为经济 腾飞的“第四产业” 。 网页游戏又称 web 游戏，是在浏览器上玩的游戏，它不用下载客户端，任 何一台安装浏览器并且能上网的电脑都可以在浏览器玩的游戏，尤其适合上班 一族。网页游戏对电脑的硬件要求不高，仅需要使用浏览器就可以在不影响新 闻浏览、聊天和小说阅读等其他网络行为的同时，体验全新 web 游戏理念的娱 乐1。所以网页小游戏也越来越受广大网民欢迎，除了玩法简单外，很多网页 小游戏也不乏经典。作为最基本的网页游戏之一， “连连看”游戏的设计与实现 可以积累开发网页游戏的经验，完善开发思路，为以后更高层次上的网页游戏 开发打下坚实的基础，更好的推动网页游戏的发展。 1.2 研究意义 网页连连看游戏能满足人们休闲的需要。在紧张工作之余，休闲类的小游 戏能够给玩家带来最大程度的放松。而且小游戏还不会浪费计算机过多的资源， 不像大型游戏占计算机资源还很耗费精力。通过本次毕业设计，基本掌握制作 游戏的整个流程，熟悉游戏项目开发的完整过程，为即将到来的就业工作打下 基础。另外通过本次设计将这三、四年来所学的专业知识和其他方面的知识融 入到实际应用中。在实际运用中将 flex 和 java 语言结合运用得更加熟练，进一 基于 flex 和 java 的网页小游戏连连看的开发 2 步掌握 flex 和 java 程序设计的基础内容、技能和方法；同时培养分析问题、解 决问题的能力；对设计过程的观察、理解和归纳的能力有显著提高。 1.3 研究内容 基于 flex 和 java 的网页小游戏连连看的开发，根据以下步骤实现连连看的 基本的功能。 (1)通过对网页小游戏的基本功能分析，进行游戏的策划。 (2)在策划的基础上，从界面和功能两个角度对游戏进行需求分析。其中功 能需求从游戏和玩家两个角度进行分析。 (3)在游戏需求分析的基础上，进行游戏的前期设计，包括主界面的地图设 计、路径算法设计、数据库设计。 (4)在设计的基础上进行程序的开发。 1.4 论文主要工作和结构安排 本文主要介绍基于 flex 和 java 的网页小游戏连连看的开发背景和意义、开 发技术和工具，并详细概述了需求分析、设计实现以及系统测试过程。全文共 分七章，具体安排如下： 第一部分：介绍课题研究背景、意义、内容，论文主要工作和结构安排等。 第二部分：介绍开发平台和用到的关键技术。 第三部分：介绍了游戏的策划，游戏的需求。 第四部分：设计与实现，先介绍总体设计，然后是主要功能的详细设计与 实现，并配有界面原型图、流程图，清晰表达出各功能的设计与实现过程。 第五部分：介绍游戏的路径判断算法设计与实现，并配有界面图，清晰表 达出路径算法及最短路径的获得方法。 第六部分：介绍了游戏的测试设计内容，分别从界面和功能两个方面对游 戏进行了测试。 第七部分：总结了该项目的研究成果和不足之处，指明了后续研究方向。 1.5 本章小结 本章首先介绍了课题的背景及意义，明确了研究该课题的重要性，接着介 平顶山学院本科毕业设计 3 绍了课题的研究内容，以便于对课题的开发有总体的认识，最后介绍了论文的 主要工作和结构安排。 基于 flex 和 java 的网页小游戏连连看的开发 4 2 相关技术及工具介绍 该部分主要介绍系统所采用的技术及开发工具，涉及页面前端开发技术、 后台开发技术、脚本语言、web 服务器及前后台连接技术等。 2.1 flex 技术 flex 是一个高效、免费的开源框架，可用于构建具有表现力的 web 应用程 序，这些应用程序利用 adobe flash player 和 adobe air, 运行时跨浏览器、桌 面和操作系统，实现一致的部署。 2.1.1 flex 介绍 flex 是 adobe 公司发布的 presentation server(展现服务)，它是 java web container 或者.net server 的一个应用，根据.mxml 文件(纯粹的 xml 描述文件盒 actionscript)产生相应的.swf 文件，传送到客户端，有客户端的 flash player 解释 执行，给用户以丰富的客户体验2。现在 flex 最新版本为 flex4.6。 在做动画起家之后，flash 一直在谋求 rich intemet application(ria 富客户 端)的霸主地位，具有影响的是，已经推出了面向对象的编程脚本 actionscript3.0，并且建立起类似于 java swing 的类库和相应的 component(组件)。 flex 是通过 java 或者.net 等非 flash 途径，解释.mxml 文件组织 components，并 生成相应的.swf 文件。flex 的 component 和 flash 的 component 很相似 2，但是 有所改进增强。 传统程序员在开发动画应用方面存在困难，flex 试图通过提供一个程序员 们已经熟知的工作流和编程模型，让程序员更快更简单地开发动画以及 ria 应 用。flex 采用 gui 界面开发，使用基于 xml 的 mxml 语言。flex 具有多种组 件，可实现 web server，远程对象，drag and drop，列排序，图表等功能；flex 内建动画效果和其它简单互动界面等。相对于基于 html 的应用在每个请求时 都需要执行服务器端的模板，由于客户端只需要载入一次，flex 应用程序的工 作流被大大改善。flex 的语言和文件结构也试图把应用程序的逻辑从设计中分 离出来。 平顶山学院本科毕业设计 5 2.1.2 flex 的应用前景 作为新一代的富客户端互联网技术的佼佼者，flex 这种技术已经被越来越多 的公司所采用，被越来越多的用户和程序员所接受。以下列出 flex 的优势： (1) flex 与 flash：可以让普通程序员开发制作 flash 成为可能； (2) 界面表现能力一流； (3) ria 富客户端应用，解决了异步调用，界面无刷新，浏览器兼容性等多 项难题； (4) 对流媒体的支持：flex 是被公认为流媒体技术支持最好的应用； (5) 平台的可用性：根据 adobe 公司的说法，flash player 在全世界一半的 pc 机器上安装度为99.8%； (6) 跨平台：flash player 能够在 linux 下运行，也可以在手机上运行，所以不 用担心绑死在 windows 上； (7) 对底层的可操作性：flex 能够调用底层的东西，比如可以调用摄像头实 现视频，而且视频本身就嵌入在 flex 应用中,由 flex player 直接播放； (8) 平台的后续运营和发展前景：flex 是由 adobe 公司推出的且开源； (9) 有充足的学习环境： flex 官方样式配置工具，可以在线配置 flex 应用 程序各种控件的外观样式，改程序也是用 flex 编写的，大家可以想象 flex 可以 做到什么程度的应用了，而且这么漂亮的界面，根本不用做任何图片和美工， 都是直接用样式实现即可。 2.2 actionscript 语言 actionscript 是针对 adobe flash player 运行时环境的编程语言，它在 flash 内容和应用程序中实现了交互性、数据处理以及其它许多功能。 2.2.1 actionscript 介绍 actionscript 是由 flash player 中的 actionscript 虚拟机 (avm) 来执行的。 actionscript 代码通常被编译器编译成字节码格式（一种由计算机编写且能够为 计算机所理解的编程语言） ，如 adobe flash cs3 professional 或 adobe flash builder 的内置编译器或 adobe flex sdk 和 flex data services 中提供的编译 器。字节码嵌入 swf 文件中，swf 文件由运行时环境 flash player 执行3。 actionscript 是一种基于 ecmascript 的脚本语言，可用于编写 adobe flash 动画和应用程序。由于 actionscript 和 javascript 都是基于 ecmascript 语法的， 基于 flex 和 java 的网页小游戏连连看的开发 6 理论上它们互相可以很流畅地从一种语言翻译到另一种。不过 javascript 的文档 对象模型（dom）是以浏览器窗口，文档和表单为主的，actionscript 的文档对 象模型（dom）则以 swf 格式动画为主，可包括动画，音频，文字和事件处理。 actionscript 代码常常直接写在 flash 开发环境。该环境提供参考、代码提 示和句法强调。原代码常常与电影一起存在.fla 档案里。自外部文件档透过 #include 语法导入 actionscript 代码也相当常见。在这种情况下，外部档案也许 被 flash 集成开发环境内建编译器，或 motion twin actionscript2 编译器 （mtasc）编译4。扩展 flash 创作交互动画和网络应用的能力。 2.2.2 actionscript 的优点 flash 使用 actionscript 给动画添加交互性。在简单动画中，flash 按顺序播 放动画中的场景和帧，而在交互动画中，用户可以使用键盘或鼠标与动画交互。 例如，可以单击动画中的按钮，然后跳转到动画的不同部分继续播放；可以移 动动画中的对象；可以在表单中输入信息等。使用 actionscript 可以控制 flash 动画中的对象，创建导航元素和交互元素。 2.3 java 语言 java 是非常新的一种语言(1995 年正式发布)，具有面向对象、分布式、解释 执行、健壮性和安全性、体系结构中立、可移植、多线程、以及动态性等特点。 和其他编程语言相比，它有很多优点5。使用 java 的优点具体体现在以下几个 方面: 1.灵活性 java 非常灵活，足以支持部署和开发环境中的各种变化。由于 java 是在面 向对象的基础平台上构建的，因此可以很容易对基本的语言进行扩展和发布。 2.面向对象性 java 语言是一种新的面向对象的程序设计语言，它除了几种基本的数据类 型外，大都是类似 c中的对象和方法，程序代码大多体现了类机制，以类的 形式组织，由类来定义对象的各种行为。java 同样支持类继承，这样也减少了 程序设计的复杂性。 3.平台独立性 java 源代码和运行时文件并不局限于某一个操作系统。因此，在 windows 平顶山学院本科毕业设计 7 环境中创建并编译 java 类文件，无需任何修改就可以将相同的文件部署到 unix 环境中。java 的这种特性，也称为可移植性，这一点对于那些发现自己的 业务增长需要一个特定的操作系统、又需要支持原操作系统的企业来说非常重 要。 4.交互式特性 java 是面向对象的网络编程语言，由于它支持 tcp/ip 协议，使得用户可以 通过浏览器访问到 internet 上的各种动态对象。并且在网络上用户可以交互式地 进行各种动作，而多线程技术的引入使得这种交互式操作更为容易。 5.多线程机制 java 语言支持多线程机制，多线程机制使得 java 程序能够并行处理多项 java 程序可以设计成具有多个线程，例如让一个线程负责数据的检索、查寻， 另一个线程负责与用户进行交互，这样，两个线程得以并行执行。多线程机制 可以很容易地实现网络上的交互式操作。 2.4 blazeds 技术 blazeds 是一个基于服务器的 java 远程控制(remoting)和 web 消息传递 (messaging)技术。它能够使得后端的 java 应用程序和运行在浏览器上的 adobe flex 应用程序相互通信。在 java 应用服务器上，它以 servlet 的形式存在，因此 可以在任何标准 java 网络应用中运用它。 blazeds 是一套面向 actionscript 的前后台通信框架。 在服务器端，blazeds 以 servlet 的方式存在于 java 应用服务器上。它默认 提供 3 种服务，远程调用（在 remoting-config.xml 中配置） 、访问代理（proxy- config.xml） 、消息服务（messaging-config.xml） ，同时框架允许添加自定义的服 务（在 services-config.xml 中配置） 。 在客户端，blazeds 提供了 remoteobject、httpservcie、webservice，product 和 comsumer 等组件来提供访 问服务器端数据的能力，其中 remoteobject、product 和 comsumer 是以 amf 协 议来交换数据的，而 httpservcie 和 webservice 则采用的是比较通用的访问协议， 可以用来访问非 blazeds 服务器（即普通的 web 服务器） 。 基于 flex 和 java 的网页小游戏连连看的开发 8 2.5 开发工具 2.5.1 tomcat 服务器 tomcat 是一个免费的开源的 servlet 容器，它是 apache 基金会的 jakarta 项 目中的一个核心项目，由 apache、sun 和其它一些公司及个人共同开发而成。 由于有了 sun 的参与和支持，最新的 servlet 和 jsp 规范总能在 tomcat 中得到体 现。tomcat 是稳固的独立的 web 服务器与 servlet container，不过，其 web 服务器的功能则不如许多更健全的 web 服务器完整，如 apache web 服务器 （举例来说，tomcat 没有大量的选择性模块） 。不过，tomcat 是自由的开源软 件，而且有许多高手致力于其发展。 tomcat 服务器作为一个开放源码的软件，有着自己独特的优势，在中小型 系统和并发访问用户不是很多的场合下被普遍使用，是开发和调试程序的首选。 它运行时占用的系统资源小，扩展性好，支持负载平衡与邮件服务等开发应用 系统常用的功能。 tomcat 是一个小型的轻量级应用服务器，在中小型系统和并发访问用户不 是很多的场合下被普遍使用，是开发和调试程序的首选。对于一个初学者来说， 可以这样认为，当在一台机器上配置好 apache 服务器，可利用它响应对 html 页面的访问请求。实际上 tomcat 部分是 apache 服务器的扩展，但它是独立运 行的，所以当用户运行 tomcat 时，它实际上是作为一个与 apache 独立的进程 单独运行的。 2.5.2 flash builder 从 flash builder 4 开始是由之前的 flex builder 更名而来。flash builder 是由 adobe 公司推出的 macromedia 的 ide，用于 flex 应用程序开发。flash builder 使设计者和开发者更高效地建立 flex 应用程序。设计者可以快速建立应用程序 界面、快速简单地分布引人注目的 flex 用户界面并将其连接到后端数据源。开 发者可以使用代码提示和调试工具，对 flex 应用程序进行高效的编码和调试。 2.5.3 myeclipse myeclipse 企业级工作平台（myeclipse enterprise workbench，简称 myeclipse） ，是一个十分优秀的用于开发 java，j2ee 的 eclipse 插件集合， myeclipse 的功能非常强大，支持也十分广泛，尤其是对各种开元产品的支持十 平顶山学院本科毕业设计 9 分不错，是对 eclipse 集成开发工具(ide)的扩展，利用它开发人员可以在数据库 和 javaee 的开发、发布以及应用程序服务器的整合方面极大的提高工作效率。 它是功能丰富的 javaee 集成开发环境，包括了完备的编码、调试、测试和发布 功能，完整支持 html，struts，jsp，css，javascript，sql，hibernate。在结 构上，myeclipse 的特征可以被分为 7 类： (1) javaee 模型； (2) web 开发工具； (3) ejb 开发工具； (4) 应用程序服务器的连接器； (5) javaee 项目部署服务； (6) 数据库服务； (7) myeclipse 整合帮助。 myeclipse 结构上的这种模块化，可以让开发人员在不影响其他模块的情况 下，对任一模块进行单独的扩展和升级。 2.5.4 mysql mysql 是一个精巧的 sql 数据库管理系统，它是基于服务器端的中型的数 据库。在处理海量数据的效率上，后台开发的灵活性，可扩展性强，可以满足 各种类型应用的需要。由于它的强大功能、灵活性、丰富的应用编程接口 （api）以及精巧的系统结构，受到了广大自由软件爱好者甚至是商业软件用户 的青睐，特别是与 apache 和 php/perl 结合，为建立基于数据库的动态网站提 供了强大动力。对于这种小型的网页游戏来说，仅仅处理玩家数据用 mysql 数 据库是足够了，并且操作起来简便，效率高。 mysql 的特性包括： (1) 支持 linux、macos、windows 等多种操作系统； (2) 为多种编程语言提供了 api； (3) 支持多线程，充分利用 cpu 资源； (4) 优化的 sql 查询算法，有效地提高查询速度； (5) 提供 tcp/ip、odbc 和 jdbc 等多种数据库连接途径； (6) 提供用于管理、检查、优化数据库操作的管理工具； (7) 可以处理拥有上千万条记录的数据库。 基于 flex 和 java 的网页小游戏连连看的开发 10 2.6 本章小结 本章主要描述了该游戏的开发技术及开发平台。游戏运用 adobe flash builder4.6 进行功能的实现及测试，用 myeclipse8.6 进行后台 java 的编辑、编译、 调试，最后运行和测试。 平顶山学院本科毕业设计 11 3 策划与需求分析 本章主要从游戏前期策划、需求分析两个方面进行描述。包括对游戏说明、 规则关卡、界面需求和功能需求的阐述。 3.1 游戏策划 将以 flex 技术为基础设计一款界面酷炫、操作简便、关卡说明详细、休闲 益智的网页连连看游戏。该游戏的具体内容如下所述。 1.游戏名称：连连看 2.游戏说明：首先本游戏只需用鼠标操作，无需键盘控制，简单易操作。最 后游戏中所有的按钮都要做出特效，包括音乐特效：鼠标掠过按钮时的音乐特 效；视觉特效：鼠标悬浮在按钮上按钮放大特效和鼠标离开后按钮复原效果。 进入游戏主界面，会看到酷炫的背景界面。在这个界面上包括一些按钮：级别 选择按钮组（初级，中级，高级） ，游戏说明按钮和游戏开始按钮。其中关卡选 择按钮选中后按钮会一直处于放大状态，以便玩家能看出当前所选的关卡；游 戏说明按钮，被点击后会进入游戏规则说明界面，在游戏说明界面中除介绍内 容之外还有一个返回按钮，用来返回到主界面；游戏开始按钮，被点击后进入 游戏操作界面。在游戏操作界面中包括： (1) 玩家时间进度条用来计时； (2) 得分记录框记录玩家得分； (3) 当前关卡显示框以显示当前游戏所处的关卡； (4) 重新开始按钮，用来返回到游戏主界面； (5) 重置按钮，当玩家找不到可消除的图片时可以借助此按钮对当前图片区 内的剩余图片进行重置； (6) 排行榜按钮，当玩家在游戏中途想了解此游戏中自己的得分在总排行榜 中的大致位置，可以通过此按钮来弹出一个排行榜对话框显示排行信息，在此 框中设计一个提交分数按钮，通过此按钮可以进入得分提交界面； (7) 图片显示区域，此区域用来显示游戏图片，并且每个图片也要有按钮的 效果，即鼠标点击时要有背景音乐并且图片要加上边框做标记，鼠标悬浮时图 片亮度变化，鼠标离开后图片恢复正常，如果连续点击的两个图片符合消除规 则，图片及边框会消除并画出消除路径线，如果不能消，前一次点的图片边框 基于 flex 和 java 的网页小游戏连连看的开发 12 会自动消除，本次点的图片边框会作为标记存在。每关时间结束前，若图片消 完会出现下一关按钮，点击即可进入下一关；若图片没消完游戏结束，同时弹 出提交得分框，可以提交或者取消，再或者直接关闭浏览器。 3.规则与关卡，本游戏规则为：玩家选择两个相同的图标，若连接这两个图 标之间的直线不超过 3 条(折点不超过 2 个)且不碰到其他图标，则消除连线的 2 个图标；游戏过程中，首次选择当前图内的图标时，该图标为“被选中”状态， 再次选择其他图标，若该图标与上次选择的图标图案相同，且符合连线规则， 则消掉这一对图标，否则第一个图标恢复为“未被选中”的状态，第二个图标 则变成“被选中”的状态。在本游戏中一共设置 3 个等级，每一等级下有 4 小 关，总共 12 关卡。玩家在第 3 等级的第 4 关通过后，系统会显示“恭喜通关” 的提示信息。 3.2 需求分析 需求分析指的是在改变一个现存的或建立一个新的电脑系统时描写新系统 的定义、目的、范围和功能等所要做的所有的工作。本游戏的需求分析包括游 戏界面需求分析和功能需求分析两部分。 3.2.1 界面需求 一款游戏的受欢迎程度，大部分取决于它的娱乐性和可观赏性的高低，所 以游戏的界面美化和图形设计是很重要的6。设计良好的游戏界面可以让玩家 感受到游戏带来的娱乐性。为了使界面简洁美观，需要在界面中添加背景图片 来渲染游戏的气氛，使玩家感觉到放松。同时为了便于玩家的操作、控制游戏 状态，需要添加按钮，通过对这些按钮的控制显示出不同的界面和功能，表示 不同的游戏状态。 3.2.2 功能需求 功能需求可以从游戏和玩家两个角度进行分析。 1.游戏：需要实现游戏背景图片和按钮加载、随机生成图片、随机生成位置、 播放背景音乐和特效音乐、计算时间、计算得分、记录关卡、画标记边框、判 断图片是否相同、判断路径、绘制路径、消除图片、消除标记边框、下一关、 游戏失败、游戏通关等功能。 游戏用例图如图 3-1 所示。 平顶山学院本科毕业设计 13 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 图 3-1 游戏用例图 从游戏角度分析各用例，具体如下： (1) 加载背景图片和按钮：开始游戏时，要加载设计好的背景图片和部分按 钮。 (2) 随机生成图片：进入游戏操作界面时，需要从图片库中随机生成部分图 片作为游戏图片区的图片。 (3) 随机生成位置：随机生成的每个图片都要随机的放入一个位置。 (4) 播放背景音乐和特效音乐：游戏开始播放背景音乐，触动按钮及图片时 播放不同的特效音乐。 (5) 计算时间：从游戏进入操作界面后就开始计时，用于限制本关时间，每 一关都要重新计时。 (6) 计算得分：游戏进入操作界面后就开始计分，贯穿整个游戏过程直至结 束。 (7) 记录关卡：选定关卡后，开始记录并显示，逐关增加。 (8) 画标记框：游戏会将玩家选定的图片用框圈着以作标记。 (9) 判断路径：如果选定的两图片相同，就判断有没有可相消的路径。 (10) 绘制路径线：两图片能相消的话，先绘制出路径线。 (11) 消除图片：两图片符合规则时相互消除。 (12) 消除标记框：当点击下一个图片时，上一个图片要消除标记。 基于 flex 和 java 的网页小游戏连连看的开发 14 (13) 下一关：玩家在规定时间内将本关内所有的图片都消除后游戏要提示 进入下一关。 (14) 游戏通关：玩家将第三等级的第四小关(3-4)通过后游戏即通关了。 (15) 游戏失败：任何一个小关在规定时间内没能过关即失败。 2.玩家：在游戏中玩家是主要的参与者，玩家具备的操作功能如下：游戏说 明，级别选择，开始游戏，点选图片，重置图片，重新开始游戏，查看排行榜， 提交分数，跳到下一关等几个大方面的功能。 玩家用例图如图 3-2 所示。 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 图 3-2 玩家用例图 从玩家角度分析，各用例如下： (1) 游戏说明：刚进入游戏主界面时，会显示游戏说明按钮。点击之后会弹 出游戏规则介绍。游戏说明用例描述如表 3-1 所示。 表 3-1 游戏说明用例描述 用例编号301 用例名称游戏说明 用例概述玩家点“游戏说明”观看游戏介绍，再点“返回”可到主界面 参与者玩家 前置条件获得鼠标点击事件 成功保证先从主界面弹出游戏介绍，再返回至主界面 平顶山学院本科毕业设计 15 续表 3-1 步骤活动 1获得鼠标点击事件 2从主界面弹出游戏说明界面 3获取鼠标点击事件 基本事件流 4返回主界面 规则与约束通过窗口弹出请求 (2) 级别选择：在游戏主界面中有级别选择按钮（初级，中级，高级）开始 游戏之前，玩家可通过点击这些按钮组确定游戏的级别（默认初级） 。级别选择 用例描述如表 3-2 所示。 表 3-2 级别选择用例描述 用例编号302 用例名称级别选择 用例概述玩家通过主界面上级别选择按钮确定开始游戏时的级别 参与者玩家 前置条件获得鼠标点击事件 成功保证选中的级别按钮处于变大状态 步骤活动 1点击按钮组中的一个 2被点击的按钮变大，其他两个处于原始状态 基本事件流 3可重复 1,2 步骤 规则与约束在开始游戏之前，游戏进入操作界面便不能选择了 (3) 开始游戏：在游戏主界面中有开始游戏按钮，玩家可通过点击此按钮组 进入游戏操作界面。开始游