基于Flash的游戏设计与开发

1、基于Flash的游戏设计与开发滑雪(安阳师范学院人文管理学院,河南安阳455002摘要:随着网络技术的不断进步和人们生活节奏的加快,玩游戏成为大众特别是广大白领们放松自我的首选,而Flash小游戏又以体积小、安装简便、耐玩性强等优势成为大众青睐的对象。基于Flash游戏的发展前景和自身的知识情况决定制作一个关于Flash的小游戏。本文介绍的主要内容是通过利用Flash二维动画及ActionScript3.0脚本来制作一个滑雪游戏,该游戏的制作充分体现了脚本语言和二维动画的完美结合。通过该游戏的制作我更加懂得了如何去运用Flash面板中的那些工具以及代码的书写, Flash实际制作能力也得以提高

2、。关键词:Flash小游戏;单击游戏;ActionScitp1引言游戏是将人们的触觉、视觉、听觉等多种体验方式融合在一起的一种娱乐方式,它综合运用了计算机图形学技术、人工智能技术、多媒体技术、网络与通信技术,是现在大众娱乐的重要组成部分。目前游戏主要包括单击游戏、网络游戏、虚拟现实游戏和无客户端网络游戏。而单击游戏中的小游戏是一个较模糊的概念,它是相对于体积庞大的单击游戏及网络游戏而言的,泛指所有体积较小、玩法简单的游戏,通常这类游戏以休闲益智类为主,有单机版也有网页版,在网页上嵌入的多为Flash格式。当下小游戏主要是指在线玩的Flash版本游戏,其实小游戏还包含单机游戏、小型游戏机等。一般

3、游戏大小小于10M的游戏都统称为小游戏。一些单机类游戏,如植物大战僵尸、合金弹头等都归纳其中,该类游戏安装简便,耐玩性强,无依赖性。这些游戏以其好看的动画、绚丽的声光效果、高度的通畅性以及很强的可玩性而广受白领及小朋友的喜爱。2Flash游戏的优势2.1游戏玩家的角度从游戏的玩家方面来讲,Flash游戏最大的优势在于方便性,不需要下载数据包、不需安装客户端、不需要安装光盘,玩家只需打开网页就可以玩。这种方便快速的特性是网络游戏所不具备的。在办公室工作累了,随时可以打开游戏休闲放松几分钟。凭借这种一特点,Flash游戏能够很快吸引了上班一族,成为写字楼里不少白领们休闲娱乐、放松神经的首选。2.2

4、游戏开发的角度从游戏开发方面来讲,大型网络游戏开发的成本相当高,一般要购买动辙上千万元的网游引擎才能完成游戏的开发和运营,这只有少数巨头企业才玩得起。而Flash游戏是通过浏览器实现,一般的一个游戏开发费用少则十几万元,多则不过几十万元。与大型网络游戏相比Flash占有成本优势。随着Flash技术的不断进步,Flash游戏的丰富性、趣味性与大型网络游戏有了分庭抗礼、一争高低的竞争资本。这就使得更多的中小投资人能参与其中,成为小资本所有者致富的一条新途径,也为这个市场的繁荣和发展奠定了前提条件。2.3游戏收益的角度Flash游戏不仅在白领人群当中拥有巨大的市场潜力,同时还具有很高的广告投入价值。

5、Flash这种游戏类型上面非常适合广告的插入,因为只要开发者自己把API开发进去,当有人玩游戏时就会看到广告,这样开发者就会得到利润分成。这种模式因为标准化,所以商业模式接入比较容易也便以形成一个合体。目前在欧美国家,游戏内置广告已经成为了一种重要的广告形势,占有越来越重要的地位。Flash游戏方便快速和便于传播的特点,使之成为广告投放的新宠。根据调查显示2009年美国游戏内置广告市场69.5%的收入来自于基于Web的游戏,而电视游戏和PC游戏两项相加所占的比例仅30.5%。3Flash的发展历程3.1Future Splash公司Flash的前身是Future Wave公司的Future S

6、plash Animator,是世界上第一个商用的二维矢量动画软件,用于设计和编辑Flash文档。Future Splash Animator由FutureWave 公司于1996年5月推出,由简单的工具和时间线组成,作为一个开发对Web友好的矢量动画的工具,它出现后不久就被当时的MSN和Disney看中,用来在其Web页上放置部分动画内容。FutureSplash Animator使用的工程文件扩展名为“.spa”,影片文件名为“.spl”,影片的MIME类application/futuresplash,这些都与后来的Flash不同。但时至今日,如果打开Mozilla/Webkit等浏览器

7、的about:plugins页面,你都能在Flash插件支持的MIME类型中看到application/futuresplash。3.2Macromedia公司1996年11月,美国Macromedia公司收购了Future Wave,并将其改名为Flash。其FutureSplash Animator 2.0被以Flash 2.0的名义改由Macromedia发售。Macromedia Flash2(1997-6与之前相比增加的功能是引入库的概念。Macromedia Flash3于1998年5月由Macromedia公司推出,其增加了一些新的功能如:影剪辑、Javascript插件、透明度

8、和独立播放器;虽增加了这些功能但是仍然使用之前的Shockwave播放器。Macromedia Flash4于1999年6月由Macromedia公司推出,增加的新功能有:变量、文本输入框、增强的Actionscript、流媒体MP3。而且Flash4.0开始有了自己专用的播放器,称为“Flash Player”,用起来更加方便快捷。但是为了保持向下相容性,Flash 仍然沿用了原有的扩展名:“.swf”。Macromedia Flash5于2000年8月由Macromedia公司推出,Flash5中的ActionScript 已经有了长足的进步,并且实现了对XML、Java、Smart Cl

9、ip以及HTML文本格式的支持。ActionScript的语法也已经开始了定位发展成为一种完整的面向对象的语言,并且遵循ECMAScript的标准,就像javascript语法那样。Macromedia Flash MX于2002年3月由Macromedia公司推出,Flash MX版本开始了对外部jpg和MP3调入的支持,同时也增加了更多的内建对象,提供了对HTML文本更精确的控制,并引入SetInterval超频帧的概念,同时也改进了swf文件的压缩技术。Macromedia公司于2003年9月推出了Macromedia Flash MX2004,其播放器的版本被命名为Flash Play

10、er7。Flash MX2004与之前的版本相比增加了许多新的功能:对移动设备和手机、Pocket PC的支持;同时Flash Player运行时性能提高了2至5倍;对HTML文本中内嵌图像和swf的支持;FLV外部视频的支持;对Adobe PDF及其它文档的支持;基于屏幕的可视开发环境;可视编程环境;高级可控制外观组件支持;数据绑定; Web服务和XML的预建数据连接器;项目管理功能;源代码控制系统。同时开始了对Flash 本身制作软件的控制和插件开放JSFL,Macromedia无疑在开始调动Internet上Flasher们的巨大力量和集体智慧。Macromedia公司于2005年9月推

11、出了Macromedia Flash8Pro,此版本已增强了移动设备开发的功能,方便创建Flash Web,同时网络视频也得以增强。3.3Adobe公司Macromedia公司在出到Flash8版本以后,Macromedia又被Adobe公司收购。2005年12月5日,Macromedia被Adobe公司以34亿美元的天价收购,其旗下的网页三剑客也归属到Adobe旗下。Adobe公司2008年底推出了Adobe Creative Suite4Master Collection,该套装中含有最新版的Flash CS4,Adobe Flash CS4比以前的版本增加了更多新的功能。(1基于对象的动

12、画使用基于对象的动画对个别动画属性实现了全面控制,它将补间直接应用于对象而不是关键帧,这样使用贝赛尔手柄就可以轻松的更改动画的运动路径。(2全新3D转换借助令人兴奋的全新3D平移和旋转工具,可以实现通过3D空间为2D对象创作动画,这样就可以方便的沿x、y、z轴创作所需要的动画,而且能够将本地或全局转换应用于任何对象。(3反向运动与骨骼工具在该版本中动画设计制作时可以使用一系列链接对象创建类似于链的动画效果,也可以使用全新的骨骼工具来扭曲单个形状,通过这种新新增功能可以方便快捷的实现动画的制作。(4动画编辑器新增的全新动画编辑器可以实现对关键帧参数的细致控制,这些被控制的参数包括旋转、大小、缩放

13、、位置和滤镜等。而其中的图形显示功能又可以让动画的全面控制调整轻松实现。(5动画预设通过动画预设功能借助可应用于任何对象的预建动画启动项目,就可以从大量预设中进行选择或创建并保存自己的动画,这样能实现与他人共享预设以达到节省动画创作时间。(6针对Adobe AIR进行创作借助发布到Adobe AIR运行时的全新集成功能可以让用户感受到交互式桌面体验。而且新版的Flash CS4已开始面向跨更多设备的用户如:Web移动和桌面等。(7H.264支持新增的H.264支持更能,可以借助Adobe Media Encoder编码以实现Adobe Flash Player在运行时识别任何格式,其它Adob

14、e视频产品也提供这个工具。Adobe Flash CS5是目前Flash的最新版本,2010年3月29日Adobe MAX大会简介了Flash CS5新特性,比以往的版本相比其增加了六大新特点。(1XFL格式XFL格式将变成现在“.Fla”项目的默认保存格式。从本质上讲,它是一个所有素材及项目文件,包括XML元数据信息为一体的压缩包。它也可以作为一个未压缩的目录结构单独访问其中的单个元素使用。(2本布局Flash Player10已经增强了的文本处理能力为Flash CS5在文字布局方面提供了机会,对于InDesign或Illustrator的用户来说,已经比较熟悉的链接式文本现在Flash

15、CS5里就可以使用了。在Flash CS5Professional中对垂直文本、外国字符集、间距、缩进、列及优质打印等方面都有所提升。(3码片段库以前只有在专业编程的IDE才会出现的代码片段库,现在也出现在了Flash CS5中,这也是CS5的一项新的突破。Flash CS5代码库可以让用户方便的通过导入和导出功能来实现对代码的管理。代码片段库功能的实现可以让Actionscript的学习更快,为项目带来更大的创造力。(4Flash Builder完美集成Flash CS5和Flash Builder的完美集成使用户节约时间提高效率,用户可以在Flash中来完成创意,在Flash Builde

16、r中完成Actionscript的编码。(5Flash Catalyst完美集成Flash Catalyst可以将团队中的设计及开发快速串联起来,Flash CS5和Flash Catalyst的完美集成可以让Photoshop、Illustrator、Fireworks等文件在无需编写代码的情况下完成项目的互动,此功能结合Flash使用就可以让项目更传神。(6Flash Player10.1无处不在Flash Player已经进入了多种设备,已不再停留在台式机、笔记本上。现在的上网本、智能手机及数字电视,都安装了Flash Player。作为一个Flash开发人员,无需为每个不同规格设备重新

17、编译,就可让自己的作品部署到多个设备上,这样就使Flash表现出强大的优势。4Flash滑雪游戏的规划4.1题目的选定该题目的选定来源于现实中的滑雪运动,在游戏的设计制作过程中将游戏动画界面和现实滑雪运动充分结合起来,加之数学曲线的计算使得游戏显得更加真实好玩。通过该游戏的设计制作充分了Flash动画制作和Actionscript3.0的完美结合。4.2游戏设计流程对该游戏有一定的理解,确定要制作游戏的主要内容。阅览游戏制作需要的相关书籍和资料,并掌握相关的知识;上网查找搜集游戏制作中需要的图片等素材,构思好游戏制作的主题框架。在学习游戏制作的相关知识和素材筹备完成后就可以开始游戏的制作了。该

18、游戏制作的主要流程如图1所示:Flash CS3软件控制界面的制作背景色的填充所需元件的制作动作代码的编辑静态画面的添加动态动画的添加图1游戏制作流程图滑雪游戏设计完成后,不断的修改完善。让游戏的画面看起来更加完美,内容更加的丰富化。经过修改完善后最终把游戏定型。5Flash滑雪游戏的制作5.1滑雪游戏的概述滑雪游戏顾名思义,就是通过操作游戏界面来达到滑雪这项刺激运动的实现。该游戏主要是通过由玩家来绘制滑雪时经过的路线以实现滑的更远的目标,在点击游戏开始按钮之前玩家需要先用鼠标来绘制出滑雪时要经过的路线,若对第一次画出的路线不满意时可以重新修改,在画好线路后就可以点击开始按钮来滑雪,当滑雪者落

19、到地面时右上角就显示出滑动的距离,当第一次滑完后玩家就可以发现之前绘制的滑雪路线中的不足,这时玩家就可以重新来完善之前绘制的路线;若想重新绘制新的滑雪路线则按屏幕上方的重新开始按钮。在该游戏涉及到一些数学计算和物理角度问题,通过玩该游戏可以增加玩家的逻辑思维能力从而应用到现实生活中。5.2游戏的设计与制作(3游戏中动态雪的制作 在场景 1 中新建一图层，命名为“sonwsky”点击“插入”“新建元件” ，类型为影 片剪辑， 在该影片剪辑中出入 “cloud”层和 “snow” 层。 在 “cloud”层中新建 “cloud1”、 “cloud2”、 “cloud3”三个影片剪辑，在影片剪辑中分

20、别制作动态移动的云；在“snow” 层中新建“snow1” 、 “snow2” 、 “snow3”三个影片剪辑，在影片剪辑中分别制作动态 移动的雪花，然后再把动态雪花重做一组放到后面。如图 4 所示: 图 4 动态雪的制作 (4游戏控制界面的制作 在场景 1 中新建一图层，命名为“contrl” 点击“插入”“新建元件” ，类型为影 片剪辑，在该影片剪辑中分别插入用于控制游戏开始的“btGo”影片剪辑、用于游戏重新 开始的“btReset”影片剪辑、用于记录玩家创造最高分值的“MaxScoreBar”影片剪辑、 用于显示分值的“score”影片剪辑以及静态文本“最高分”。如图 5 所示： 图

21、5 控制界面的制作 第 7 页 (5游戏介绍画面的制作 在场景 1 中选取名为“back”的图层，在该图层中制作名称为“button”的游戏介绍 按钮元件，并在时间轴中输入单击按钮时所执行的动作代码。然后把名称为“m1”关于游 戏介绍的影片剪辑添加到适当的位置。如图 6 所示： 图 6 游戏介绍的制作 (6游戏代码的设置和调试 在游戏制作场景 1 中新建一图层，命名该图层为“as”，在该界面中输入游戏中所用 的动作代码，输入完成后调试运行游戏，通过不断的修改和完善以使游戏更加完美。 6 结 论 在整个滑雪游戏的制作过程中让我更加懂得了如何去运用 flash 面板中的那些工具以 及某些代码的书写

22、，而且让我在鼠绘方面得到了很大的提高，在这过程当中也碰到了些困 难。当然，最后都得到及时的解决，并顺利的完成了整个滑雪游戏的制作。 在我的指导老师的热心帮助下，不断的修改不断的向老师指定的目标靠近，一点点地 进步。虽然在制作中遇到不少困难，但在老师的指导下通过查找大量资料，翻阅相关书籍 最后都得以解决。通过这次毕业设计，使我对 flash 这门生动有趣的学科有了更深刻的认 识，并对 flash 实际制作有了较大的提高。 在这次实践中，我进步了很多也明白了很多。我懂得了如何自己发现问题再自己去寻 找资料解决问题，相信通过这次毕业设计所学到的知识将使我终身受益。 第 8 页 参考文献 1程杰.大话

23、设计模式M.清华大学出版社，2008.01. 2孙颖.殿堂之路M.电子工业出版社，2007.09. 3沈钧，李庆.Flash CS3 ActionScript 3.0 游戏开发基础与范例-风云 IIM.电子 工业出版社，2008.04. 4彼得斯.Flash ActionScript 3.0 动画高级教程M.人民邮电出版社，2010.01. 5孙颖.Action Script 殿堂之路M. 电子工业出版社，2009 年. 6杨格.Flash 卡通动画设计M.科学出版社，2007 年. 7卓越科技.Flash CS3 动画设计百练成精M.电子工业出版社，2009 年. 8洪光.Flash CS3 动画制作案例教程M.北京大学出版社，2009 年. 9刘彦武.Flash 动画使用技术M.机械工业出版社，2009 年. 10蒋国强.Action Script3.0 完全自学手册M. 机械工业出版社，2010 年. Based on Flash game design and development skiing Absract: With the continuous improvement of the network tec