Flash游戏开发(二)

第2章可控游戏类2.1文字特效生成器(1)游戏说明这是一个文字类的游戏，可以在“输入想要变化的英文字母”文本框中输入要发生变化的文字（只适合用于英文字母），然后选择下面的变化特效方式，直接回车或单击“开始”按钮就可以实现变化效果，在变化的过程中通过选择下面的8种特效可以相应地实现各种特效变化。如图2-1所示。图2-1文字特效生成器设计技巧（1）“输入想要变化的英文字母”文本框是用来输入文字的，因此要把这个文本框设置成输入文本框，才能实现人机交互性。（2）在中间显示动态效果的区域中，需要制作一个嵌套了“动态文本”的影片剪辑。动态文本只需要一个英文字母大小即可，为了实现后面的命令实现，需要定义变量名。主要用到DuplicateMovieClip命令，该命令实现文字的复制累加。（3）下面是8个与文本功能相对应的按钮，对于它们，主要的设计技巧在于“点击”区的设置。制作步骤1．游戏背景层的制作（1）启动FlashMX2004，单击“属性”面板中的“大小”按钮，打开“文件属性”对话框，设置影片宽为600px，高为450px，背景颜色为橙黄色，其色值为#FF9900，播放速度帧频为12fps，如图2-2所示。然后单击“确定”按钮。图2-2设置影片属性（2）先保存文件。执行菜单栏“文件”|“保存”命令，将要制作的游戏文件保存，如图2-3所示。图2-3保存文件（3）本实例的制作素材比较多，所以采取逐层制作的方法。先来绘制背景的一些静态素材，双击“图层1”，改其名称为“背景”，在这里将放置一些衬景及说明。（4）双击工具箱中的“矩形工具”按钮，弹出“矩形设置”对话框，设置“边角半径”为2点，单击“确定”按钮完成设置，如图2-4所示。图2-4设置边角半径（5）在整个场景中绘制3个圆角化的矩形边框，作为背景的基本外形，可以在“属性”面板中把最外框的线条宽度设置为5px，其余的设置为1px，绘制的样式如图2-5所示。（6）单击工具箱中的“文本工具”按钮，在场景中输入说明的文字“使用说明：这是文字特效合成的文字展示，通过输入英文字母，选择特效的种类，就可以实现文字的特效。”，按F8键，把输入的文字转换成图形对象，并命名为“文字说明”。同样地输入“flash文字游戏”和“输入想要变化的英文字母：”，并分别将其转换成图形组件，命名为“文字说明1”和“文字说明2”，文字说明的大小及字形可以根据设计的需要自行安排，这里设计的样式如图2-6所示。图2-5绘制背景效果图2-6输入文字说明制作说明：为了保证在每台电脑上的播放效果一样，可以把该层的元素均转换成组件。（7）在第6帧处按F5键，在各帧中插入相同的关键帧，这样就完成了第1个图层上背景元素的制作。2．play层的制作（1）在时间轴上单击“插入图层”按钮新建一个图层，并命名为“play”。在该图层建立一个输入文本及两个按钮。单击工具箱中的“文本工具”按钮，在文字的“属性”面板中设置文本的属性为“输入文本”，变量值设为“ilkyazi”（这是为了后面制作中函数的调用），如图2-7所示。在场景中的“输入想要变化的英文字母：”下面的矩形为参照，绘制一个空的文本框。图2-7设置输入文本框的变量值（2）执行菜单栏“窗口”|“其他面板”|“公用库”|“按钮”命令调出“库按钮”面板，选中其中的两个同类的按钮，并把它们从“库”中拖放到场景中；高速按钮的方向后分别双击按钮进入按钮的编辑区，在时间轴上单击“插入图层”按钮新建一个图层，再单击工具箱中的“文本工具”按钮，分别输入“开始”和“返回”，如图2-8所示。（3）在play图层的第2帧处按F6键，插入一个关键帧，并在第1帧处只留一个“开始”按钮和一个空的输入文本，后面几帧只留一个“返回”按钮。把按钮放置在场景中“文字说明”的下面。注意，保持两个按钮在同一个地方，第1帧的效果如图2-9所示。图2-8建立两个控制按钮图2-9加入文本框及按钮的样式（4）在第1帧处选择“开始”按钮，执行菜单栏“窗口”|“开发面板”|“动作”命令（或者按F9键）调出“动作按钮”面板，在其中输入“开始”按钮的命令：on(press,keyPressEnter){if(Number(effectno)Number()){gotoAndStop(2);}}//按下按钮或者按下回车键时，如果选择了特效的样式就跳播到第2帧（5）在第2帧中选择“返回”按钮，在“动作按钮”面板中输入如下的命令：on(release){gotoAndStop(1);while(Number(c)=1){removeMovieClip(c);c=c1;}}//当单击鼠标后跳播到第1帧，并且移除影片“C”3．效果按钮层的制作（1）在时间轴上单击“插入图层”按钮新建一个图层，命名为“effectbuttons”，在这个图层里制作实现动画的各种控制按钮及动画演示的动态文本框。下面先制作文字变化的8种特效文本框。执行菜单栏“插入”|“新建元件”命令，新建立一个影片剪辑，命名为Symbol3，把Symbol3从“库”面板中拖入到场景，并将实体命名为“1seviye”，如图2-10所示。图2-10新建影片剪辑并设置其属性2.1文字特效生成器(2)（2）进入影片的编辑区，在该编辑区里建立两个图层，上面一层为引导层，下面的“图层1”为8种文字动画实现的合成，在下面的操作中给每种动画变化的帧上加上不同的Lable名称，以方便函数的调用。在Symbol3中再建立一个影片，在“属性”面板中设置实体名为“2seviye”，如图2-11所示，在该影片中建立一个动态文本框，并设置大小、颜色及字型，输入字母“Ａ”，这里的字形表示后面要演示的动画字体属性。图2-11设置影片剪辑的实体名为“2seviye”（3）以建立的2seviye影片为元素，在第1~10帧处建立从上往下掉的动画，并在第1帧及第10帧中加上“Stop();”停止函数命令，用鼠标选择中间的任意帧，在“属性”面板中设置标签值为“birinci”，这时在时间轴中会出现一面小红旗及标签的名称，第1种文字动画（从上往下掉）的制作步骤就完成了，如图2-12所示。图2-12设置第1种文字动画（4）同步骤（3）分别在11~20帧、21~35帧、36~55帧、56~75帧、76~90帧、91~110帧、111~150帧7个轴间断之间建立不同的以2seviye影片为元素的文字运动动画，并分别设置标签名为“ikinci”，“ucuncu”，“dorduncu”，“besinci”，“altinci”，“yedinci”，“sekizinci”，并分别在各动画之间加上停止命令，绘制好的时间轴如图2-13所示。由于本步骤制作比较复杂，读者可以到光盘中直接找到该实例组件，打开原文件进行参照。图2-13完成的时间轴（5）接下来在该图层上继续制作其他的组件，单击返回到主场景；单击工具箱中的“文本工具”按钮，在文字“属性”面板中设置文字的输入方式为“动态文本”，变量值设为“effectno”，用鼠标在场景中单击，出现文本框，在里面输入“特效的种类提示”，其“属性”面板如图2-14所示；再在文字“属性”面板中设置文字的输入方式为“静态文本”，输入说明文字“选择特效=”，并按F8键将其转换成Symbol4图形元件，结果如图2-15所示。图2-14动态文本的“属性”面板图2-15输入文字后的效果（6）执行菜单栏“插入”|“新建元件”命令，建立一个按钮，命名为“效果1”，在按钮的场景中输入“1坠落效果”，并将其竖排，在“点击”帧中绘制一个红色的矩形盖住所有的文字，以方便后面鼠标的单击，如图2-16所示。图中“图层1”是用来显示鼠标经过或者单击按钮时起的不同效果，“图层2”是输入的“坠落效果”文字。图2-16建立第1个按钮（7）把新建立的按钮拖到场景中，在“动作按钮”面板中加入如下的函数命令：on(release){animasyon=birinci;effectno=1;setProperty(arrow,_visible,0);}//鼠标按下时，场景中进行样式1的动画播放（8）同步骤（6）~（7）制作类似的按钮，把这些按钮编排成如图2-17所示的样式，然后分别设置按钮效果2~8相对应的函数命令。图2-178个按钮的编排效果按钮2：on(release){animasyon=ikinci;effectno=2;setProperty(arrow,_visible,0);}//鼠标按下时，场景中进行样式2的动画播放按钮3：on(release){animasyon=ucuncu;effectno=3;setProperty(arrow,_visible,0);}//鼠标按下时，场景中进行样式3的动画播放按钮4：on(release){animasyon=dorduncu;effectno=4;setProperty(arrow,_visible,0);}//鼠标按下时，场景中进行样式4的动画播放按钮5：on(release){animasyon=besinci;effectno=5;setProperty(arrow,_visible,0);}//鼠标按下时，场景中进行样式5的动画播放按钮6：on(release){animasyon=altinci;effectno=6;setProperty(arrow,_visible,0);}//鼠标按下时，场景中进行样式6的动画播放按钮7：on(release){animasyon=yedinci;effectno=7;setProperty(arrow,_visible,0);}//鼠标按下时，场景中进行样式7的动画播放按钮8：on(release){animasyon=sekizinci;effectno=8;setProperty(arrow,_visible,0);}//鼠标按下时，场景中进行样式8的动画播放2.1文字特效生成器(3)4．动作层的建立（1）最后在时间轴上新建一个图层，并命名为“Actions”。在这个图层中，将输入相关的函数命令，把前面几个图层中所有的组件控制起来以实现整体的效果。分别在第2、5、6帧按F6键建立关键帧。（2）在第2帧中输入如下的函数命令：duplicateMovieClip(1seviye,c,c);setProperty(c,_x,Number(headx)+Number((c*k)));setProperty(c,_y,heady);gotoAndPlay(3);//此段函数用来设置影片1seviye的累加播放（3）在第5帧中加入如下的函数命令：set(cadd/2seviye:yazi,substring(ilkyazi,c,1));if(animasyoneqbirinci){tellTarget(c){gotoAndPlay(birinci);}}if(animasyoneqikinci){tellTarget(c){gotoAndPlay(ikinci);}}if(animasyonequcuncu){tellTarget(c){gotoAndPlay(ucuncu);}}if(animasyoneqdorduncu){tellTarget(c){gotoAndPlay(dorduncu);}}if(animasyoneqbesinci){tellTarget(c){gotoAndPlay(besinci);}}if(animasyoneqaltinci){tellTarget(c){gotoAndPlay(altinci);}}if(animasyoneqyedinci){tellTarget(c){gotoAndPlay(yedinci);}}if(animasyoneqsekizinci){tellTarget(c){gotoAndPlay(sekizinci);}}if(Number(Number(headx)+Number((c*k)))==500){heady=Number(heady)+20;head