1、FLASH CS3 实例 打气球游戏FLASH CS3 实例 打气球游戏打气球游戏是通过鼠标移动动画中的瞄准星,当对准随机生成的气球时,单击鼠标即可将气球打爆。当打爆的气球数为5个或5个以上,即会宣布胜利;当丢失气球数为3个或3个以上,即会宣布游戏失败。效果如图12-37所示。图12-37 打气球游戏技能要点随机函数在Flash的各种函数中,Rondom()随机函数也是非常有用的函数。通过该函数可以返回一个随机数,该随机数大于等于0且小于1。正是因为随机函数的这种特性,可以用它做出各种特殊的效果,例如随机移动的彩色线条。首先,新建“mask”影片剪辑,并在其中创建一个变色线条沿引导线移动的动画
2、,如图12-38所示。图12-38 创建引导遮罩动画在【库】面板中右击该元件,执行【链接】命令,设置【类】名称为“light”。新建“Action”图层,打开【动作-帧】面板,并在其中输入创建content_mc影片剪辑的代码,如图12-39所示。图12-39 创建影片剪辑将光标置于第6行,创建侦听时间事件,并设置事件间的延迟为1000毫秒,如图12-40所示。图12-40 创建侦听时间事件将光标置于第13行,创建showM()函数,将tmpmc影片剪辑加入到content_mc影片剪辑中,并调用random()函数产生随机坐标及方向,如图12-41所示。图12-41 showM函数将光标置于
3、第26行,创建random()函数,该函数可以指定产生某两个数之间的随机数,如图12-42所示。图12-42 random函数最后保存文档后预览效果,如图12-43所示。线条动画会在舞台中产生随机位置和方向。图12-43 预览效果制作过程在本例中,首先将鼠标的光标替换成为绘制的瞄准星。然后,通过随机函数在设定的范围内随机调用气球元件。最后,通过侦听鼠标单击事件,可以将向上飞的气球打爆。(1)在空白文档中,将所有素材图像导入到【库】面板中,然后将BG.ai背景图像拖入到舞台中,如图12-44所示。图12-44 拖入背景图像(2)新建“文本”图层,在舞台中输入文字,并在文字右侧创建动态文本,然后分
4、别为其设置实例名称,如图12-45所示。图12-45 创建动态文本(3)新建“blood”影片剪辑,在舞台中创建红色矩形的补间形状动画。然后,新建“Action”图层,并在第1帧处插入“stop();”代码,如图12-46所示。图12-46 创建补间形状动画(4)返回场景。新建“次数”图层,将“blood”影片剪辑拖入到舞台中。然后,设置其实例名称为“blood”,如图12-47所示。图12-47 设置实例名称(5)新建“aim”影片剪辑,在舞台中绘制一个瞄准星。然后,在【链接属性】面板中设置其【类】名称为“aim”,如图12-48所示。图12-48 创建aim影片剪辑(6)新建“ball”影
5、片剪辑,在第1帧处插入关键帧,将ball.ai图像拖入到舞台中。然后,在第2帧至第6帧之间制作气球被打爆的补间动画,如图12-49所示。图12-49 创建气球打爆动画(7)新建“Action”图层,在第1、2、6帧处插入空白关键帧,然后在第1帧和第6帧处输入“stop();”代码。然后,设置该元件的【类】名称为“ball”,如图12-50所示。图12-50 设置类名称(8)新建“win”影片剪辑和“fail”影片剪辑,在舞台中输入文字。然后,设置【类】名称分别为“win”和“fail”,如图12-51所示。图12-51 输入文字(9)返回场景。新建“Action”图层,在【动作-帧】面板中声明
6、所要用到的变量,代码如图12-52所示。图12-52 声明变量(10)将光标置于第12行,输入“stop();”代码,然后调用init()函数,并创建init()函数过程,代码如图12-53所示。图12-53 init()函数(11)将光标置于第37行,创建aimMove()函数,使瞄准星元件跟随鼠标;创建ballgo()函数,在舞台下方随机位置调用气球元件,代码如图12-54所示。图12-54 aimMove()函数和ballgo()函数(12)将光标置于第60行,创建ballFly()函数,该函数控制气球元件沿Y轴向上移动,并判断是否丢失气球,代码如图12-55所示。图12-55 ball
7、Fly()函数(13)将光标置于第72行,创建shoot()函数,该函数用来计算打中气球的个数,以及判断是否达到胜利的条件,代码如图12-56所示。图12-56 shoot()函数(14)将光标置于第100行,创建removeAllChildren()函数,该函数可将实例中的所有子元件删除,代码如图12-57所示。图12-57 removeAllChildren()函数(15)将光标置于第110行,创建lose()函数,该函数用来计算丢失气球的个数,以及判断是否达到失败的条件,如图12-58所示。图12-58 lose()函数(16)至此打气球游戏制作完成,保存文档后按快捷键CtrlEnter预览动画,如图12-59所示,通过鼠标单击气球,即可将气球打爆。图12-59 预览效果