返回总目录第 8章创建交互动画
1.2?2007
第 8章 创建交互动画
了解 Flash 8交互动画基本概念
掌握创建简单 Flash交互动画,动作脚本、给对象分配动作等教学目的
1.3?2007
第 8章 创建交互动画
动作脚本基础
使用,动作,面板
级动作脚本语言
创建交互动画本章内容
1.4?2007
第 8章 创建交互动画
数据类型与变量
表达式和运算符
动作脚本概述动作脚本基础
8.1 动作脚本基础
1.5?2007
第 8章 创建交互动画动作脚本概述
动作脚本术语
动作脚本语法动作脚本概述:
1.6?2007
第 8章 创建交互动画动作脚本术语动作脚本术语:
动作
运算符
函数
类
构造函数
标识符
表达式
常数
事件
事件处理函数
实例
实例名称
属性
变量
1.7?2007
第 8章 创建交互动画动作脚本语法动作脚本语法:
区分大小写
点语法
斜扛语法
大括号
小括号
分号
注释
关键字
常数
1.8?2007
第 8章 创建交互动画数据类型与变量数据类型,描述变量或动作脚本元素可以包含的信息的种类
字符串
数值
布尔值
影片剪辑
对象
空值与未定义类型
1.9?2007
第 8章 创建交互动画数据类型与变量变量,是指编写程序时可以变化的量,与常量相对应
1,变量的命名规则
必须是标识符
不能是关键字或动作脚本文本,例如 true,false,null 或 undefined
在其范围内必须是惟一的
2,确定变量的范围和声明变量。变量的范围是指变量在其中已知并且可以引用的区域。根据变量范围的不同,在动作脚本中有 3种类型的变量范围:
本地变量在声明它们的函数体(由大括号界定)内可用
时间轴变量可用于该时间轴上的任何脚本
全局变量和函数对于文档中的每个时间轴和范围均可见
1.10?2007
第 8章 创建交互动画表达式,是 Flash可以计算并返回值的任何语句运算符,是指定如何组合、比较或修改表达式值的字符表达式和运算符
运算的优先级和结合律
数值运算符
字符串运算符
逻辑运算符
赋值运算符
点运算符和数组访问运算符
1.11?2007
第 8章 创建交互动画
“动作”面板
基本动作命令使用,动作,面板
8.2 使用“动作”面板
1.12?2007
第 8章 创建交互动画
“动作”面板,主要包括动作工作箱、脚本导航器、脚本编辑窗口和工具条 4部分
“动作”面板
,动作”面板动作工具箱脚本编辑区脚本导航器工具条动作面板的设置:
1,向脚本添加语句
2,查找与替换
3,插入目标路径
4,检查语法和标点
5,自动套用格式
6,显示代码提示
7,调试选项
8,脚本助手
1.13?2007
第 8章 创建交互动画基本动作命令在 Flash中,动作 是指可以在指定事件发生时运行的命令
时间轴的控制
影片剪辑的控制
浏览器 /网络的控制
1.14?2007
第 8章 创建交互动画时间轴,包括场景和帧在“动作”面板中,单击“全局函数”中的“时间轴函数”选项后,会显示若干用于控制影片中场景和帧的命令时间轴的控制时间轴控制动作
1.15?2007
第 8章 创建交互动画在 Flash 8中,控制影片剪辑的命令如下图所示:
影片剪辑的控制影片剪辑控制动作
1.16?2007
第 8章 创建交互动画在“动作”面板中,单击“全局函数” →,浏览器 /网络”选项后
,会出现如下图所示的界面浏览器 /网络的控制浏览器 /网络的控制
1.17?2007
第 8章 创建交互动画
结构控制
对象属性级动作脚本语言
8.3 级动作脚本语言
1.18?2007
第 8章 创建交互动画结构控制
if/else命令
for命令
do while命令
while命令
for…in 命令
break命令
continue命令
switch与 case命令结构控制的语句:
1.19?2007
第 8章 创建交互动画对象属性属性,是动画或动画片段中对象的特征可通过 Get Property和 Set Property进行检索和设置。
通过修改属性,可以方便地控制动画。
1.20?2007
第 8章 创建交互动画
给帧分配动作
给按钮分配动作
给影片剪辑分配动作创建交互动画
8.4 创建交互动画
1.21?2007
第 8章 创建交互动画给帧分配动作
1,单击“文件” →,新建”命令,新建一个 Flash文档,然后在图层 1中设置从第 1帧到第 40帧的动画
2,在时间轴中单击“插入图层”按钮,创建一个新图层。
3,在图层 2的第 10帧处插入关键帧,选中该帧并打开“动作-帧”
面板帧事件,就是当影片播放到某一帧时所引发的动作。例如,用户可以设置当影片播放到第 10帧时跳转到第 20帧继续播放,然后到第 40帧时停止播放影片,具体操作如下:
1.22?2007
第 8章 创建交互动画给帧分配动作
4,在脚本编辑区添加如下图所示的代码
5,选中图层 2的第 40帧,插入关键帧,然后打开“动作-帧”面板,
输入以下代码,stop();
6,按 Ctrl+Enter组合键进行测试,即可看到当影片播放到第 10帧处就会跳转到第 20帧后继续播放,并且到第 40帧时停止影片的播放给帧分配动作
1.23?2007
第 8章 创建交互动画要给按钮分配动作,可按以下步骤进行:
给按钮分配动作
1,在舞台上单击按钮实例
2,在“动作”面板中选中按钮,然后添加需要的动作
1.24?2007
第 8章 创建交互动画下面举一个实例说明:
1,新建一个 Flash文档,在图层 1中设置一段 20帧的补间形状动画
2,新建一个图层,在图层中新建一个按钮
3,双击按钮,进入元件编辑模式,选择文本工具,在按钮上边输入文字
“运动”,命名为 move,然后返回场景编辑模式
4,在“动作”面板中为第一帧添加 stop命令,即动画播放一开始,动画即停止播放
5,在“动作”面板中选择刚才建立的按钮元件,“动作”面板的标题变为“动作 -按钮”。然后添加 play命令,并选择为释放事件
6,按 Ctrl+Enter组合键,测试影片。可以看到,动画是静止的。将鼠标移到按钮上单击后,动画开始播放,就可以欣赏下雪的场景了。
给按钮分配动作
1.25?2007
第 8章 创建交互动画给影片剪辑分配动作举例当用户在舞台上弹起鼠标左键时,影片剪辑元件实例跳转到第 2帧开始播放,具体操作如下:
1,选择“文件” →,新建”命令,创建一个新的影片元件
2,按 Ctrl+F8组合键,打开“创建新元件”对话框,在“行为”选项中选择“影片剪辑”单选项,以创建一个新的影片剪辑元件
3,单击“确定”按钮进入该元件的编辑状态,制作一个影片片段
4,在时间轴中单击“插入图层”按钮,新建“图层 2”
5,选中新图层的第 1帧,打开“动作-帧”面板
6 在该面板中添加如下代码,stop();
7 单击舞台左上角的“场景”按钮,返回到场景编辑状态下
1.26?2007
第 8章 创建交互动画给影片剪辑分配动作
8,打开“库”面板,将刚创建的影片剪辑元件拖入舞台
9,选中舞台上的影片剪辑元件实例,即可打开“动作-影片剪辑
”面板,在脚本窗口中添加,如下图所示的代码
10,设置完成后,可按 Ctrl+Enter组合键进行测试,此时可看到舞台中该元件实例停在第 1帧的画面处,当用户按下鼠标左键并弹起时,该元件实例将会跳转到第 2帧开始播放为影片剪辑添加动作
1.2?2007
第 8章 创建交互动画
了解 Flash 8交互动画基本概念
掌握创建简单 Flash交互动画,动作脚本、给对象分配动作等教学目的
1.3?2007
第 8章 创建交互动画
动作脚本基础
使用,动作,面板
级动作脚本语言
创建交互动画本章内容
1.4?2007
第 8章 创建交互动画
数据类型与变量
表达式和运算符
动作脚本概述动作脚本基础
8.1 动作脚本基础
1.5?2007
第 8章 创建交互动画动作脚本概述
动作脚本术语
动作脚本语法动作脚本概述:
1.6?2007
第 8章 创建交互动画动作脚本术语动作脚本术语:
动作
运算符
函数
类
构造函数
标识符
表达式
常数
事件
事件处理函数
实例
实例名称
属性
变量
1.7?2007
第 8章 创建交互动画动作脚本语法动作脚本语法:
区分大小写
点语法
斜扛语法
大括号
小括号
分号
注释
关键字
常数
1.8?2007
第 8章 创建交互动画数据类型与变量数据类型,描述变量或动作脚本元素可以包含的信息的种类
字符串
数值
布尔值
影片剪辑
对象
空值与未定义类型
1.9?2007
第 8章 创建交互动画数据类型与变量变量,是指编写程序时可以变化的量,与常量相对应
1,变量的命名规则
必须是标识符
不能是关键字或动作脚本文本,例如 true,false,null 或 undefined
在其范围内必须是惟一的
2,确定变量的范围和声明变量。变量的范围是指变量在其中已知并且可以引用的区域。根据变量范围的不同,在动作脚本中有 3种类型的变量范围:
本地变量在声明它们的函数体(由大括号界定)内可用
时间轴变量可用于该时间轴上的任何脚本
全局变量和函数对于文档中的每个时间轴和范围均可见
1.10?2007
第 8章 创建交互动画表达式,是 Flash可以计算并返回值的任何语句运算符,是指定如何组合、比较或修改表达式值的字符表达式和运算符
运算的优先级和结合律
数值运算符
字符串运算符
逻辑运算符
赋值运算符
点运算符和数组访问运算符
1.11?2007
第 8章 创建交互动画
“动作”面板
基本动作命令使用,动作,面板
8.2 使用“动作”面板
1.12?2007
第 8章 创建交互动画
“动作”面板,主要包括动作工作箱、脚本导航器、脚本编辑窗口和工具条 4部分
“动作”面板
,动作”面板动作工具箱脚本编辑区脚本导航器工具条动作面板的设置:
1,向脚本添加语句
2,查找与替换
3,插入目标路径
4,检查语法和标点
5,自动套用格式
6,显示代码提示
7,调试选项
8,脚本助手
1.13?2007
第 8章 创建交互动画基本动作命令在 Flash中,动作 是指可以在指定事件发生时运行的命令
时间轴的控制
影片剪辑的控制
浏览器 /网络的控制
1.14?2007
第 8章 创建交互动画时间轴,包括场景和帧在“动作”面板中,单击“全局函数”中的“时间轴函数”选项后,会显示若干用于控制影片中场景和帧的命令时间轴的控制时间轴控制动作
1.15?2007
第 8章 创建交互动画在 Flash 8中,控制影片剪辑的命令如下图所示:
影片剪辑的控制影片剪辑控制动作
1.16?2007
第 8章 创建交互动画在“动作”面板中,单击“全局函数” →,浏览器 /网络”选项后
,会出现如下图所示的界面浏览器 /网络的控制浏览器 /网络的控制
1.17?2007
第 8章 创建交互动画
结构控制
对象属性级动作脚本语言
8.3 级动作脚本语言
1.18?2007
第 8章 创建交互动画结构控制
if/else命令
for命令
do while命令
while命令
for…in 命令
break命令
continue命令
switch与 case命令结构控制的语句:
1.19?2007
第 8章 创建交互动画对象属性属性,是动画或动画片段中对象的特征可通过 Get Property和 Set Property进行检索和设置。
通过修改属性,可以方便地控制动画。
1.20?2007
第 8章 创建交互动画
给帧分配动作
给按钮分配动作
给影片剪辑分配动作创建交互动画
8.4 创建交互动画
1.21?2007
第 8章 创建交互动画给帧分配动作
1,单击“文件” →,新建”命令,新建一个 Flash文档,然后在图层 1中设置从第 1帧到第 40帧的动画
2,在时间轴中单击“插入图层”按钮,创建一个新图层。
3,在图层 2的第 10帧处插入关键帧,选中该帧并打开“动作-帧”
面板帧事件,就是当影片播放到某一帧时所引发的动作。例如,用户可以设置当影片播放到第 10帧时跳转到第 20帧继续播放,然后到第 40帧时停止播放影片,具体操作如下:
1.22?2007
第 8章 创建交互动画给帧分配动作
4,在脚本编辑区添加如下图所示的代码
5,选中图层 2的第 40帧,插入关键帧,然后打开“动作-帧”面板,
输入以下代码,stop();
6,按 Ctrl+Enter组合键进行测试,即可看到当影片播放到第 10帧处就会跳转到第 20帧后继续播放,并且到第 40帧时停止影片的播放给帧分配动作
1.23?2007
第 8章 创建交互动画要给按钮分配动作,可按以下步骤进行:
给按钮分配动作
1,在舞台上单击按钮实例
2,在“动作”面板中选中按钮,然后添加需要的动作
1.24?2007
第 8章 创建交互动画下面举一个实例说明:
1,新建一个 Flash文档,在图层 1中设置一段 20帧的补间形状动画
2,新建一个图层,在图层中新建一个按钮
3,双击按钮,进入元件编辑模式,选择文本工具,在按钮上边输入文字
“运动”,命名为 move,然后返回场景编辑模式
4,在“动作”面板中为第一帧添加 stop命令,即动画播放一开始,动画即停止播放
5,在“动作”面板中选择刚才建立的按钮元件,“动作”面板的标题变为“动作 -按钮”。然后添加 play命令,并选择为释放事件
6,按 Ctrl+Enter组合键,测试影片。可以看到,动画是静止的。将鼠标移到按钮上单击后,动画开始播放,就可以欣赏下雪的场景了。
给按钮分配动作
1.25?2007
第 8章 创建交互动画给影片剪辑分配动作举例当用户在舞台上弹起鼠标左键时,影片剪辑元件实例跳转到第 2帧开始播放,具体操作如下:
1,选择“文件” →,新建”命令,创建一个新的影片元件
2,按 Ctrl+F8组合键,打开“创建新元件”对话框,在“行为”选项中选择“影片剪辑”单选项,以创建一个新的影片剪辑元件
3,单击“确定”按钮进入该元件的编辑状态,制作一个影片片段
4,在时间轴中单击“插入图层”按钮,新建“图层 2”
5,选中新图层的第 1帧,打开“动作-帧”面板
6 在该面板中添加如下代码,stop();
7 单击舞台左上角的“场景”按钮,返回到场景编辑状态下
1.26?2007
第 8章 创建交互动画给影片剪辑分配动作
8,打开“库”面板,将刚创建的影片剪辑元件拖入舞台
9,选中舞台上的影片剪辑元件实例,即可打开“动作-影片剪辑
”面板,在脚本窗口中添加,如下图所示的代码
10,设置完成后,可按 Ctrl+Enter组合键进行测试,此时可看到舞台中该元件实例停在第 1帧的画面处,当用户按下鼠标左键并弹起时,该元件实例将会跳转到第 2帧开始播放为影片剪辑添加动作