第10章高级Actions编程.ppt
《第10章高级Actions编程.ppt》由会员分享,可在线阅读,更多相关《第10章高级Actions编程.ppt(151页珍藏版)》请在三一文库上搜索。
1、第10章 高级Actions编程,本章要点 基本概念 加载声音 实现交互式动画 输入文本,本章逻辑结构,10.1 ActionScript的基本概念 10.1.1 对象、方法和属性 10.1.2 路径和阶层 10.2 实现交互式动画 10.2.1 按钮事件 10.2.2 影片剪辑事件 10.3 目标控制 10.3.1 tellTarget的作用,本章逻辑结构,10.3.2 tellTarget的应用 10.4 控制影片剪辑属性 10.4.1 设置属性的方法 10.4.2 调整影片剪辑的位置 10.4.3 调整影片剪辑的比例和旋转属性 10.4.4 设置影片剪辑的不透明度 10.5 控制颜色属性
2、,10.6 使用ActionScript加载声音 10.7 载入和卸载外部影片 10.8 输入文本和动态文本 10.8.1 输入文本属性面板 10.8.2 动态文本属性面板 10.8.3 交互文本,10.1 ActionScript的基本概念,10.1.1 对象、方法和属性,对象是指程序代码和数据的结合。 在对象中,一段一段的程序称为方法。 对象内的数据或信息称为属性。,10.1.2 路径和阶层,一、路径 路径可分为两种: 绝对路径: 相对路径: 二、阶层 阶层专门用于【载入影片剪辑(loadMovie)】以及【复制影片剪辑(duplicateMovieClip)】。,10.2 实现交互式动画
3、,交互由两个基本部分组成: 行为(或称动作,即发生了什么) 原因(即什么导致行为的发生),10.2.1 按钮事件,由按钮控制播放的小例子,具体步骤如下: 1、新建一个文件,将背景设置为深蓝色。 2、新建一个【影片剪辑】元件,将其命名为“变 形”,如图所示。,3、选择【椭圆工具】,将【笔触颜色】设置为无 色,将【填充颜色】设置为绿色渐变,在舞台 上绘制一个绿球,将其移动到舞台的左上角。 4、在第20帧处插入关键帧。将绿球删除,用【矩 形工具】绘制一个无线条的矩形,用彩虹色填 充,然后用【箭头工具】将其变形为一个上箭 头。,5、在第40帧处插入关键帧。将箭头删除,用【铅 笔工具】绘制一只小鸟,用渐
4、变色填充。最后 用【箭头工具】将其移到舞台的右上角。,6、分别选择第1帧和第20帧,将属性面板中的 【补间】设置为【形状】,并单击时间轴下 方的编辑多帧按钮显示全部关键帧。此时的 时间轴和舞台中的对象如图所示。,7、选择第1帧,按【F9】键打开【动作-帧 (Actions-Frame)】面板,在代码编辑区中 输入stop( )语句。,8、切换到主场景【场景 1】中,从元件库面板 中将“变形”元件拖到舞台中,然后在属性面 板中将该实例命名为shape_mc,如图所示。,9、打开公用库,从中找到如图所示的按钮。,10、将上图所示的按钮及其下方的按钮拖到舞台 中,排列在影片剪辑元件的下方,用【文本
5、工具】为两个按钮写上注释,如图所示。,11、用鼠标右击舞台左侧的【Play】按钮,在快 捷菜单中选择【动作】命令,打开【动作-按 钮(Ations-Button)】面板,转到专家模式。 双击左侧命令列表中的【on】,然后从弹出 的语句提示列表中双击【release】,如图所 示,将其加到当前光标处。,12、将光标移到第2行,输入shape_mc.,此时会 弹出与其相对应的语句提示列表,从中双击 play,如图所示,将其加到代码行中。,13、当第2行代码输入完成后,在语句后加一个 分号“;”,再按回车键将下半个大括号移到 第3行。如图所示。,14、用同样的方法为【stop】按钮添加如下语句: o
6、n (release) shape_mc.stop() 15、将该文件保存为“变形控制”。 16、按【Ctrl+Enter】组合键测试影片。,10.2.2 影片剪辑事件,将对前面制作的“变形控制”动画稍加修改,用【startDrag】指令来使动画随鼠标移动,从而 介绍影片剪辑事件的用法,具体操作如下: 1、按【Ctrl+O】组合键打开“变形控制”动画文 件。 2、双击元件库面板中的“变形”影片剪辑元件, 进入该元件的编辑状态。,3、选择第1帧,按【F9】键打开【动作】面板, 将其中的stop( )语句选中后删除。,4、选择第1帧,用【箭头工具】将该帧中的绿球 移到编辑区的中心,如图所示。,5、
7、用同样的方法将第20帧和第40帧处的图形也 移到编辑区的中心。 6、单击舞台左上角的【场景 1】按钮切换到主 场景中,单击舞台中的shape_mc实例,按 【F9】键打开【动作-影片剪辑(Actions- Movie Clip)】面板。,7、将左侧指令添加到右侧的代码编辑区中,从参 数区中选择【鼠标移动(Mouse move)】, 如图所示。,8、双击左侧指令集中的【startDrag】,在右侧 参数区的【目标(Target)】栏中填写目标 的名称“/shape_mc”,其他设置如图所示。,9、按【Ctrl+Enter】组合键测试影片。,10.3 目标控制,10.3.1 tellTarget的
8、作用,【tellTarget】命令的作用:使用它可以指定后面语句的操作对象。此命令可以被用在关键帧或按钮实例上。 下面将上节中的例子稍做修改,向其中添加tellTarget命令,并介绍该命令的作用。具体操作步骤如下:,1、按【Ctrl+O】组合键打开“变形控制”动画文件。 2、双击元件库面板中的“变形”影片剪辑元件,进入 该元件的编辑状态。 3、选择第1帧,按【F9】键打开【动作】面板,在 代码编辑区中加入stop( )语句。 4、返回到主场景中,选择shape_mc实例,按 【F9】键打开【动作影片剪辑】面板。,5、选择面板右侧代码编辑区中的第2行指令将其 删除,然后在面板左侧的【动作】指令
9、集中 找到【tellTarget】命令,双击该命令,将它 添加到右侧的语句栏中,如图所示。,6、在面板右上部参数设置区的【目标】栏中填 写目标的名称“/shape_mc”。 7、在tellTarget语句的 中添加对Target进行的 操作。本例中添加了play( )语句,此时代码 编辑区中的代码如图所示。,8、按【Ctrl+Enter】组合键测试影片。,10.3.2 tellTarget的应用,介绍一个简单的应用实例。具体操作步骤如下: 1、新建一个影片文件,并设置该文件的大小为 600400。,2、新建一个影片剪辑元件,如图所示。,3、导入一幅图片,并从工具箱中选择【任意变 形工具】,调整
10、导入图片的大小,如图所示。,4、在属性面板中,在帧标签文本框中输入tu1, 如图所示。,5、按同样的方法在5,10,15,20帧处再插入 一个关键帧,然后分别导入4幅图片,如图 所示。,6、新建一个按钮元件tu1。 7、在按钮编辑模式下,选中【弹起】帧,将元 件库“放大”元件中第1帧中的图片拖到舞台 上,并且调整它的大小。使用【矩形工具】 为其添加一个带颜色的边框,如图所示。,8、在【指针经过】和【按下】帧分别插入一个 关键帧,选中图片的边框,然后改变它的颜 色,如图所示。,9、用同样的方法再新建并制作4个按钮元件,然 后分别将“放大”元件中的其余4帧图片制作成 按钮。 10、为了方便演示,双
11、击元件库中的“放大”元 件,选择第1帧至第20帧,然后执行【剪 切】和【粘贴】命令,将它们向后移一帧。,11、在第1帧中画一个大的矩形框,然后结合绘 图纸工具对其进行调整,使其正好与后面帧 中的图片一样大。接下来,在矩形框中输入 “浏览大图片”5个文字,如图所示。,12、选中第1帧,在它的【动作帧】面板中输 入一条stop( )语句。 13、将前面制作的5个按钮元件拖到主场景中, 并调整位置及大小,使它们分布于舞台的左 侧。,14、将“放大”影片剪辑元件拖到舞台右侧,将该 实例命名为“max”,如图所示。,15、在主场景中新建一个图层,用【文本工具】 和【线条工具】修饰主场景,这时的舞台如 图
12、所示。,16、在舞台中用鼠标右键单击“tu1”按钮元件,选 择快捷菜单中【动作】命令,然后在打开的 【动作-按钮】面板中输入下图所示的 ActionScript代码。,17、再分别选中其他4个按钮,在相应【动作-按 钮】面板中分别添加图所示的代码。 18、按【Ctrl+Enter】组合键测试影片效果。,10.4 控制影片剪辑属性,所有的属性都用下划线元件“_”为前缀。在Flash中,如果想得到某个对象的属性,可以使用【getProperty】指令,当需要设置对象的属性时,则需要使用【setProPerty】指令。,10.4.1 设置属性的方法,具体设置方法如下: 1、【动作】面板,双击左侧指令
13、集中的【动 作】 【影片剪辑控制】 【setProperty】 命令,将其添加到代码编辑区中,如下图 所示。,2、从上图可以看到,有三个参数需要设置。在 参数区的【属性】栏中指定需要设置的属 性,可以手工输入,也可以单击下拉按钮从 打开的列表中选择一个,如下图所示。,3、 在【目标】栏中输入要修改的对象名称。,4、在【值(Value)】栏中输入设置该属性时需 要的数值或内容。如图所示。,10.4.2 调整影片剪辑的位置,通过在对象实例中编写几行ActionScript代码来实现星星在不同位置闪烁的效果,具体操作步骤如下:,1、新建一个影片文件,设置它的背景色为深蓝 色,文档的其他属性如图所示。
14、,2、新建一个图形元件“星星”,用【钢笔工具】在 元件编辑区中绘制一个黄色的星星,最后将 其线条删除,效果如图所示。,3、新建一个影片剪辑元件“1”,将元件库中的“星 星”拖到编辑区中,在时间轴的第20帧和第40 帧处分别插入关键帧,然后将第1帧和第20帧【属性】面板中的【补间】设置为【动作】。,4、将该帧中的图形对象缩小,然后在【属性】 面板中将【颜色】设置为【Alpha】,并将 其值设置为20%,如图所示。,5、按同样的步骤设置第40帧。 6、切换到主场景【场景 1】中。从元件库中将 影片剪辑元件“1”拖到舞台中,将该实例命名 为star,如图所示。,7、选择第1帧,打开【动作-帧】面板,
15、双击指 令集中的【setProperty】指令,然后在右侧 的参数区中进行如图所示的设置。,8、用同样的方法为star设置Y轴方向的位置,此 时的程序如图所示。,9、在第2帧处插入一个关键帧。 10、保存文件,再按【Ctrl+Enter】组合键测试 影片。,10.4.3 调整影片剪辑的比例和旋转属性,下面结合影片剪辑大小和旋转角度的调整方法,将上面的例子实现满天星光闪烁的动画效果。具体操作步骤如下: 1、用鼠标右击第2帧,从弹出的快捷菜单中选 择【删除帧】命令。,2、将元件库中的动画剪辑元件“1”拖到主场景中 形成另两个实例,并将其命名为star2和 star3,如图所示。,3、新建一个影片剪
16、辑元件“2”,然后将元件库中 的“星星”拖到编辑区中,按【Ctrl+B】组合键 将其打散,用填充工具将其填充为红色,如 图所示。,4、选择图中的图形,按【Ctrl+G】组合键使其 成组。接下来,按上例中的方法建立运动渐 变,完成后的效果如下图所示。,5、单击舞台左上角的【场景 1】按钮切称到主 场景中,将元件库中的“2”拖到舞台中,形成 三个实例,并分别命名为star4,star5和 star6,如图所示。,6、选择第1帧,在打开的【动作-帧】面板中 接着原来两条语句再添加如下语句: setProperty(“/star“,_xscale,random(100); setProperty(“/
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 10 高级 Actions 编程
链接地址:https://www.31doc.com/p-2594845.html