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

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

(3)按【Ctrl+Enter】键播放动画,单击一下鼠 标,可以看到在原蝴蝶的左边出现了另外一只相同 的蝴蝶,同样在扇动翅膀,如图16-3所示。
在为影片剪辑添加语 句时,之所以将动画 片段hd1的x坐标增加 130 像素,是为了避 免两只蝴蝶的位置相 同,发生重叠。
图16-3
制作交互式菜单
制作主菜单 制作菜单命令 制作菜单动画片段
(5)在“按下”帧插 入一个关键帧,调整左 边框和上边框的颜色为 土黄色,下边框和右边 框的颜色为白色,并将 文字“文件”稍微向右 下方移动,使单击时有 凹下效果,如图16-5所 示。
图16-5
制作菜单命令
其具体操作如下:
(1)按【F11】键打开库面板,选中“主菜单” 元件,单击鼠标右键,在弹出的快捷菜单中选择 “重制”命令,打开“复制元件”对话框,在其中 的“名称”文本框中输入“新建”,单击 按钮, 得到“新建”元件,如图16-6所示。 ( 2 )用同样的方法得到“打开”、“关闭”、 “保存”、“另存为”元件,“库”面板如图16-7 所示。
(9)单击 回到场 景中,打开“库”面板, 将“弹出菜单”元件拖 放到场景中,按 【Ctrl+Enter】键测试 效果,如图16-9所示。
图16-9
自动载入其他动画
通过自动载入其他动画可以实现多个动画的 自动连续播放,载入动画需要用到loadMovieNum 语句。其语法格式如下: loadMovieNum("url",level[,variables]) 其中: url 是指要加载 SWF 文件的绝对或相对 URL 。 相对路径必须相对于级别0处的SWF文件。需要注 意的是,必须将所有的 SWF文件存储在同一个文 件夹中,并且其文件名不能包含文件夹或磁盘驱 动器说明。
(3)用文本工具 在矩 形框上输入文字“文件”, 并将其设置为“宋体、37、 加粗”,如图16-4所示。 (4)选择“指针经过” 帧,按【F6】键插入一个 关键帧,选中矩形的左边 框和上边框,用墨水瓶工 具 将其设为白色,再将 下边框和右边框的颜色设 为土黄色,以使指针移到 按钮上时有凸起效果。
图16-4
图16-2
( 2 )为了实现单击蝴蝶时出现两只蝴蝶的结果,选 中影片剪辑元件“蝴蝶”,在“动作”面板中输入如下语 句: onClipEvent (load) { 载入当前动画片段,即影片剪辑 “hd” fsmand("showmenu","false"); / 显示控制菜单 } onClipEvent (mouseUp) { // 鼠标左键 duplicateMovieClip(hd,hd1,0); // 复 片剪辑 hd ,生成 动画片段hd1,并将其置于与当前蝴蝶的同一层 setProperty(hd1,_x,x+130); //设置 片段hd1的x坐标增 加130像素 }
第 十六课 制作交互式动画
课堂讲解 上机实战 课后练习
课前导读
重点知识 提高知识
课堂讲解
控制动画对象的数量 制作交互式菜单 自动载入其他动画
Flash 动画的一个显著特性就是具有强大的 交互性,它使得用户不仅可以欣赏,也可以参与到 Flash动画中,通过单击按钮、选择选项等控制动 画的播放。本课将介绍制作交互式动画的方法。
交互式菜单有多种,如下拉菜单、 弹出式菜单、滑动式菜单等,下面制 作一个典型的弹出式菜单——“文件” 菜单,其他菜单的制作方法与此类似, 只是按钮元件放置的位置不同而已。
Βιβλιοθήκη Baidu
制作主菜单
其具体操作如下:
( 1 )新建一个文件,设置场景大小为 200×200 像素,背景颜色为深绿色。 (2)创建一个名为“主菜单”的按钮元件,进入 按钮元件编辑区。选中其中的“弹起”帧,单击矩 形工具 ,在场景中绘制一个矩形,将填充色设为 白 -灰- 白的线性渐变,并为其添加黑色的底纹,增 加立体感。
level是一个整数,用于指定SWF文件将加 载到Flash Player中的哪个级别。 variables 是一个可选参数,用于指定发送 变量所使用的方法。如果没有要发送的变量,则 省略此参数。 下面通过一个小实例来实现这种效果。在动 画的开始出现一个静止画面,显示说明性文字, 单击play按钮播放动画,当播放到第20帧时自动 载入下一个动画,其中要载入的动画和素材,大 家可以自己另外制作,也可以到 : .dx-kj. 下的 【下载专区】【程序代码】中下载。其具体操 作如下:
(6)在第2帧中选择“新建”按钮,在“动作”面板中添 加如下语句: on (rollOut) { gotoAndPlay(3); } 鼠标离开按钮时延迟一段时间后,回到第1帧,只显示主菜 单按钮 on (rollOver) { gotoAndStop(2); } / 标停在各按钮上时,保持第2帧的状态 ( 7 )选中为“新建”按钮元件添加的语句,按【Ctrl+C】 键复制语句。 (8)选中“打开”按钮元件,在“动作”面板中按 【Ctrl+V】键粘贴语句。用同样的方法将该语句粘贴到其他 按钮元件 。
控制动画对象的数量
下面通过一个小实例 来体会交互式动画的有趣之 处。首先打开在第10课课堂 讲解中制作的“采花粉的蝴 蝶”动画,如图16-1所示。 下面实现在单击花丛中的蝴 蝶时增加一个蝴蝶的效果, 其具体操作如下。
图16-1
(1)选中动画中的影 片剪辑元件“蝴蝶”, 在“属性”面板中将实 例名称设为“hd”,如 “图16-2所示。
(3) 在第2帧按【F6】 键插入关键帧,分别把 元件“打开”、“关 闭”、“保存”、“另 存为”拖放到编辑区中 的适当位置,然后在 “对齐”面板中单击 按钮,对齐所有按钮, 效果如图16-8所示。
图16-8
(4)为第1帧添加stop语句。选中第10帧,按 【F6】键插入关键帧,在“动作”面板中添加语句 gotoAndStop(1);。 (5)选中第1帧中的“文件”按钮元件,在“动 作”面板中为其添加如下语句: on (release) { gotoAndStop(2); } 单击该按钮跳转并停止在第2帧
图16-6
图16-7
(3)双击“库”面板中“新建”前面的 图标,进入“新建”元件编辑区,将每个帧 的文字改为“新建”。 (4)用同样的方法改变“打开”、“关 闭”、“保存”、“另存为”元件中的文字。
制作菜单动画片段
其具体操作如下:
(1)创建一个名为“弹出菜单”的影片剪辑元件。 (2)选中元件编辑区中的第 1 帧,打开“库”面 板,拖动“主菜单”元件至编辑区中的适当位置。
相关文档
最新文档