第二十六讲 高级脚本编程—交互式动画一、教学目的与要求通过对本...

第二十六讲高级脚本编程交互式动画一、教学目的与要求：通过对本堂课的学习，使学生熟练掌握如何用FLASH行为脚本制作交互式动画。二、教学重点与难点：1）基本概念2）交互式动画三、教学方式：任务导向式四、课时：2课时,本讲逻辑结构,26.1ActionScript的基本概念26.1.1对象、方法和属性26.1.2路径和阶层26.2实现交互式动画26.2.1按钮事件26.2.2影片剪辑事件,26.1.1ActionScript的基本概念,对象是指程序代码和数据的结合。在对象中，一段一段的程序称为方法。对象内的数据或信息称为属性。,26.1.2路径和阶层,一、路径路径可分为两种：绝对路径：相对路径：二、阶层阶层专门用于【载入影片剪辑（loadMovie）】以及【复制影片剪辑（duplicateMovieClip）】。,26.2实现交互式动画,交互由两个基本部分组成：行为（或称动作，即发生了什么）原因（即什么导致行为的发生）,26.2.1按钮事件,由按钮控制播放的小例子，具体步骤如下：1、新建一个文件，将背景设置为深蓝色。2、新建一个【影片剪辑】元件，将其命名为“变形”，如图所示。,26.2.1按钮事件,3、选择【椭圆工具】，将【笔触颜色】设置为无色，将【填充颜色】设置为绿色渐变，在舞台上绘制一个绿球，将其移动到舞台的左上角。4、在第20帧处插入关键帧。将绿球删除，用【矩形工具】绘制一个无线条的矩形，用彩虹色填充，然后用【箭头工具】将其变形为一个上箭头。,26.2.1按钮事件,5、在第40帧处插入关键帧。将箭头删除，用【铅笔工具】绘制一只小鸟，用渐变色填充。最后用【箭头工具】将其移到舞台的右上角。6、分别选择第1帧和第20帧，将属性面板中的【补间】设置为【形状】，并单击时间轴下方的编辑多帧按钮显示全部关键帧。此时的时间轴和舞台中的对象如图所示。,26.2.1按钮事件,26.2.1按钮事件,7、选择第1帧，按【F9】键打开【动作-帧(Actions-Frame)】面板，在代码编辑区中输入stop()语句。,26.2.1按钮事件,8、切换到主场景【场景1】中，从元件库面板中将“变形”元件拖到舞台中，然后在属性面板中将该实例命名为shape_mc，如图所示。,26.2.1按钮事件,9、打开公用库，从中找到如图所示的按钮。,26.2.1按钮事件,26、将上图所示的按钮及其下方的按钮拖到舞台中，排列在影片剪辑元件的下方，用【文本工具】为两个按钮写上注释，如图所示。,26.2.1按钮事件,11、用鼠标右击舞台左侧的【Play】按钮，在快捷菜单中选择【动作】命令，打开【动作-按钮（Ations-Button）】面板，转到专家模式。双击左侧命令列表中的【on】，然后从弹出的语句提示列表中双击【release】，如图所示，将其加到当前光标处。,26.2.1按钮事件,26.2.1按钮事件,12、将光标移到第2行，输入shape_mc.，此时会弹出与其相对应的语句提示列表，从中双击play，如图所示，将其加到代码行中。,26.2.1按钮事件,13、当第2行代码输入完成后，在语句后加一个分号“；”，再按回车键将下半个大括号移到第3行。如图所示。,26.2.1按钮事件,14、用同样的方法为【stop】按钮添加如下语句：on(release)shape_mc.stop()15、将该文件保存为“变形控制”。16、按【Ctrl+Enter】组合键测试影片。,26.2.2影片剪辑事件,将对前面制作的“变形控制”动画稍加修改，用【startDrag】指令来使动画随鼠标移动，从而介绍影片剪辑事件的用法，具体操作如下：1、按【Ctrl+O】组合键打开“变形控制”动画文件。2、双击元件库面板中的“变形”影片剪辑元件，进入该元件的编辑状态。,26.2.2影片剪辑事件,3、选择第1帧，按【F9】键打开【动作】面板，将其中的stop()语句选中后删除。4、选择第1帧，用【箭头工具】将该帧中的绿球移到编辑区的中心，如图所示。,26.2.2影片剪辑事件,5、用同样的方法将第20帧和第40帧处的图形也移到编辑区的中心。6、单击舞台左上角的【场景1】按钮切换到主场景中，单击舞台中的shape_mc实例，按【F9】键打开【动作-影片剪辑（Actions-MovieClip）】面板。,26.2.2影片剪辑事件,7、将左侧指令添加到右侧的代码编辑区中，从参数区中选择【鼠标移动（Mousemove）】，如图所示。,26.2.2影片剪辑事件,8、双击左侧指令集中的【startDrag】，在右侧参数区的【目标（Target）】栏中填写目标的名称“/shape_mc”，其他设置如图所示。,本讲练习题,选择题1、如果某元件名的后缀为_mc，表示该实例元件为（）。A.图形元件B.按钮元件C.影片剪辑元件,C,本讲练习题,2、在使用ActionScript程序时经常用到对象、属性、方法三个概念，其中（）可以是程序里的任何元素，（）可以是用户定义的也可以是编程语言预定义的，它们具有可变的和可以访问的特性。A.对象B.属性C.方法D.值,A,A,本讲练习题,3、每个影片剪辑实例都有可定义的属性或是状态，这些属性或