Flash 8中文版实用教程(第2版) 07 ActionScript 2.0动画编程

1、理解的基本概念 。熟悉的基本语法 。掌握常用内置函数的用法 。 本章学习要求 项目七 动画编程任务一 初识任务二 常用内置函数 任务三 【突破提高】制作“接黄金” 本章大纲任务一 初识（一） 的基本概念 1、基本术语（1）语法；（2）语句；（3）类；（4）动作；（5）表达式；（6）事件。事件可以由用户或系统触发，一般可以划分为以下几类 ：鼠标和键盘事件；剪辑事件；帧事件；标识符。（7）实例；（8）实例名称；（9）关键字；（10）对象；（11）属性；（12）方法；（13）标点符号；（14）布尔值。2、语言规则（1）点语法；（2）大括号；（3）分号；（4）大小写字母；（5）注释；（6）关键字。3、

2、常量、变量和数据类型（1）常量，常量值有3种数据类型：数值型、字符串型和逻辑型。（2）变量： 变量命名规则； 变量的范围。（3）数据类型： 字符串（String）； 数字型（Number）； 布尔型（Boolean）； 对象型（Object）； 影片剪辑型（MovieClip）； 空值（null）； 未定义型（undefined）。（二） 语法规则1、运算符和表达式（1）运算符 表7-1 运算符比较操作符算术操作符逻辑操作符字符串操作符位操作符操作符操作操作符操作操作符操作操作符操作操作符操作大于-减|逻辑或Eq字符串相等|按位或=大于等于/除Lt小于按位取非!=()不等于%取模Le小于等于右

3、移-自减Qe大于等于右移后空位用0补（2）表达式： 算术表达式； 字符串表达式； 关系表达式； 逻辑表达式。2、程序控制结构（1）顺序结构；（2）选择结构；（3）循环结构： while结构； dowhile结构； for结构。3、函数 函数是用来对常量、变量等进行某种运算的方法，如产生随机数、进行数值运算、获取对象属性等。如果将参数传递给函数，则函数会对这些值执行运算。函数也可以返回值。任务二 常用内置函数 （一） 【知识准备】认识常用内置函数1、时间轴控制函数 新建一个Flash 8文档，选中图层1的第1帧，然后按F9键打开【动作帧】面板，依次展开左边窗口内的【全局函数】【时间轴控制】选项，

4、即可参看所有的时间轴控制函数，如图7-1所示 。图7-1 【动作帧】面板 表7-2 时间轴控制函数说明 函数作用gotoAndPlay(n)将播放头转到场景中第n帧并从该帧开始播放，n为要调整的帧数gotoAndStop(n)将播放头转到场景中第n帧并停止播放nextFrame()将播放头转到下一帧nextScene()将播放头转到下一场景的第1帧play()在时间轴中向前移动播放头prevFrame()将播放头转到上一帧prevScene()将播放头转到上一场景的第 1 帧stop()停止当前正在播放的 SWF 文件stopAllSounds()在不停止播放头的情况下停止 SWF 文件中当前

5、正在播放的所有声音2、影片剪辑控制函数 在【动作帧】面板中，依次展开左边窗口内的【全局函数】【影片剪辑控制】选项，即可参看所有的影片剪辑控制函数，如图7-2所示 。 图7-2 影片剪辑控制函数 表7-3 影片剪辑控制函数说明函数作用duplicateMovieClip()当 SWF 文件正在播放时，创建一个影片剪辑的实例getProperty()返回影片剪辑指定的属性值on () 指定触发动作的鼠标事件或按键onClipEvent () 触发为特定影片剪辑实例定义的动作setProperty()当影片剪辑播放时，更改影片剪辑的属性值startDrag()使影片剪辑在影片播放过程中可拖动stop

6、Drag()停止当前的拖动操作targetPath()返回一个字符串，其中包含指定影片剪辑的目标路径updateAfterEvent()在 onClipEvent()处理函数内调用此函数时，将更新显示（与为影片设置的每秒帧数无关）（二） 【典型案例】制作“精美课件” 【设计效果】 本案例将使用时间轴控制函数和影片剪辑控制函数设计制作一个精美的课件，其设计思路及效果如图7-3所示。图7-3 制作思路及效果 打开模板进行分析添加帧控制代码添加按钮控制代码【操作步骤】1、打开素材文件。（1）选择【文件】/【打开】命令，将教学素材中的“素材项目七精美课件精美课件素材.fla”文件打开，舞台效果如图7-

