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

PINGDINGSHAN UNIVERSITY 毕业论文毕业论文( (设计设计) ) 题题 目目: : 基于 Flex 和 Java 的网页小 游戏连连看的开发 院院 ( ( 系系 ) ): : 软件学院 专业年级专业年级: : 软件工程 2009 级 姓姓 名名: : 学学 号号: : 091530415 指导教师指导教师: : 2013 年年 5 月月 7 日日 原 创 性 声 明 本人郑重声明：本人所呈交的毕业论文，是在指导老师的指导下独立进行 研究所取得的成果。毕业论文中凡引用他人已经发表或未发表的成果、数据、 观点等，均已明确注明出处。除文中已经注明引用的内容外，不包含任何其他 个人或集体已经发表或撰写过的科研成果。对本文的研究成果做出重要贡献的 个人和集体，均已在文中以明确方式标明。 本声明的法律责任由本人承担。 论文作者签名： 日 期： 关于毕业论文使用授权的声明 本人在指导老师指导下所完成的论文及相关的资料（包括图纸、试验记录、 原始数据、实物照片、图片、录音带、设计手稿等） ，知识产权归属平顶山学院。 本人完全了解平顶山学院有关保存、使用毕业论文的规定，同意学校保存或向国 家有关部门或机构送交论文的纸质版和电子版，允许论文被查阅和借阅；本人授 权平顶山学院可以将本毕业论文的全部或部分内容编入有关数据库进行检索，可 以采用任何复制手段保存和汇编本毕业论文。如果发表相关成果，一定征得指导 教师同意，且第一署名单位为平顶山学院。本人离校后使用毕业论文或与该论文 直接相关的学术论文或成果时，第一署名单位仍然为平顶山学院。 论文作者签名： 日 期： 指导老师签名： 日 期： 平顶山学院本科毕业设计 基于 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.游戏说明：首先本游戏只需用鼠标操作，无需键盘控制，简单易操作。最 后游戏中所有的按钮都要做出特效，包括音乐特效：鼠标掠过按钮时的音乐特 效；视觉特效：鼠标悬浮在按钮上按钮放大特效和鼠标离开后按钮复原效果。 进入游戏主界面，会看到酷炫的背景界面。在这个界面上包括一些按钮：级别 选择按钮组（初级，中级，高级） ，游戏说明按钮和游戏开始按钮。其中关卡选 择按钮选中后按