第4章 交互式动画

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

1、第4章交互式动画4.1交互式动画原理所谓交互式动画是指用户可以参与控制、操作的动画。在Flash中，交互式动画是通过ActionScript脚本语言编程实现的。有以下三类交互动画：l按钮动作：通过ActionScript在按钮上添加交互功能。l帧动作：通过ActionScript在帧上添加交互功能。l电影剪辑：通过ActionScript在电影剪辑（片段）上添加交互功能。4.2按钮动作4.2.1制作思路1、在符号库中创建一个“按钮类”的符号；2、将按钮拖到场景中；3、为按钮添加动作（ActionScript编程）。【例4.2-1】制作一个按钮，超级链接到

2、某网站。要求：1、掌握按钮类符号的创建、编辑方法。2、初步了解为按钮添加动作（ActionScript编程）的方法。步骤：1、按Ctrl+L打开符号库，单击+按钮，新建一个“按钮类”符号。2、绘制按钮符号。按钮类符号一共只有4个关键帧，分别表示鼠标的3种状态：一般、经过、按下）和响应区。l一般（Up）：按钮未被按下（抬起Up）时的状态。l经过（Over）：鼠标划过按钮（但未按下）时的状态。l按下（Press）：按下（单击鼠标左键）按钮时的状态。l反应区：有效的点击区域（响应区、热区）。绘制按钮符号就是在这4帧中分别画出按钮的形状、改变其颜色等编辑工作。3

3、、9返回场景1，从符号库中将按钮拖到图层1的第1帧舞台上，创建一个按钮的实例。将“图层1“重命名为“按钮层”。1、为按钮添加动作（ActionScript编程）：在按钮实例上单击鼠标右键，选取“动作”菜单项，按图4.2-1所示进行设置。图4.2-12、按下Ctrl+Enter键测试效果。3、在按钮上添加文字：在按钮层上新建一个“文字层”，并输入文字“我的网站”，调整好位置，使之位于按钮上。按下Ctrl+Enter键测试效果。4、按同样的方法，再创建一个按钮实例，命名为“我的邮箱”。在弹出的对象动作窗口中的URL栏中输入“mailto:12fwebmast

4、er@163.com”。按下Ctrl+Enter键测试效果。关于ActionScript语句说明：1、在按钮上单击鼠标时，在新窗口中打开网址为“12f.netroom.hbu.edu.cn”的网页。相应的ActionScript语句为：on(release){getURL("http://12f.netroom.hbu.edu.cn","_blank");}2、在按钮上单击鼠标时，即启动OutLookExpress，并自动输入收件人的地址“12fwebmaster@163.com”。相应的ActionScript语句为：on(release){getUR

5、L("mailto:12fwebmaster@163.com");}4.2.1常见的按钮事件9事件含义Press按下时触发该事件Release单击、释放后触发该事件ReleaseOutside单击、在按钮外释放后触发该事件RollOver鼠标划过按钮时触发该事件RollOut鼠标移出按钮时触发该事件DragOver按下鼠标并拖动到按钮上时触发该事件DragOut按下鼠标并拖动到按钮外时触发该事件KeyPress按下键盘指定键时触发该事件4.3帧动作我们可以给关键帧、空白关键帧等添加动作（Action），让动画播放到此帧时执行指定的操作。【例4.3-1】要

6、求：初步掌握为帧添加动作（ActionScript编程）的2种方法。步骤：1、制作或调入一个沿轨迹运动的动画，如：例3.4-1运动的小球。2、插入一个新的图层，命名为“动作层”。在第30帧插入一个关键帧（或空白关键帧）。1、为关键帧添加动作（ActionScript编程）：在按此关键帧上单击鼠标右键，选取“动作”菜单项，按图4.3-1所示进行设置。图4.3-13、按下Ctrl+Enter键测试效果。4、在第5帧插入关键帧，在“帧”面板中，设置其标签为“Start”，9将第30帧的动作gotoAndPlay(10)改为gotoAndPlay("start"

7、)。说明：1、当动画执行到第30帧时，表示转到并播放第10帧——gotoAndPlay(10)。2、帧有两种表示方法：数值，字符。使用gotoAndPlay（）语句时，应注意选择类型：帧编号——数值；帧标签——字符。3、一定要选中“转到并播放（G）”复选框（打“√”的状态）。图4.3-21、按下Ctrl+Enter键测试效果。【例4.3-2】按钮动作与帧动作综合运用1、创建一个位移渐变动画。2、在第1帧前插入一个关键帧，并为其添加动作：“stop();”。3、创建一个按钮类符号，新建一层，命名为“按钮层”。在其第1帧中创建两个该按钮的实例。一个叫“开始”

8、按钮，一个叫“停止”按钮。4、为按钮添加如下动作：按钮动作含义“开始”按钮on(