第4章 交互式动画
4.1 交互式动画原理
所谓交互式动画是指用户可以参与控制、操作的动画。在Flash中，交互式动画是通过ActionScript脚本语言编程实现的。有以下三类交互动画：
●按钮动作：通过ActionScript在按钮上添加交互功能。
●帧 动 作：通过ActionScript在帧上添加交互功能。
●电影剪辑：通过ActionScript在电影剪辑（片段）上添加交互功能。
私家车有报废年限吗4.2 按钮动作
制作思路
1、在符号库中创建一个“按钮类”的符号；
2、将按钮拖到场景中；
3、为按钮添加动作（ActionScript编程）。
【例4.2-1】制作一个按钮，超级链接到某网站。
要求：1、掌握按钮类符号的创建、编辑方法。2、初步了解为按钮添加动作（ActionScript编程）的方法。
步骤：
1、按Ctrl+L打开符号库，单击+按钮，新建一个“按钮类”符号。
2、绘制按钮符号。按钮类符号一共只有4个关键帧，分别表示鼠标的3种状态：一般、经过、按下）和响应区。
●一般（Up ）：按钮未被按下（抬起Up）时的状态。
●经过（Over）：鼠标划过按钮（但未按下）时的状态。
●按下（Press）：按下（单击鼠标左键）按钮时的状态。
●反应区：有效的点击区域（响应区、热区）。
绘制按钮符号就是在这4帧中分别画出按钮的形状、改变其颜等编辑工作。
3、返回场景1，从符号库中将按钮拖到图层1的第1帧舞台上，创建一个按钮的实例。将“图层1“重命名为“按钮层”。
4、为按钮添加动作（ActionScript编程）：在按钮实例上单击鼠标右键，选取“动作”菜单项，按图4.2-1所示进行设置。
图4.2-1
5、按下Ctrl+Enter键测试效果。
6、在按钮上添加文字：在按钮层上新建一个“文字层”，并输入文字“我的网站”，调整好位置，使之位于按钮上。按下Ctrl+Enter键测试效果。
7、按同样的方法，再创建一个按钮实例，命名为“我的邮箱”。在弹出的对象动作窗口中的URL栏中输入“”。按下Ctrl+Enter键测试效果。
关于ActionScript语句说明：
1、在按钮上单击鼠标时，在新窗口中打开网址为“12f”的网页。相应的ActionScript语句为：
on (release) {
getURL ("12f
}
感恩节的唯美句子2、在按钮上单击鼠标时，即启动OutLook Express，并自动输入收件人的地址“”。相应的ActionScript语句为：
on (release) {
getURL ("mailto:12fwebmaster@163");
}
常见的按钮事件
事件 | 含义 |
Press | 按下时触发该事件 |
Release | 单击、释放后触发该事件 |
Release Outside | 单击、在按钮外释放后触发该事件 |
Roll Over | 鼠标划过按钮时触发该事件 |
Roll Out | 鼠标移出按钮时触发该事件 |
Drag Over | 注册怎么注册按下鼠标并拖动到按钮上时触发该事件 |
Drag Out | 按下鼠标并拖动到按钮外时触发该事件 |
Key Press | 按下键盘指定键时触发该事件 |
4.3 帧动作
我们可以给关键帧、空白关键帧等添加动作（Action），让动画播放到此帧时执行指定的操作。
【例4.3-1】
要求：初步掌握为帧添加动作（ActionScript编程）的2种方法。
步骤：
1、制作或调入一个沿轨迹运动的动画，如：例3.4-1运动的小球。
2、插入一个新的图层，命名为“动作层”。在第30帧插入一个关键帧（或空白关键帧）。
8、为关键帧添加动作（ActionScript编程）：在按此关键帧上单击鼠标右键，选取“动作”菜单项，按图4.3-1所示进行设置。
图4.3-1
3、按下Ctrl+Enter键测试效果。
4、在第5帧插入关键帧，在“帧”面板中，设置其标签为 “Start”，将第30帧的动作gotoAndPlay(10)改为gotoAndPlay ("start")。
说明：糯米泡多久可以包粽子?
1、当动画执行到第30帧时，表示转到并播放第10帧——gotoAndPlay(10)。
2、帧有两种表示方法：数值，字符。使用gotoAndPlay（）语句时，应注意选择类型：帧编号——数值； 帧标签——字符。
3、一定要选中“转到并播放（G）”复选框（打“√”的状态）。
图4.3-2
5、按下Ctrl+Enter键测试效果。
【例4.3-2】按钮动作与帧动作综合运用
1、创建一个位移渐变动画。
2、在第1帧前插入一个关键帧，并为其添加动作：“stop ();”。
3、创建一个按钮类符号，新建一层，命名为“按钮层”。在其第1帧中创建两个该按钮的实例。一个叫“开始”按钮，一个叫“停止”按钮。
4、为按钮添加如下动作：
按钮 | 动作 | 含义 |
“开始” 按钮 | on (release) { play (); } | 点击时播放动画 |
“停止”按钮 | on (release) { stop (); } | 点击时停止动画 |
5、按下Ctrl+Enter键测试效果。
4.4 电影剪辑动作
电影剪辑概念及其特点
电影剪辑（Movie Clip）是Flash中的一个独立的电影片段。电影剪辑存放在符号库中。电影剪辑具有如下特点：
1、可以嵌套——一个电影剪辑中又可以包含另一个电影剪辑。
2、拥有自己的时间轴，其播放可不受主时间轴的影响。具有很强的独立性。
3、可以使用ActionScript脚本语言编程对电影剪辑进行控制。Flash5中新增的电影剪辑事件允许直接在电影剪辑上编写命令代码。
制作思路
1、在符号库中创建一个“影片剪辑” 类的符号；
2、将其拖到场景中；
3、为其添加动作（ActionScript编程）。
【例4.4-1】设置鼠标指针的样式
1、绘制或导入一个鼠标“图形”符号。
2、按Ctrl+F8键，新建一个“影片剪辑”类的符号。将图形符号拖到该影片剪辑的第1帧舞台上。选取第20帧，按F6键插入一个关键帧，创建一个顺时针自旋转的移动渐变动画。
3、返回场景1中，将影片剪辑符号拖到第1帧舞台上，并其添加如下动作：
（1）动作→onClipEvent→选取“导入帧”单选框。图4.4-1。
图4.4-1
（2）设置影片剪辑实例的x 轴坐标：
选取“动作”→“setProperty”→在属性栏中选取“_x (x轴)”；在目标栏中输入“This”，勾选中其右侧“表达式”复选框；在值栏中输入“_root._xmouse”，勾选中其右侧“表达式”复选框。图4.4-2。
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论