flash-第16课制作交互式动画

《flash-第16课制作交互式动画》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第十六课制作交互式动画课堂讲解上机实战课后练习课前导读重点知识提高知识课堂讲解控制动画对象的数量制作交互式菜单自动载入其他动画Flash动画的一个显著特性就是具有强大的交互性，它使得用户不仅可以欣赏，也可以参与到Flash动画中，通过单击按钮、选择选项等控制动画的播放。本课将介绍制作交互式动画的方法。控制动画对象的数量下面通过一个小实例来体会交互式动画的有趣之处。首先打开在第10课课堂讲解中制作的“采花粉的蝴蝶”动画，如图16-1所示。下面实现在单击花丛中的蝴蝶时增加一个蝴蝶的效果，其具体操作如下。图1６-１（1）选中动画中的影片剪辑元件“蝴蝶”，在“属性”面板中将实例名称设为“hd”，

2、如“图16-2所示。图16-2（2）为了实现单击蝴蝶时出现两只蝴蝶的结果，选中影片剪辑元件“蝴蝶”，在“动作”面板中输入如下语句：onClipEvent(load){//载入当前动画片段，即影片剪辑“hd”fscommand("showmenu","false");//不显示控制菜单}onClipEvent(mouseUp){//单击鼠标左键duplicateMovieClip(hd,hd1,0);//复制影片剪辑hd，生成动画片段hd1，并将其置于与当前蝴蝶的同一层setProperty(hd1,_x,x+130);//设置动画片段hd1的x坐标增加130像素}（3）按【Ctrl+En

3、ter】键播放动画，单击一下鼠标，可以看到在原蝴蝶的左边出现了另外一只相同的蝴蝶，同样在扇动翅膀，如图16-3所示。图16-3在为影片剪辑添加语句时，之所以将动画片段hd1的x坐标增加130像素，是为了避免两只蝴蝶的位置相同，发生重叠。制作交互式菜单制作主菜单制作菜单命令制作菜单动画片段交互式菜单有多种，如下拉菜单、弹出式菜单、滑动式菜单等，下面制作一个典型的弹出式菜单——“文件”菜单，其他菜单的制作方法与此类似，只是按钮元件放置的位置不同而已。制作主菜单其具体操作如下：（1）新建一个文件，设置场景大小为200×200像素，背景颜色为深绿色。（2）创建一个名为“主菜单”的按钮元件，进入按

4、钮元件编辑区。选中其中的“弹起”帧，单击矩形工具，在场景中绘制一个矩形，将填充色设为白-灰-白的线性渐变，并为其添加黑色的底纹，增加立体感。（3）用文本工具在矩形框上输入文字“文件”，并将其设置为“宋体、37、加粗”，如图16-4所示。（4）选择“指针经过”帧，按【F6】键插入一个关键帧，选中矩形的左边框和上边框，用墨水瓶工具将其设为白色，再将下边框和右边框的颜色设为土黄色，以使指针移到按钮上时有凸起效果。图16-4（5）在“按下”帧插入一个关键帧，调整左边框和上边框的颜色为土黄色，下边框和右边框的颜色为白色，并将文字“文件”稍微向右下方移动，使单击时有凹下效果，如图16-5所示。图16

5、-5制作菜单命令其具体操作如下：（1）按【F11】键打开库面板，选中“主菜单”元件，单击鼠标右键，在弹出的快捷菜单中选择“重制”命令，打开“复制元件”对话框，在其中的“名称”文本框中输入“新建”，单击按钮，得到“新建”元件，如图16-6所示。（2）用同样的方法得到“打开”、“关闭”、“保存”、“另存为”元件，“库”面板如图16-7所示。图16-7图16-6（3）双击“库”面板中“新建”前面的图标，进入“新建”元件编辑区，将每个帧的文字改为“新建”。（4）用同样的方法改变“打开”、“关闭”、“保存”、“另存为”元件中的文字。制作菜单动画片段其具体操作如下：（1）创建一个名为“弹出菜单”的影

6、片剪辑元件。（2）选中元件编辑区中的第1帧，打开“库”面板，拖动“主菜单”元件至编辑区中的适当位置。（3）在第2帧按【F6】键插入关键帧，分别把元件“打开”、“关闭”、“保存”、“另存为”拖放到编辑区中的适当位置，然后在“对齐”面板中单击按钮，对齐所有按钮，效果如图16-8所示。图16-8（4）为第1帧添加stop语句。选中第10帧，按【F6】键插入关键帧，在“动作”面板中添加语句gotoAndStop(1);。（5）选中第1帧中的“文件”按钮元件，在“动作”面板中为其添加如下语句：on(release){gotoAndStop(2);}//单击该按钮跳转并停止在第2帧（6）在第2帧中选

7、择“新建”按钮，在“动作”面板中添加如下语句：on(rollOut){gotoAndPlay(3);}//鼠标离开按钮时延迟一段时间后，回到第1帧，只显示主菜单按钮on(rollOver){gotoAndStop(2);}//光标停在各按钮上时，保持第2帧的状态（7）选中为“新建”按钮元件添加的语句，按【Ctrl+C】键复制语句。（8）选中“打开”按钮元件，在“动作”面板中按【Ctrl+V】键粘贴语句。用同样的方法将该语句粘贴到其他