第4章 交互式画.docVIP

第4章 交互式动画 4.1 交互式动画原理 所谓交互式动画是指用户可以参与控制、操作的动画。在Flash中，交互式动画是通过ActionScript脚本语言编程实现的。有以下三类交互动画： 按钮动作：通过ActionScript在按钮上添加交互功能。 帧 动 作：通过ActionScript在帧上添加交互功能。 电影剪辑：通过ActionScript在电影剪辑（片段）上添加交互功能。 4.2 按钮动作 4.2.1制作思路 1、在符号库中创建一个“按钮类”的符号； 2、将按钮拖到场景中； 3、为按钮添加动作（ActionScript编程）。 【例4.2-1】制作一个按钮，超级链接到某网站。 要求：1、掌握按钮类符号的创建、编辑方法。2、初步了解为按钮添加动作（ActionScript编程）的方法。 步骤： 按Ctrl+L打开符号库，单击+按钮，新建一个“按钮类”符号。 绘制按钮符号。按钮类符号一共只有4个关键帧，分别表示鼠标的3种状态：一般、经过、按下）和响应区。 一般（Up ）：按钮未被按下（抬起Up）时的状态。 经过（Over）：鼠标划过按钮（但未按下）时的状态。 按下（Press）：按下（单击鼠标左键）按钮时的状态。 反应区：有效的点击区域（响应区、热区）。 绘制按钮符号就是在这4帧中分别画出按钮的形状、改变其颜色等编辑工作。 返回场景1，从符号库中将按钮拖到图层1的第1帧舞台上，创建一个按钮的实例。将“图层1“重命名为“按钮层”。 为按钮添加动作（ActionScript编程）：在按钮实例上单击鼠标右键，选取“动作”菜单项，按图4.2-1所示进行设置。 图4.2-1 按下Ctrl+Enter键测试效果。 在按钮上添加文字：在按钮层上新建一个“文字层”，并输入文字“我的网站”，调整好位置，使之位于按钮上。按下Ctrl+Enter键测试效果。 按同样的方法，再创建一个按钮实例，命名为“我的邮箱”。在弹出的对象动作窗口中的URL栏中输入“mailto:12fwebmaster@163.com”。按下Ctrl+Enter键测试效果。 关于ActionScript语句说明： 在按钮上单击鼠标时，在新窗口中打开网址为“12”的网页。相应的ActionScript语句为： on (release) { getURL (http://12, _blank); } 在按钮上单击鼠标时，即启动OutLook Express，并自动输入收件人的地址“12fwebmaster@163.com”。相应的ActionScript语句为： on (release) { getURL (mailto:12fwebmaster@163.com); } 4.2.1 常见的按钮事件 事件 含义 Press 按下时触发该事件 Release 单击、释放后触发该事件 Release Outside 单击、在按钮外释放后触发该事件 Roll Over 鼠标划过按钮时触发该事件 Roll Out 鼠标移出按钮时触发该事件 Drag Over 按下鼠标并拖动到按钮上时触发该事件 Drag Out 按下鼠标并拖动到按钮外时触发该事件 Key Press 按下键盘指定键时触发该事件 4.3 帧动作 我们可以给关键帧、空白关键帧等添加动作（Action），让动画播放到此帧时执行指定的操作。 【例4.3-1】 要求：初步掌握为帧添加动作（ActionScript编程）的2种方法。 步骤： 制作或调入一个沿轨迹运动的动画，如：例3.4-1运动的小球，gotoAndPlay (start)。 说明： 1、当动画执行到第30帧时，表示转到并播放第10帧——gotoAndPlay(10)。 2、帧有两种表示方法：数值，字符。使用gotoAndPlay（）语句时，应注意选择类型：帧编号——数值； 帧标签——字符。 3、一定要选中“转到并播放（G）”复选框（打“√”的状态）。 图4.3-2 按下Ctrl+Enter键测试效果。 【例4.3-2】按钮动作与帧动作综合运用 创建一个位移渐变动画。 在第1帧前插入一个关键帧，并为其添加动作：“stop ();”。 创建一个按钮类符号，新建一层，命名为“按钮层”。在其第1帧中创建两个该按钮的实例。一个叫“开始”按钮，一个叫“停止”按钮。 为按钮添加如下动作： 按钮 动作 含义 “开始” 按钮 on (release) { play (); } 点击时播放动画 “停止”按钮 on (release) { stop (); } 点击时停止动画 按下Ctrl+Enter键测试效果。 4.4 电影剪辑动作 4.4.1 电影剪辑概念及其特