7、4所示 。该文件有4个图层，如图7-5所示。其中 “特效”、“按钮”和“背景”图层中的内容都固定不变，通过在 “课件内容”图层中制作内容不同的关键帧来展示知识点。目前没有添加任何控制代码，测试影片可以发现课件从头到尾进行循环播放，下面就将使用代码控制课件的播放。 图7-4 舞台效果 图7-5 图层 2、添加帧控制代码。（1）在“特效”图层之上新建一个图层并重命名为“AS代码”图层，选中第1帧，按F9键打开【动作帧】面板，如图7-6所示。（2）然后在【动作帧】面板中输入控制代码。fscommand命令函数使得SWF文件能与Flash Player进行通信，其使用方法为fscommand(comm

8、and,parameters)，command预定义命令和parameters参数可能的取值和实现的功能如表7-4所示。可用性范围如下。表中描述的命令在Web播放器中都不可用。所有命令在独立的应用程序中都可用。exec命令在测试影片播放器中可用。表8-4 fscommand预定义命令、参数和功能command命令parameters参数实现功能quite无关闭放映文件fullscreentrue 或false指定 true 可将 Flash Player 设置为全屏模式。指定 false 可将播放器返回到标准菜单视图showmenutrue 或 false指定 true 可启用整个上下文菜单项

9、集合。指定 false 将隐藏除“关于 Flash Player”和“设置”外的所有上下文菜单项exec应用程序的路径在放映文件内执行应用程序trapallkeystrue 或 false指定 true 可将所有按键事件发送到 Flash Player中的onClipEvent(keyDown/keyUp)处理函数（3）输入完成后，“AS代码”图层的第1帧显示如图7-7所示。图7-6 动作帧面板 图7-6 输入帧控制代码 3、添加按钮控制代码。 选中舞台左下角的“上一页”按钮元件，按F9键打开【动作-按钮】面板，输入控制代码 。（2）选中“下一页”按钮元件，按F9键打开【动作按钮】面板，输入以

10、下控制代码。（3）选中舞台右下角的“返回”按钮元件，按F9键打开【动作按钮】面板，输入以下控制代码。（4）选中“退出”按钮元件，按F9键打开【动作按钮】面板，输入以下控制代码。（5）保存并测试影片，即可通过单击控制按钮实现课件的跳转。测试影片时会发现课件并不会全屏显示，单击关闭按钮也不会退出，要验证这些代码的执行效果，需要到最终结果文件保存目录，双击“精美课件.swf”文件运行 。案 例 小 结 本案例通过制作一个精美课件讲述了以下知识点。 基础知识：时间轴控制函数的使用方法；使用代码制作按钮的方法。（三） 【典型案例】制作“梦幻花瓣飘落特效” 图7-8 制作思路及效果 【设计效果】本案例设计

11、效果如图7-8所示。 导入背景图绘制花瓣制作旋转动画代码实现随即飘落代码实现复制花瓣最终效果 【操作步骤】1、设计动画背景。（1）新建一个Flash文档，（2）将“图层1”重命名为“背景”，选择【文件】/【导入】/【导入到舞台】命令，将教学素材中的“素材项目七梦幻花瓣飘落特效背景.png”文件导入到舞台中，效果如图7-9所示。图7-9 背景图片 2、制作花瓣。（1）新建一个影片剪辑元件并命名为“花瓣”（2）使用绘图工具绘制一朵花瓣，【填充颜色】和【笔触颜色】分别如图7-10所示。（3）新建一个影片剪辑元件并命名为“旋转的花瓣”，（4）将【库】面板中的“花瓣”元件拖入编辑区并居中对齐，在“图层1

