配色: 字号:
《Flash CS6案例教程》模块06 ActionScript的应用
2023-05-25 | 阅:  转:  |  分享 
  
模块06 ActionScript的应用你知道吗? Flash动画中经常需要实现人和动画的交互以及动画内部各对象的交互。利用
Flash的动作脚本,不仅可以制作出各种交互动画,而且可以用于实现下雪、鼠标跟随等特效动画。在Flash CS6中,可以使用Act
ionScript1.0、ActionScript2.0和ActionScript3.0。学习目标了解交互式动画的含义了解“动作”
面板的特点和基本使用方法了解ActionScript2.0的基本语法、常量、变量、运算符和表达式等掌握程序设计的基本方法和技巧熟练
运用部分全局函数项目任务6-1 时间轴控制 时间轴控制函数用来控制时间轴的播放进程,它包括9个简单函数,利用这些函数
可以定义动画的一些简单的交互控制。在“动作”面板中执行“全局函数”→“时间轴控制”菜单命令,可以看到这9个函数。 时间
轴控制函数可以添加在关键帧、按钮和影片剪辑实例上,每个函数都包括英文格式的括号,并以英文格式的分号结尾,脚本的书写是区分大小写的。
动手做1 “动作”面板介绍 Flash提供了一个专门处理动作脚本的编辑环境—“动作”面板,如图所示。 “
动作”面板是Flash的程序编辑环境,执行“窗口”→“动作”菜单命令或者按【F9】快捷键,均可打开“动作”面板。它由3个区域组成:
脚本命令列表区、脚本导航器和脚本窗口。其中,脚本窗口中包含辅助按钮栏。项目任务6-1 时间轴控制(1)脚本命令列表框:可以在最上
方的“ActionScript版本选择”下拉列表框中选择ActionScript的版本。一般情况下均选择“ActionScript
1.0&2.0”版本。在下方的命令列表区内,包含文件夹和索引文件夹。单击可以展开文件夹,文件夹内有下一级的文件夹或命令,双击命令或
使用鼠标拖拽命令到脚本窗口,均可添加动作脚本。(2)脚本导航器:此窗口列出了动画中所有出现脚本的具体位置和相关信息(所在图层、关键
帧名称、按钮和影片剪辑元件名称和实例名称等)。单击“脚本导航器”中的某一项目,则与该项目关联的脚本将出现在“脚本窗口”中,并且播放
头将转移到时间轴上该脚本所在的位置,舞台同时显示该位置的动画。(3)脚本窗口:包括“辅助按钮栏”和“程序编辑区”。“程序编辑区”即
用户输入代码的区域。“辅助按钮栏”包括一些按钮,它们的作用如下:● “将新项目添加到脚本中”按钮:单击它,可以打开如图所示的菜单,
再选择其中的命令,可将相应的命令添加“程序编辑区”内。项目任务6-1 时间轴控制●“查找”按钮:单击可以打开“查找和替换”对话框
,如图所示。进行所需字符串的查找和替换工作。●“插入目标路径”按钮:单击可打开“插入目标路径”对话框,在该对话框中选择路径的方式、
路径的符号和对象的路径。●“语法检查”按钮:检查程序是否存在语法错误。如果不正确,则会显示相应的提示信息。●“自动套用格式”按钮:
单击可以使程序中的命令按设置的格式重新调整。例如,使程序中应该缩进的命令自动缩进。●“显示代码提示”按钮:在当前命令没有设置好参数
时,单击它会打开一个参数提示列表框,供用户选择参数,参数提示列表框根据光标定位的位置不同而不同。●“调试选项”按钮:单击可打开调试
程序的菜单,可以将选中的命令行设置为断点,运行程序后会在该行暂停。项目任务6-1 时间轴控制动手做2 使用“动作”面板——为动画
添加“停止”脚本 停止脚本在Flash动画制作中,属于最常见的脚本语句之一。在画面需要静止,动画停顿等情况下均需使用,
具体操作步骤如下:(1)选择“文件”→“新建”菜单选项,选择“ActionScript2.0”选项,新建一个Flash文档,命名为
“6-停止”。在“属性”面板中修改舞台大小为300px200px。(2)打开第四章中的实例动画“水滴广告”。在“库”面板的选择下
拉框中选择“水滴广告”,将“小花儿”影片剪辑元件拖入舞台中。 动画停止脚本:stop(); 该函数的含义是
停止当前播放的影片,该动作最常见的运用是使用按钮控制影片剪辑。例如:需要某个影片剪辑在播放完毕后停止而不是循环播放,可以再影片剪辑
的最后一帧附加stop动作。这样,当影片剪辑中的动画播放到最后一帧时,播放将立即停止。项目任务6-1 时间轴控制动手做2 使用“
动作”面板——为动画添加“停止”脚本(3)双击“小花儿”影片剪辑元件,进入元件编辑区。新建图层AS,在第60帧位置插入关键帧,执行
“窗口”→“动作”菜单命令或按【F9】键,打开“动作”面板。在“全局函数”→“时间轴控制”文件夹下选择stop函数,双击选择函数即
可。(4)保存文件后,按【Ctrl+Enter】组合键打开Flash Player播放影片。项目任务6-1 时间轴控制动手做3
使用gotoAndPlay()和gotoAndStop()——制作跳转动画效果(1)gotoAndPlay();格式:gotoAn
dPlay(scence,frame);参数:scence,表示跳转至场景的名称。Frame,表示跳转至帧的名称或帧数。
该函数一般添加在关键帧或按钮实例上,含义是跳转并播放,即跳转到指定场景的指定帧,并从该帧开始播放。如果没有指定场景,则跳转到当
前场景的指定帧。使用该语句可以随心所欲地播放不同场景、不同帧的动画。(2)gotoAndStop();格式:gotoAndStop
(scence,frame);参数:scence,表示跳转至场景的名称。Frame,表示跳转至帧的名称或帧数。 该函数的
含义是跳转并停止播放,即跳转到指定场景的指定帧,并从该帧停止播放。如果没有指定场景,则将跳转到当前场景的指定帧,停止播放。项目任务
6-1 时间轴控制制作跳转动画,效果如图6-5所示,具体操作步骤如下:(1)选择“文件”→“打开”菜单选项,打开外部的素材文件“
3-飞翔的小鸟”。选择“文件”→“另存为”命令,将其另存为“6-跳转”。(2)新建图层,执行“窗口”→“公用库”→“buttons
”菜单命令,打开“外部库”面板,选择2个按钮元件拖入舞台中,调整位置。进入按钮元件内部,分别修改文字为start和stop。(3)
选择start按钮元件,打开“动作”面板,输入如图所示脚本。两个按钮分别控制小鸟的飞翔和停止。新建图层,在第1帧位置,打开“动作”
面板,输入stop停止脚本。(4)保存文件后,按【Ctrl+Enter】组合键打开Flash Player测试影片。项目任务6-2
“行为”面板 行为是Flash中预先编写的动作脚本,可以将它们添加到某个对象,从而控制该对象。“行为”面板(如图6
-7所示)的应用对象有3个,就是我们常说的帧、按钮、影片剪辑。行为可以将动作脚本编码的强大功能、控制能力以及灵活性添加到文档中,而
不必使用用户组件创建动作的脚本代码。在制作动画的过程中,可以使用行为来控制实例、视频、声音等对象。 通过“行为”面板,
可以给任何选中的对象添加行为,如图所示。当为某一对象添加行为后,在“动作”面板中会自动生成该行为的脚本代码。在“行为”面板中包含有
Web、声音、媒体、嵌入的视频、影片剪辑和数据6类行为。 “行为”面板只可以应用于ActionScript2.0以下版本
。 通常在为按钮添加跳转链接时使用,如导航菜单等,具体操作步骤:(1)选择“文件”→“新建”菜单选项,选择“Actio
nScript2.0”选项,新建一个Flash文档,命名为“6-创建超链接”。项目任务6-2 “行为”面板(2)执行“窗口”→“
公用库”→“buttons”菜单命令,打开“外部库”面板,选择1个按钮元件拖入舞台中,进入元件内部,修改文字为“欢迎登陆”,如图所
示。(3)执行“窗口”→“行为”命令,打开“行为”面板,如图6-8所示。选择按钮元件后,单击“添加行为”按钮,选择“Web”→“转
到Web页”选项,打开如图所示面板,在URL中输入网址,指定打开方式,单击确定。(4)按【Ctrl+Enter】组合键打开Flas
h Player测试影片。单击按钮时,即可打开一个网页内容。项目任务6-2 “行为”面板动手做2 使用“行为”——加载外部的影片
剪辑 “加载外部影片剪辑”选项功能是实现从外部加载指定的影片剪辑到swf文件中播放。其优点是可以减小主动画的文件大小,而
且在制作的时候我们可以把不同内容的动画分别制作成独立的swf文件,存放在同一文件夹中,再利用此功能实现链接。 加载外部
的影片剪辑,如图所示,具体操作步骤如下:(1)选择“文件”→“新建”菜单选项,选择“ActionScript2.0”选项,新建一个
Flash文档,命名为“6-加载外部影片剪辑”。项目任务6-2 “行为”面板(2)将背景图片导入舞台中,调整大小及位置。新建“加
载位置”影片剪辑元件。返回主场景中,新建图层2并命名为“AS”,将“加载位置”元件拖入舞台中,打开“属性”面板,为其添加实例名称l
ink。(3)选择AS图层中的第1帧,打开“行为”面板,单击“添加行为”按钮,选择“影片剪辑”→“加载外部影片剪辑”选项,打开“加
载外部影片剪辑”面板,如图所示,输入需要加载的影片剪辑所在位置URL,选择加载位置,单击确定,此时“动作”面板中会自动生成脚本代码
。(4)按【Ctrl+Enter】组合键打开Flash Player测试影片。外部的影片剪辑会加载到该动画中。知识拓展:“影片剪辑
行为”的参数详解。项目任务6-2 “行为”面板项目任务6-2 “行为”面板动手做3 使用“行为”——播放音乐 音乐
的添加可以为动画增色不少,音乐的播放需要随着使用者的需求定制时,控制音乐的播放也可以使用“行为”面板操作,具体操作步骤:(1)选择
“文件”→“新建”菜单选项,选择“ActionScript2.0”选项,新建一个Flash文档,命名为“6-播放音乐”。(2)执行
“文件”→“导入”→“导入到舞台”菜单命令,将背景图片导入到舞台中。打开“外部库”面板,拖入两个按钮元件,分别命名为“播放”和“暂
停”。(3)进入“播放”按钮元件内部,对其稍作修改。在“指针经过”帧,使用“文本工具”在按钮下方输入文本“播放”,并修改按钮颜色,
如图所示。使用相同方法修改“停止”按钮元件。项目任务6-2 “行为”面板(4)返回主场景中,执行“文件”→“导入”→“导入到库”
命令,将一个音乐文件导入到“库”中。新建图层2,从“库”面板中将“播放”与“停止”按钮元件拖入舞台中。(5)选中“播放”按钮元件,
执行“窗口”→“行为”菜单命令,打开“行为”面板,在“行为”面板中单击“添加行为”按钮,在弹出的菜单中选择“声音”→“从库加载声音
”,在弹出的对话框中,输入库中声音的链接标识符,然后输入声音的实例名称,如图所示。选中“停止”按钮元件,执行“窗口”→“行为”菜单
命令,在“行为”面板中单击“添加行为”按钮,在弹出的菜单中选择“声音”→“停止声音”,在弹出的对话框中,输入库中声音的链接标识符,
然后输入声音实例名称,如图所示。项目任务6-2 “行为”面板(6)打开“库”面板,在导入的声音文件上单击鼠标右键,在弹出的快捷菜
单中选择“属性”命令,打开“声音属性”对话框,进入ActionScript选项卡,选择“为ActionScript导出”复选框。(
7)保存文件,按组合键【Ctrl+ Enter】,测试动画最终效果,按下“播放”按钮时开始播放音乐,按下“停止”按钮时,音乐停止播
放。知识链接:“音乐行为”参数详解。项目任务6-2 “行为”面板动手做4 使用“行为”——制作视频播放器 Flas
h视频播放器在网页、贺卡、课件中经常使用,制作视频播放器,如图所示,具体操作步骤如下:(1)选择“文件”→“新建”菜单选项,选择“
ActionScript2.0”选项,新建一个Flash文档,命名为“6-视频播放器”。在“属性”面板中,修改“舞台大小”为450
px350px,“背景颜色”设置为黑色。(2)执行“文件”→“导入”→“导入视频”菜单命令,打开“导入视频”对话框,单击“浏览”
按钮,打开“打开”对话框,在其中选择要导入的视频,将文件路径添加到“导入视频”对话框中,选择“在SWF中嵌入FLV并在时间轴中播放
”单选项。单击下一步,在打开的“嵌入”界面中设置“符号类型”为“嵌入的视频”,选中“将实例放置在舞台中”、“如果需要,可扩展时间轴
”和“包括音频”3个复选项,单击下一步。在打开的“完成视频导入”界面中显示完成了视频的导入,单击完成按钮,完成视频的导入。(3)在
舞台中可以看到刚刚导入的视频文件,在“时间轴”面板中可以看到时间轴被延长。选中视频,在“属性”面板中设置实例名称为“movie”。
项目任务6-2 “行为”面板(4)新建图层2,打开“组件”面板,如图所示,将Video分类中的PlayButton组件、Paus
eButton组件、StopButton组件、ForwardButton组件和BackButton组件拖放到舞台,使用“对齐”面板
调整位置。(5)选中PlayButton组件,打开“行为”面板,单击“添加行为”按钮,在弹出的下拉菜单中选择“嵌入的视频”→“播放
”命令,如图所示。打开“播放视频”对话框,在其中选择movie视频实例,如图所示。(6)使用相同方法,为其他组件添加行为。其中,F
orwardButton组件和BackButton组件,在打开的对话框中,“输入视频应前进/后退的帧数”文本框中输入24。(7)保
存文件,按组合键【Ctrl+ Enter】,测试动画最终效果,按下不同按钮时,触发对应的事件。项目任务6-2 “行为”面板知识链
接:“视频行为”参数详解。项目任务6-3 “代码片断”面板动手做3 使用“行为”——播放音乐 在Flash CS6的
窗口菜单中,可打开一个“代码片断”面板,该面板也可以从“动作”面板右上角的“代码片断”按钮中弹出。利用“代码片断”面板,可以添加能
影响对象在舞台上行为的代码,可以添加能在时间轴中控制播放的代码,也可以将自己创建的新代码片断添加到面板,如图所示。 面
板左侧为“添加到当前帧” 和“复制到剪切板” 两个按钮,右侧为一个“选项”下拉菜单。下面的窗口中,是系统提供的代码片段文件夹,共1
1个文件夹。项目任务6-3 “代码片断”面板动手做1 代码片断——隐藏对象 在“代码片断”面板中,动作文件夹下的命令
——单击以隐藏对象,可以将元件的可见值visible设置为false,即为隐藏对象,不可见。操作步骤:(1)选择“文件”→“新建”
菜单选项,选择“ActionScript3.0”选项,新建一个Flash文档,命名为“6-消灭星星”。(2)执行“文件”→“导入”
→“导入到舞台”菜单命令,将背景图片导入到舞台中,按【F8】键,转换为图形元件,调整背景图片大小及位置。将星星素材图片导入“库”中
,分别转换为影片剪辑元件。项目任务6-3 “代码片断”面板(3)新建图层2,将“星星”影片剪辑元件逐个拖入舞台中,使用“对齐”面
板摆放好位置。选择第1个“星星”元件,执行“窗口”→“代码片断”菜单命令,打开“代码片断”面板,如图所示,选择“动作”→“单击以隐
藏对象”选项,双击菜单命令,打开“设置实例名称”对话框,设置实例名称“yellow1”,如图所示。可以看到“动作”面板中自动添加的
脚本代码,如图所示。使用相同方法,为其他黄色星星设置“代码片断”。(4)新建图层3,使用“文本工具” 输入文字。(5)保存文件,按
组合键【Ctrl+ Enter】,测试动画最终效果,鼠标单击黄色星星时,即可将对象隐藏。项目任务6-3 “代码片断”面板动手做2
代码片断——键盘控制动画 在“代码片断”面板中,动画文件夹下的命令——用键盘箭头移动,允许用键盘箭头移动指定的元件实
例,每按动一次方向键,默认移动5像素。 制作键盘控制动画,如图所示,具体操作步骤如下:(1)选择“文件”→“新建”菜单
选项,选择“ActionScript3.0”选项,新建一个Flash文档,命名为“6-保卫萝卜”。打开“属性”面板,设置舞台大小为
480px320px。(2)执行“文件”→“导入”→“导入到库”菜单命令,将背景图片与小螃蟹素材图片导入到“库”面板中。将背景图
片拖拽至场景中,按【F8】键转换为图形元件。新建图层,将小螃蟹素材图片拖入舞台,转换为“小螃蟹”影片剪辑元件,调整其大小与位置。项
目任务6-3 “代码片断”面板(3)选中“小螃蟹”影片剪辑元件,打开“代码片断”面板,在“动画”选项中选择“用键盘箭头移动”选项
,如图所示。双击为元件指定实例名称。单击确定,可以在“动作”面板看到自动添加好的脚本代码。(4)保存文件,按组合键【Ctrl+En
ter】,测试动画最终效果,可以使用上下左右方向键来控制小螃蟹的运动。项目任务6-3 “代码片断”面板动手做3 代码片断——单击
以定位对象 在“代码片断”面板中,动作文件夹下的命令——单击以定位对象,将此指定的元件实例移动到用户指定的 x 坐标和
y 坐标。 操作步骤:(1)选择“文件”→“打开”菜单选项,打开第3章中的一个实例“3-飞翔的小鸟”。执行“文件”→
“另存为”命令,将其另存为“6-单击定位“。(2)新建影片剪辑元件,并命名为“飞翔的小鸟”,进入元件编辑状态。从“库”面板中将“b
ird”影片剪辑元件拖入场景中,在第50帧的位置插入帧,将元件水平移动一段距离,为2个关键帧创建传统补间动画。(3)返回主场景中,
将“飞翔的小鸟”元件拖入舞台,选中元件,打开“代码片断”面板,在“动作”选项中选择“单击以定位对象”选项,双击为元件指定实例名称。
单击确定,可以在“动作”面板看到自动添加好的脚本代码。(4)将“飞翔的小鸟”元件任意拖动到舞台其他位置。保存文件,按组合键【Ctr
l+ Enter】,测试动画最终效果,单击元件,即可定位对象到指定位置,如图所示。项目任务6-4 综合应用 在制作动
画时,很多时候需要实现动画的交互性、数据处理以及其他功能。比如,在动画中显示当前系统的时间,这些都需要使用ActionScript
脚本来实现。动手做1 使用ActionScript 3.0——花朵跟随鼠标效果 在动画作品中添加鼠标跟随特效,可以达到
锦上添花的效果,这些特效使得整个Flash动画变得活灵活现,更具可观性。本例中将对鼠标跟随特效进行介绍,制作花朵跟随鼠标特效,如图
所示,具体操作步骤如下:项目任务6-4 综合应用(1)选择“文件”→“新建”菜单选项,选择“ActionScript2.0”选项
,新建一个Flash文档,命名为“花朵跟随鼠标效果”。(2)执行“文件”→“导入”→“导入到舞台”命令,将背景图片导入舞台中,调整
大小到合适的位置,按【F8】键转换为“bg”图形元件。(3)新建影片剪辑元件并命名为“花朵动画”,进入元件编辑状态。单击工具箱内的
“钢笔工具”,在舞台中绘制出花瓣轮廓,如图所示。使用“颜料桶工具”,设置线性渐变填充色,分别为鹅黄色和白色,为花瓣填充颜色。选择“
渐变变形工具”,对花瓣的渐变填充色进行调整,删除轮廓路径。选择“任意变形工具”,修改花瓣的中心点位置至花瓣底部,分别复制4份花瓣图
形,修改填充色角度,效果如图所示。使用相同方法,分别使用“铅笔工具”和“刷子工具”绘制出花蕊,如图所示。项目任务6-4 综合应用
(4)选中绘制好的花朵,按【F8】键转换为图形元件,并命名为花朵。调整“花朵”元件到合适的位置,在第100帧的位置插入关键帧,将元
件垂直向下移动一段距离,并在“属性”面板中修改元件Alpha值为0。在两个关键帧中间创建传统补间动画,制作出花朵下落的动画效果。(
5)新建图层2,在第100帧位置插入关键帧,打开“动作”面板,输入脚本“this.removeMovieClip();”。(6)返
回主场景编辑状态,新建图层2,打开“库”面板,将“花朵动画”拖入舞台中,并调整元件到合适的位置,打开属性面板,为其设置实例名称“f
lower”。新建图层3,打开“动作”面板,输入相应的脚本代码,如图所示。(7)按【Enter】键可测试动画在时间轴上的播放效果。
保存文件后,按【Ctrl+Enter】组合键打开Flash Player播放影片。项目任务6-4 综合应用知识拓展:(1)ran
dom随机函数的使用 random函数在Flash里是经常使用的函数,可以生成基本的随机数、创建随机的移动、设置随机的
颜色,以及控制对象随机的变换位置和其他更多的作用。 随机函数的应用格式:random()和Math.random()。
random(number)返回一个0~number-1的随机整数,参数number代表一个整数。示例:number
(8),本句的作用是产生一个0~7的随机整数并输出该随机整数。 Math.random()产生出0~1有14位精度以
上的任意小数,注意没有参数。(2)复制影片剪辑duplicateMovieClip语句 格式:duplicateMov
ieClip (target,newname,depth) 参数:target,要复制的影片剪辑实例名称的路径。new
name,已复制的影片剪辑的唯一标识符。depth,已复制的影片剪辑的唯一深度级别。深度级别是复制的影片剪辑的堆叠顺序,必须为每个
复制的影片剪辑分配一个唯一的深度级别。如果在同一深度级别中天机的影片剪辑实例多于一个,则新的影片剪辑实例将替换旧的影片剪辑实例。项
目任务6-4 综合应用 复制多个影片剪辑。本例中复制了多个“花朵动画”影片剪辑。语句为:this. duplic
ateMovieClip(“flower”+i,i);其中用““flower”+i”的语法来对影片剪辑动态命名,其中i是变量。th
is表示当前路径。(3)影片剪辑属性的设置 影片剪辑属性就是影片剪辑的基本特性,如它的大小、位置、角度、透明度等。在动
画中可以用脚本命令来改变影片剪辑的属性值,使影片剪辑发生变化。下面简单介绍常用的影片剪辑属性及其定义。项目任务6-4 综合应用动
手做2 使用ActionScript 2.0——飘雪动画 本案例首先利用Flash基本绘图工具,绘制出雪花元件的效果,
转换为元件拖入到“库”面板中,然后为“库”面板中的元件命名“类”,再创建脚本调用类元件,实现雪花的飞舞效果,如图所示,具体操作步骤
: (1)选择“文件”→“新建”菜单选项,选择“ActionScript2.0”选项,新建一个Flash文档,命名为“飘雪动画”。
打开“属性”面板,设置舞台工作区的大小为600px450px。(2)将图层1的名称修改为“bg”,将背景图片导入舞台中,按【F8
】键转换为图形元件,在“对齐”面板中,使其与舞台匹配宽高并对齐。(3)新建影片剪辑元件并命名为“雪花”,进入元件编辑状态。选择“钢
笔工具”以及“刷子工具”绘制出如图所示的六瓣雪化图形,雪花图形的宽和高均为50个像素。项目任务6-4 综合应用(4)新建“雪花动
画”影片剪辑元件并进入元件内部。打开“库”面板,将“雪花”影片剪辑元件拖入舞台中,单击鼠标右键,在弹出的快捷菜单中选择“添加传统运
动引导层”,在引导层中,选择“钢笔工具”绘制出一条从上到下的不规则曲线,如图所示,模仿雪花飘落的曲线。在第120帧处按【F5】键延
续帧播放。选择图层1,在第120帧插入关键帧,将“雪花”影片剪辑元件移动到引导线的末端,在两个关键帧中创建传统补间动画。(5)返回
主场景中,新建图层并命名为“雪花”。将“库”面板中的“雪花动画”影片剪辑元件拖拽到舞台工作区,打开“属性”面板,为元件添加实例名称
“snow”,并将元件宽高均调整为8个像素,时间轴面板如图所示。项目任务6-4 综合应用(6)新建图层3并命名为“AS”。同时选
中3个图层,在第3帧的位置延续帧播放。选中“AS”图层的第1帧,打开“动作”面板,输入脚本,如图所示。在第2帧插入关键帧,同样输入
脚本,如图所示。在第3帧插入关键帧并输入脚本“gotoAndPlay(2)”,跳转至第2帧播放。(7)按【Enter】键可测试动画
在时间轴上的播放效果。保存文件后,按【Ctrl+Enter】组合键打开Flash Player播放影片。项目任务6-4 综合应用
动手做3 使用ActionScript 3.0——时钟动画 在一些商用的动画作品中常常需要添加动态的时间效果。本例中主
要对时间对象进行操作,使用Flash自带的方法属性,制作时钟动画,效果如图所示,具体操作步骤如下:(1)选择“文件”→“新建”菜单
选项,选择“ActionScript3.0”选项,新建一个Flash文档,命名为“时钟动画”。打开“属性”面板,设置舞台工作区的大
小为230px230px。(2)新建“时钟”图形元件,并进入元件内部。单击工具箱内的“椭圆工具”,按住【Shift】键在舞台中绘
制一个笔触为深蓝色,填充为无色的正圆形时钟轮廓。新建图层2,使用相同方法绘制一个浅灰色的正圆,与深蓝色正圆相嵌,如图所示。新建图层
3,选择“椭圆工具”,在舞台中绘制一个无边框,填充为白色到深蓝色径向渐变的正圆表盘。使用“对齐”面板使得时钟轮廓与表盘对齐。项目任务6-4 综合应用(3)新建图形元件,命名为“时针”,并进入元件编辑状态。使用“钢笔工具”,设置蓝色的笔触,绘制指针轮廓。选择“颜料桶工具”对其进行白色填充。在“库”面板中直接复制元件,修改大小以及填充色,分别制作出“分针”和“秒针”图形元件。(4)新建“表心”图形元件,使用相同的制作方法,绘制出3个时钟指针中间的表心图形。(5)返回主场景中,从“库”面板中将“时钟”元件拖入舞台,并调整大小位置。分别新建3个图层,放置时针、分针和秒针元件,打开“属性”面板,为它们设置元件实例名称sz、fz和mz。新建图层并命名为“数字”,选择工具栏内的“文本工具”,设置好字体、大小以及间距等文本属性后,在舞台相应位置输入时钟数字。需要注意的是,时钟的间隔一共分为12等份,每间隔30度为一格,可以使用“变形”面板,精确输入角度,以便控制数字的确切位置。新建图层,拖入“表心”元件,调整大小位置。(6)新建图层,命名为“AS”。打开“动作”面板,输入脚本代码,如图所示。项目任务6-4 综合应用(7)保存文件后,按【Ctrl+Enter】组合键打开Flash Player播放影片,可以看到时钟上显示的是当前时间。项目任务6-4 综合应用知识拓展:(1)时间(Date)对象实例化的格式 时间(Date)对象是将计算机系统的时间添加到对象实例中。时间对象可以从“动作”面板命令列表区的“ActionScript3.0”→“顶级”→“Date”目录中找到。 时间(Date)对象实例化的格式如下: myDate= new Date();(2)时间对象的常用方法
献花(0)
+1
(本文系小磊老师首藏)