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

第 十六课 制作交互式动画 课前导读 重点知识 提高知识 课堂讲解 控制动画对象的数量 制作交互式菜单 自动载入其他动画 Flash动画的一个显著特性就是具有强大的交互性，它使得用户不仅可以欣赏，也可以参与到Flash动画中，通过单击按钮、选择选项等控制动画的播放。本课将介绍制作交互式动画的方法。 控制动画对象的数量 下面通过一个小实例来体会交互式动画的有趣之处。首先打开在第10课课堂讲解中制作的“采花粉的蝴蝶”动画，如图16-1所示。下面实现在单击花丛中的蝴蝶时增加一个蝴蝶的效果，其具体操作如下。 （1）选中动画中的影片剪辑元件“蝴蝶”，在“属性”面板中将实例名称设为“hd”，如“图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+Enter】键播放动画，单击一下鼠标，可以看到在原蝴蝶的左边出现了另外一只相同的蝴蝶，同样在扇动翅膀，如图16-3所示。 制作交互式菜单 制作主菜单 制作菜单命令 制作菜单动画片段 交互式菜单有多种，如下拉菜单、弹出式菜单、滑动式菜单等，下面制作一个典型的弹出式菜单——“文件”菜单，其他菜单的制作方法与此类似，只是按钮元件放置的位置不同而已。 制作主菜单 其具体操作如下： （1）新建一个文件，设置场景大小为200×200像素，背景颜色为深绿色。 （2）创建一个名为“主菜单”的按钮元件，进入按钮元件编辑区。选中其中的“弹起”帧，单击矩形工具 ，在场景中绘制一个矩形，将填充色设为白-灰-白的线性渐变，并为其添加黑色的底纹，增加立体感。 （3）用文本工具 在矩形框上输入文字“文件”，并将其设置为“宋体、37、加粗”，如图16-4所示。 （4）选择“指针经过”帧，按【F6】键插入一个关键帧，选中矩形的左边框和上边框，用墨水瓶工具 将其设为白色，再将下边框和右边框的颜色设为土黄色，以使指针移到按钮上时有凸起效果。 （5）在“按下”帧插入一个关键帧，调整左边框和上边框的颜色为土黄色，下边框和右边框的颜色为白色，并将文字“文件”稍微向右下方移动，使单击时有凹下效果，如图16-5所示。 制作菜单命令 其具体操作如下： （1）按【F11】键打开库面板，选中“主菜单”元件，单击鼠标右键，在弹出的快捷菜单中选择“重制”命令，打开“复制元件”对话框，在其中的“名称”文本框中输入“新建”，单击 按钮，得到“新建”元件，如图16-6所示。 （2）用同样的方法得到“打开”、“关闭”、“保存”、“另存为”元件，“库”面板如图16-7所示。 （3）双击“库”面板中“新建”前面的 图标，进入“新建”元件编辑区，将每个帧的文字改为“新建”。 （4）用同样的方法改变“打开”、“关闭”、“保存”、“另存为”元件中的文字。 制作菜单动画片段 其具体操作如下： （1）创建一个名为“弹出菜单”的影片剪辑元件。 （2）选中元件编辑区中的第1帧，打开“库”面板，拖动“主菜单”元件至编辑区中的适当位置。 （3） 在第2帧按【F6】键插入关键帧，分别把元件“打开”、“关闭”、“保存”、“另存为”拖放到编辑区中的适当位置，然后在“对齐”面板中单击 按钮，对齐所有按钮，效果如图16-8所示。 （4）为第1帧添加stop语句。选中第10帧，按【F6】键插入关键帧，在“动作”面板中添加语句gotoAndStop(1);。 （5）选中第1帧中的“文件”按钮元件，在“动作”面板中为其添加如下语句： on (release) { gotoAndStop(2); } //单击该按钮跳转并停止在第2帧 （6）在第2帧中选择“新建”按钮，在“动作”面板中添加如下语句： on (rollOut) { go