12、”图层的第12帧处插入关键帧，在【变形】面板中设置元件的【倾斜】参数，如图7-11所示。图7-10 绘制的花瓣 图7-11 设置元件倾斜参数 （5）在“图层1”图层的第1帧处创建动作补间动画，在【属性】面板中设置【旋转】参数，如图7-12所示 。图7-12 设置旋转参数 3、使用控制代码创建动画。（1）新建一个影片剪辑元件并命名为“花瓣飘落”（2）将【库】面板中的“旋转的花瓣”元件拖入编辑区并相对舞台居中对齐（3）新建一个图层并重命名为“AS代码”图层，选中第1帧，按F9键打开【动作帧】面板，输入控制代码。在教学素材“素材项目七梦幻花瓣飘落特效元件内部代码.txt”中提供了此处的代码 。（4）

13、返回主场景，在【库】面板中用鼠标右键单击“花瓣飘落”元件，在弹出的快捷菜单中选择【链接】命令，打开【链接属性】对话框，勾选【为ActionScript导出】复选框，在【标识符】文本框中输入“Petal”，【链接属性】对话框中各参数的设置如图7-13所示（5）在“背景”图层之上新建一个图层并重命名为“AS代码”图层，选中第1帧，按F9键打开【动作帧】面板，输入控制代码。（6）保存并测试影片，带有梦幻感觉的花瓣飘落效果制作完成。图7-13 设置元件链接属性 在教学素材“素材项目七梦幻花瓣飘落特效主场景第一帧代码.txt”中提供了此处的代码。 案 例 小 结 本案例通过制作一个花瓣飘落的效果讲述了以

14、下知识点。 表现技巧：获取随机数的方法；使用代码控制元件位置的方法；使用代码加载影片剪辑元件的方法。任务三 【突破提高】制作“接黄金” 【设计效果】 本案例将使用代码来制作一个小游戏，其设计思路及效果如图7-14所示。 打开模板制作文字显示制作按钮输入控制代码最终效果1最终效果2图7-14 制作思路及效果 【操作步骤】1、打开素材文件。2、加入文本框。（1）在所有图层的第2帧处插入帧。（2）在“黄金”图层之上新建一个图层并重命名为“文本框”图层（3）选中“文本框”图层第1帧，选择【文本】工具。（4）在舞台中输入文字“得分：”。（5）使用相同的文本设置，在舞台中输入文字“剩余数：”，舞台效果如图

15、7-15所示。图7-15 加入静态文本 （6）选择【文本】工具，设置【文本类型】为“动态文本”，在舞台中添加两个动态文本框，并分别放置于“得分：”和“剩余数：”的后面，如图7-16所示 。图7-16 加入动态文本 （7）选中“得分：”后面的动态文本框，在【属性】面板中设置【变量】为“score”，如图7-17所示 。图7-17 设置【变量】参数为score （8）选中“剩余数：”后的动态文本框，在【属性】面板中设置【变量】为“leftNum”，如图7-18所示 。图7-18 设置【变量】参数为leftNum 3、加入按钮。（1）在“文本框”图层之上新建一个图层并重命名为“按钮”图层。（2）在“

16、按钮”图层第2帧处插入关键帧，将【库】面板中的 “再玩一次”按钮元件拖动到舞台中并放置在右下角，舞台效果如图7-19所示。4、添加按钮控制代码。5、添加帧控制代码。（1）在【库】面板中用鼠标右键单击“sound”声音，在弹出的快捷菜单中选择【链接】命令，打开【链接属性】对话框，勾选【为ActonScript导出】复选框，在【标识符】文本框中输入“getGold”，如图7-20所示。图7-19 加入按钮 图7-20 修改声音链接属性 （2）选中舞台中的“人物”元件，在【属性】面板中设置其实例名为“person”，如图7-21所示。（3）选中舞台中的“黄金”元件，在【属性】面板中设置其实例名为“gold”，如图7-22示。图7-21 设置元件“人物”实例名 图7-22 设置元件“黄金”实例名 （4）在“按钮”图层之上新建一个图层并重命名为“AS代码”图层，选中第1帧，按F9键打开【动作帧】面板，输入以下控制代码 。（5）在“AS代码”图层的第2帧处插入关键帧，按F9键打开【动作帧】面板，输入“stop();”控制代码。（6）保存并测试影片，一个幽默好玩的Flash游戏制作完成。在教学素材“素材项目七接黄金控制代码.txt”中提供了本案例的代码。 案 例 小 结 本案例通过制作