Flash动画设计基础与应用 教学课件 李艳萍 宁跃飞 王辉 第10讲.docVIP

使用函数控制Flash动画 一、教学目的 1、掌握Flash编程的基础知识 2、了解常用的媒体控制命令 3、学会制作Loading动画 4、熟悉Flash编程环境，能够利用本讲知识制作一些简单的实例，为以后Flash编程设计打下基础。 二、知识点 了解Flash编程的环境。 了解常用的媒体控制命令。 学会制作Loading动画 三、教学过程 1、动作面板 择【窗口】→【动作】命令或者按下F9键，即可打开【动作】面板。 2、常用的媒体控制命令 play和stop命令 跳转命令goto 场景\帧跳转命令 stopAllSounds命令 3、超连接命令getURL 4、Loading的制作 四、案例分析 【案例一】美丽指针 第1步：创建指针 ? 打开“素材\ch10\美丽的指针.fla”影片源文件。连续两次单击【插入图层】按钮在时间轴中添加两个新图层，然后将3个图层分别命名为“b”“s”和“Act”如图10-59所示。 图10-59 插入图层 ? 在图层【b】的第一帧处单击并将图形元件【2008.jpg】从【库】面板中拖曳到舞台中，然后使用【属性】面板或者【信息】面板对实例的大小和位置进行调整，使其恰好覆盖整个舞台。如图10-60所示。 图10-60拖入元件并调整其位置和大小 ? 将图层【b】锁定并在图层【s】的第一帧处单击，将影片剪辑元件【鼠标】从【库】面板中拖曳到舞台中，然后在【属性】面板中的【实例名称】文本框将其命名为“tsb”。如图10-61所示。 图10-61【属性】面板 ? 在图层【Act】的第一帧处单击并按下F9键打开【动作】面板，在脚本动作编辑区域中输入以下代码： startDrag（“_root.tsb”,true,10,10,540,390）; 如图10-62所示。 图10-62【动作】面板 ? 按下Ctrl+Enter组合键打开预览窗口对影片进行预览，此时元件实例【鼠标】就会随着系统默认鼠标指针的移动而移动。如图10-63所示。 图10-63预览窗口 ? 在ActionScript中允许使用hide命令将系统默认的鼠标指针隐藏。打开【动作】面板，在上面的语句的后面添加一行代码： Mouse.hide(); 如图10-64所示。 图10-64【动作】面板 ? 再次按Ctrl+Enter组合键打开预览窗口对影片进行预览，此时系统将默认鼠标指针移动至影片预览窗口中，鼠标指针就会自动隐藏消失，取而代之的是原先舞台中的元件实例【鼠标】，看上去就像是一个形状很特别的指针一样。如图10-65所示。 图10-65预览窗口 第2步：为指针添加动作 ? 选中图层【b】，单击时间轴上的【插入图层】按钮在上方添加一个新图层并将其重命名为“car”，然后分别在图层【b】和图层【s】的第50帧处单击并按下F5键插入帧。如图10-66所示。 图10-66添加一个新图层 ? 将图层【s】和图层【Act】都锁定，然后在图层【car】的第1帧处单击，将图形元件【car】从【库】面板中拖曳到舞台中。对元件实例【car】的大小和位置进行调整，然后在图层【car】的第50帧处单击并按下F6键插入关键帧。如图10-67所示。 图10-67插入关键帧 ? 将第50帧中的元件实例【car】拖放到舞台的右侧，然后在第一帧到第49帧之间的任意一帧上单击鼠标右键，在弹出的快捷菜单中选择【创建补间动画】命令。如图10-68所示。 图10-68【创建补间动画】 ? 按下Ctrl+F3组合键打开【属性】面板，将【缓动】文本框的数值更改为“-60”。 如图10-69所示。 图10-69【属性】面板 ? 将图层【car】锁定并将图层【Act】解锁，然后选择【窗口】→【公用库】→【按钮】命令，打开【库-按钮.fla】.fla】.fla】】50px×455px”,在【背景颜色】下拉框中选择一个合适的舞台背景颜色。如图10-76所示。 图10-76【背景颜色】下拉框 ? 单击按钮关闭对话框。按下Ctrl+F8组合键打开【创建新元件】对话框，在【名称】文本框中输入“mfc”作为元件名称，然后选中【影片剪辑】单选按钮。如图10-77所示。 图10-77【创建新元件】对话框 ? 单击 按钮进入影片剪辑编辑窗口，单击工具箱中的【文本】工具 ，在工作区中绘制一个狭长的倒立三角形。如图10-78所示。 图10-78绘制一个狭长的倒立三角形 ? 单击工具箱中的【颜料桶】工具 并按下shift+F9组合键打开【颜色】面板，在【类型】下拉表中选择【线性】选项。如图10-79所示。 图10-79【颜色】面板 ? 在渐变色控制带的中间位置单击，增加一个渐变指针，然后将左端的渐变指针的RGB值设置为“200，8，0”； 将中间的渐变指针的RGB值设置为“201，155，55”；将右端的渐变指针的RGB值