交互式动画
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
}
实例3.鼠标跟随效果
}
实例2.按钮的使用--属性交互动画
10.选中“缩小”按钮,在动作面板中输入:
on (release) { girl_mc._xscale=girl_mc._xscale-20; girl_mc._yscale=girl_mc._yscale-20;
}
11.选中“旋转”按钮,在动作面板中输入:
on (release) { girl_mc._rotation=girl_mc._rotation+20; }
2.1 gotoAndPlay和gotoAndStop动作
1. gotoAndPlay:gotoAndPlay从当前帧转到指定帧,然后 执行play动作。gotoAndPlay可以提供一种功能,即介绍影 片播放顺序作为整个作品的序幕。gotoAndPlay经常应用在 自由选择冒险类型风格的影片中,在这种风格的影片中, 用户在一个叙述性的情节中通过不同的路径操纵影片人物。 2. gotoAndStop:gotoAndStop从当前帧转到指定帧,然后 停止播放。gotoAndStop经常用于制作工具栏风格的界面, 用户可以通过单击按钮观看影片的不同部分。
2.6 getURL动作
: on (release) { getURL("http://www.cctv.com/","_blank");
}
2.7 getProperty和setProperty动作
: getPRoperty和setProperty分别用于获取或设置 影片剪辑的指定属性,具体用法如下: getProperty(_mc, property) setProperty(_mc, property, value/expression) 其中_mc代表要获取或设置其属性的影片剪辑的 实例名称;property是影片剪辑的属性;value是 属性的新文本值,expression是一个表达式,其 计算结果为属性新值。
setProperty(目标,属性, 值)
2.7 getProperty和setProperty动作
: on (release) { setProperty(“/pic",_x,getProperty(“/pic",_x,)-5); }
对象的属性及其设置
在ActionScript中,对象的属性包括位置、大小、旋转角度 、透明度等,并且不同的对象其属性也不相同。下表列出 了使用ActionScript进行程序设计时经常使用的一些属性。
2.4 play和stop动作
这两个动作是Flash时间轴控制的基础。play设置一个影 片或影片剪辑。当play动作执行时,Flash按照当前时间轴 的顺序开始播放每一帧。一旦play动作开始,就会一帧接着 一帧的播放下去,直到另外一个动作把它终止,或者到达 影片的末尾。如果到达影片的结尾,这个影片或者循环播 放下去,或者停在最后一帧。
1. nextFrame动作告诉当前时间轴向后移动一帧并 停止播放。nextFrame可以与prevFrame配合使用, 快速设置幻灯片的风格的内容预览,其中每个连续 的关键帧中都包含一个“幻灯片”的内容,这个动 作不使用任何参数。 2. prevFrame动作将时间轴向前移动一帧并停止播 放。例如,如果时间轴在第20帧,影片运行到 prevFrame()动作,时间轴移动到第19帧。与 nextFrame动作相同,prevFrame动作不使用任何 参数。
无论是给哪种对象添加脚本,首先要在舞台 上选中该对象,然后在【动作】面板的脚本 编辑区给该对象添加脚本代码。
1.在帧中添加ActionScript脚本。
假设有一个动画, 要让它在播放完后停止,那么就需 要在这个动画的最后1帧加入以下代码: stop();
2.在按钮中添加ActionScript脚本.
2.2 nextFrame和prevFrame动作
on (release) { nextFrame();
}
on (release) { prevFrame( );
}
2.3 nextScene和prevScene动作
1. nextScene动作告诉当前时间轴移动到下一个场景的第1 帧。这个动作不使用任何参数。例如下面的代码告诉影片 跳到下一个场景:nextScene()。 2. prevScene动作将影片跳到前一个场景,它是当前时间 轴下一次播放的位置。例如,如果时间轴在第20帧,影片 运行到prevScene动作时,时间轴移动到上一个场景的第 19帧。何nextScene动作一样,prevScene动作不使用任何 参数即可调用:prevScene()。
“上一帧”文字.
7.选中“播放”on 按(rel钮eas,打e) {开动作面板,输入:
_root.play()
}
实例1.按钮的使用
8.选中“暂停” 按钮,打开动作面板,输入:
on (release) { _root.gotoAndStop(1);
}
9.选中“停止” 按钮,打开动作面板,输入:
on (release) { gotoAndStop("场景2",1);
功能描述
鼠标左键按下 鼠标左键按下后放开 鼠标左键按下后在按钮外部放开 响应键盘按键 鼠标滑过按钮 鼠标滑出按钮的触发区 拖动鼠标滑过按钮的触发区 拖动鼠标滑出按钮的触发区
常见动作命令
2.1 gotoAndPlay和gotoAndStop动作 2.2 nextFrame和prevFrame动作 2.3 nextScene和prevScene动作 2.4 play和stop动作 2.5 stopAllsound动作 2.6 getURL动作 2.7 getProperty和setProperty动作
属性名称 _x _y
_alpha
_height _width _rotation
含义 横坐标 纵坐标
透明度
对象高度 对象宽度 旋转角度
属性名称 _xscale _yscale
_hightquality
_name _visible _currentframe
含义 水平缩放比例 垂直缩放比例 画质,1为高画质,0为一般 画质 对象名称 显示,1为可见,0为隐藏 当前播放的帧
一.【动作】面板简介
将新项目添加到脚本中
显示代码提示
查找
语法检查
调试选项
替换
自动套用格式
插入目标路径
脚本参考 视图选项
三. ActionScript的应用
1.在帧中添加ActionScript脚本。 2.在按钮中添加ActionScript脚本, 3.在影片剪辑实例中添加ActionScript脚本
1.新建文件,使用距形工具, 制作舞台背景. 2.插入/新建元件/按钮,制作按钮元件. 3.导入图片 4.插入/新建元件/影片剪辑,制作逐帧动画元件. 5.回到场景,新建图层2, 将影片剪辑元件拉到图层2中.
实例2.按钮的使用--属性交互动画
6.选中影片元件,在属实面板中设定影片剪辑的名 称为 “girl_mc”
2.6 getURL动作
: getURL可以用来连接到一个标准的网页、ftp站点、另一个Flash
影片、一个可执行文件、一个CGI脚本或者其他任何Internet或可 访问系统的信息。getURL有如下3个参数: 1. URL:一个网络地址、文件、脚本文件或者其他资源。 2. Window:帧或者窗口的名字,Window设置包括4个预设的下 拉菜单:“_self”指的是把URL加载到与当前影片同名的帧或者窗 口,这是系统的默认选项;“_blank”指的是建立一个新的浏览器 窗口并在其中加载URL;“_parent”指的是把当前的帧设置移走 并加载URL;“_top”指的是在当前的浏览器中加载URL并移走进 程中的所有帧设置。 3. Method:这个参数使得getURL可以像HTML表单提交一样工 作。对于一般的链接,变量值的设置应该保持默认值,不要发送。 但是如果要向服务器端的脚本提交数值,必须选择两个提交方法 之一(“GET”或“POST”)
2.1 gotoAndPlay和gotoAndStop动作
on (release) { gotoAndPlay(1);
}
on (release) { gotoAndPlay(“scence2,1);
}
on (release) { gotoAndStop(random(5)+1);
}
2.2 nextFrame和prevFrame动作
7.把按钮元件,拉入到图层2中,复制/对齐按钮 8.分别输入文本“放大、缩小、旋转、上移和下 移”. 9.选中“放大”按钮,在动作面板中输入:
on (release) {
girl_mc._xscale=girl_mc._xscale+20;
girl_mc._yscale=girl_mc._yscale+20;
实例3.鼠标跟随效果
1.新建文件,把图片拉入到舞台背景中. 2.插入/新建元件/按钮, 制作星形按钮元件. 3.插入/新建元件/影片剪辑,将星形按钮元件拉入. 4.选中第1帧设定 stop(); 5.选中星形按钮元件设定Alpha 为o% 6.选中星形按钮元件,打开动作面板,输入 :
on (rollOver) { gotoAndPlay(2);
一旦到达影片剪辑的末尾,循环回放会重新回到影片的 开始,然后继续播放。为了禁止循环播放,在影片剪辑末 尾增加一个stop()动作。stop动作终止正在播放的一个影片 或影片剪辑的进程。stop动作经常与按钮一起用于控制影 片的播放或者用来结束影片序列的某一帧。
2.5 stopAllsound动作
这是一个简单但是功能强大的动作命令。执行该命令后 会使影片中播放的任何声音静音,stopAllSounds动作并 不使声音功能永远失效,它仅仅是取消当前正在播放的 声音效果。它常常作为一种快速但是粗糙的方法制作按 钮,用来关掉不重要的背景声音。stopAllSounds不适合 用来控制单个声音。
_soundbuftime 声音暂存时间
1.新建文件,设定舞台背景.
实例1.按钮的使用
2.插入/新建元件/图形,制作圆形图形元件.
3.插入/新建元件/按钮,分别制作“播放”“暂
Biblioteka Baidu
停”“停
止”“下一帧” “上一帧”按钮元件. 4.回到场景中,将图形元件从库中拉到场景中,创建
补间动画. 5.新建图层2,将按钮从库中拉到场景中,复制五个按钮. 6.用文本工具,分别输入“播放” “暂停”“停 止”“下一帧”
实例2.按钮的使用--属性交互动画
12.选中“上移”按钮,在动作面板中输入:
on (release) { girl_mc._y=girl_mc._y-20; }
13.选中“下移”按钮,在动作面板中输入:
on (release) { girl_mc._y=girl_mc._y+20; }
14.关闭动作面板,测试影片.
}
10.选中“下一帧” 按钮,打开动作面板,输入:
on (release) { _root.nextFrame();
}
实例1.按钮的使用
11.选中“上一帧” 按钮,打开动作面板,输入:
on (release) { _root.prevFrame();
}
12.关闭动作面板,测试影片.
实例2.按钮的使用--属性交互动画
Flash MX 2004
ActionScript基础
本单元内容:
一.动作面板简介 二. ActionScript的基本语法 三. ActionScript的应用
一.【动作】面板简介
在Flash MX 2004中主要通过【动作】面板来给对象添加 ActionScript脚本。
选择【窗口】|【开发面板】|【动作】命令,打开【动作】面板,如 图所示,该面板主要由4部分组成:语言工具箱、程序添加对象、工 具栏和脚本编辑区。
在按钮上的脚本必须有触发事件,基本格式如下: On(事件){ 语句;
} 举个常见的例子,如果希望在单击后能停止动画, 可以使用以下代码:
On(release){ Stop();
这里的release表示松 开鼠标这一事件
}
这里的stop表示动作命令
常见触发事件
参数名称
Press Release ReleaseOutside KeyPress RollOver RollOut DragOver DragOut
实例3.鼠标跟随效果
}
实例2.按钮的使用--属性交互动画
10.选中“缩小”按钮,在动作面板中输入:
on (release) { girl_mc._xscale=girl_mc._xscale-20; girl_mc._yscale=girl_mc._yscale-20;
}
11.选中“旋转”按钮,在动作面板中输入:
on (release) { girl_mc._rotation=girl_mc._rotation+20; }
2.1 gotoAndPlay和gotoAndStop动作
1. gotoAndPlay:gotoAndPlay从当前帧转到指定帧,然后 执行play动作。gotoAndPlay可以提供一种功能,即介绍影 片播放顺序作为整个作品的序幕。gotoAndPlay经常应用在 自由选择冒险类型风格的影片中,在这种风格的影片中, 用户在一个叙述性的情节中通过不同的路径操纵影片人物。 2. gotoAndStop:gotoAndStop从当前帧转到指定帧,然后 停止播放。gotoAndStop经常用于制作工具栏风格的界面, 用户可以通过单击按钮观看影片的不同部分。
2.6 getURL动作
: on (release) { getURL("http://www.cctv.com/","_blank");
}
2.7 getProperty和setProperty动作
: getPRoperty和setProperty分别用于获取或设置 影片剪辑的指定属性,具体用法如下: getProperty(_mc, property) setProperty(_mc, property, value/expression) 其中_mc代表要获取或设置其属性的影片剪辑的 实例名称;property是影片剪辑的属性;value是 属性的新文本值,expression是一个表达式,其 计算结果为属性新值。
setProperty(目标,属性, 值)
2.7 getProperty和setProperty动作
: on (release) { setProperty(“/pic",_x,getProperty(“/pic",_x,)-5); }
对象的属性及其设置
在ActionScript中,对象的属性包括位置、大小、旋转角度 、透明度等,并且不同的对象其属性也不相同。下表列出 了使用ActionScript进行程序设计时经常使用的一些属性。
2.4 play和stop动作
这两个动作是Flash时间轴控制的基础。play设置一个影 片或影片剪辑。当play动作执行时,Flash按照当前时间轴 的顺序开始播放每一帧。一旦play动作开始,就会一帧接着 一帧的播放下去,直到另外一个动作把它终止,或者到达 影片的末尾。如果到达影片的结尾,这个影片或者循环播 放下去,或者停在最后一帧。
1. nextFrame动作告诉当前时间轴向后移动一帧并 停止播放。nextFrame可以与prevFrame配合使用, 快速设置幻灯片的风格的内容预览,其中每个连续 的关键帧中都包含一个“幻灯片”的内容,这个动 作不使用任何参数。 2. prevFrame动作将时间轴向前移动一帧并停止播 放。例如,如果时间轴在第20帧,影片运行到 prevFrame()动作,时间轴移动到第19帧。与 nextFrame动作相同,prevFrame动作不使用任何 参数。
无论是给哪种对象添加脚本,首先要在舞台 上选中该对象,然后在【动作】面板的脚本 编辑区给该对象添加脚本代码。
1.在帧中添加ActionScript脚本。
假设有一个动画, 要让它在播放完后停止,那么就需 要在这个动画的最后1帧加入以下代码: stop();
2.在按钮中添加ActionScript脚本.
2.2 nextFrame和prevFrame动作
on (release) { nextFrame();
}
on (release) { prevFrame( );
}
2.3 nextScene和prevScene动作
1. nextScene动作告诉当前时间轴移动到下一个场景的第1 帧。这个动作不使用任何参数。例如下面的代码告诉影片 跳到下一个场景:nextScene()。 2. prevScene动作将影片跳到前一个场景,它是当前时间 轴下一次播放的位置。例如,如果时间轴在第20帧,影片 运行到prevScene动作时,时间轴移动到上一个场景的第 19帧。何nextScene动作一样,prevScene动作不使用任何 参数即可调用:prevScene()。
“上一帧”文字.
7.选中“播放”on 按(rel钮eas,打e) {开动作面板,输入:
_root.play()
}
实例1.按钮的使用
8.选中“暂停” 按钮,打开动作面板,输入:
on (release) { _root.gotoAndStop(1);
}
9.选中“停止” 按钮,打开动作面板,输入:
on (release) { gotoAndStop("场景2",1);
功能描述
鼠标左键按下 鼠标左键按下后放开 鼠标左键按下后在按钮外部放开 响应键盘按键 鼠标滑过按钮 鼠标滑出按钮的触发区 拖动鼠标滑过按钮的触发区 拖动鼠标滑出按钮的触发区
常见动作命令
2.1 gotoAndPlay和gotoAndStop动作 2.2 nextFrame和prevFrame动作 2.3 nextScene和prevScene动作 2.4 play和stop动作 2.5 stopAllsound动作 2.6 getURL动作 2.7 getProperty和setProperty动作
属性名称 _x _y
_alpha
_height _width _rotation
含义 横坐标 纵坐标
透明度
对象高度 对象宽度 旋转角度
属性名称 _xscale _yscale
_hightquality
_name _visible _currentframe
含义 水平缩放比例 垂直缩放比例 画质,1为高画质,0为一般 画质 对象名称 显示,1为可见,0为隐藏 当前播放的帧
一.【动作】面板简介
将新项目添加到脚本中
显示代码提示
查找
语法检查
调试选项
替换
自动套用格式
插入目标路径
脚本参考 视图选项
三. ActionScript的应用
1.在帧中添加ActionScript脚本。 2.在按钮中添加ActionScript脚本, 3.在影片剪辑实例中添加ActionScript脚本
1.新建文件,使用距形工具, 制作舞台背景. 2.插入/新建元件/按钮,制作按钮元件. 3.导入图片 4.插入/新建元件/影片剪辑,制作逐帧动画元件. 5.回到场景,新建图层2, 将影片剪辑元件拉到图层2中.
实例2.按钮的使用--属性交互动画
6.选中影片元件,在属实面板中设定影片剪辑的名 称为 “girl_mc”
2.6 getURL动作
: getURL可以用来连接到一个标准的网页、ftp站点、另一个Flash
影片、一个可执行文件、一个CGI脚本或者其他任何Internet或可 访问系统的信息。getURL有如下3个参数: 1. URL:一个网络地址、文件、脚本文件或者其他资源。 2. Window:帧或者窗口的名字,Window设置包括4个预设的下 拉菜单:“_self”指的是把URL加载到与当前影片同名的帧或者窗 口,这是系统的默认选项;“_blank”指的是建立一个新的浏览器 窗口并在其中加载URL;“_parent”指的是把当前的帧设置移走 并加载URL;“_top”指的是在当前的浏览器中加载URL并移走进 程中的所有帧设置。 3. Method:这个参数使得getURL可以像HTML表单提交一样工 作。对于一般的链接,变量值的设置应该保持默认值,不要发送。 但是如果要向服务器端的脚本提交数值,必须选择两个提交方法 之一(“GET”或“POST”)
2.1 gotoAndPlay和gotoAndStop动作
on (release) { gotoAndPlay(1);
}
on (release) { gotoAndPlay(“scence2,1);
}
on (release) { gotoAndStop(random(5)+1);
}
2.2 nextFrame和prevFrame动作
7.把按钮元件,拉入到图层2中,复制/对齐按钮 8.分别输入文本“放大、缩小、旋转、上移和下 移”. 9.选中“放大”按钮,在动作面板中输入:
on (release) {
girl_mc._xscale=girl_mc._xscale+20;
girl_mc._yscale=girl_mc._yscale+20;
实例3.鼠标跟随效果
1.新建文件,把图片拉入到舞台背景中. 2.插入/新建元件/按钮, 制作星形按钮元件. 3.插入/新建元件/影片剪辑,将星形按钮元件拉入. 4.选中第1帧设定 stop(); 5.选中星形按钮元件设定Alpha 为o% 6.选中星形按钮元件,打开动作面板,输入 :
on (rollOver) { gotoAndPlay(2);
一旦到达影片剪辑的末尾,循环回放会重新回到影片的 开始,然后继续播放。为了禁止循环播放,在影片剪辑末 尾增加一个stop()动作。stop动作终止正在播放的一个影片 或影片剪辑的进程。stop动作经常与按钮一起用于控制影 片的播放或者用来结束影片序列的某一帧。
2.5 stopAllsound动作
这是一个简单但是功能强大的动作命令。执行该命令后 会使影片中播放的任何声音静音,stopAllSounds动作并 不使声音功能永远失效,它仅仅是取消当前正在播放的 声音效果。它常常作为一种快速但是粗糙的方法制作按 钮,用来关掉不重要的背景声音。stopAllSounds不适合 用来控制单个声音。
_soundbuftime 声音暂存时间
1.新建文件,设定舞台背景.
实例1.按钮的使用
2.插入/新建元件/图形,制作圆形图形元件.
3.插入/新建元件/按钮,分别制作“播放”“暂
Biblioteka Baidu
停”“停
止”“下一帧” “上一帧”按钮元件. 4.回到场景中,将图形元件从库中拉到场景中,创建
补间动画. 5.新建图层2,将按钮从库中拉到场景中,复制五个按钮. 6.用文本工具,分别输入“播放” “暂停”“停 止”“下一帧”
实例2.按钮的使用--属性交互动画
12.选中“上移”按钮,在动作面板中输入:
on (release) { girl_mc._y=girl_mc._y-20; }
13.选中“下移”按钮,在动作面板中输入:
on (release) { girl_mc._y=girl_mc._y+20; }
14.关闭动作面板,测试影片.
}
10.选中“下一帧” 按钮,打开动作面板,输入:
on (release) { _root.nextFrame();
}
实例1.按钮的使用
11.选中“上一帧” 按钮,打开动作面板,输入:
on (release) { _root.prevFrame();
}
12.关闭动作面板,测试影片.
实例2.按钮的使用--属性交互动画
Flash MX 2004
ActionScript基础
本单元内容:
一.动作面板简介 二. ActionScript的基本语法 三. ActionScript的应用
一.【动作】面板简介
在Flash MX 2004中主要通过【动作】面板来给对象添加 ActionScript脚本。
选择【窗口】|【开发面板】|【动作】命令,打开【动作】面板,如 图所示,该面板主要由4部分组成:语言工具箱、程序添加对象、工 具栏和脚本编辑区。
在按钮上的脚本必须有触发事件,基本格式如下: On(事件){ 语句;
} 举个常见的例子,如果希望在单击后能停止动画, 可以使用以下代码:
On(release){ Stop();
这里的release表示松 开鼠标这一事件
}
这里的stop表示动作命令
常见触发事件
参数名称
Press Release ReleaseOutside KeyPress RollOver RollOut DragOver DragOut