Flash脚本基础实例(导航条及).ppt

《Flash脚本基础实例(导航条及).ppt》由会员分享，可在线阅读，更多相关《Flash脚本基础实例(导航条及).ppt（76页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、FLASHFLASH脚本基础脚本基础及实例及实例信息工程学院FLASH脚本特效脚本特效常用脚本特效欣赏萤火虫萤火虫雪花雪花弹性跟随弹性跟随网页导航条网页导航条黑客帝国数字流黑客帝国数字流信息工程学院学习内容脚本基础知识脚本基础知识按钮元件的使用按钮元件的使用导航菜单的制作导航菜单的制作控制影片剪辑的脚本控制影片剪辑的脚本信息工程学院FLASHFLASH脚本脚本_AS_ASA A A Action ction ction ction S S S Scriptcriptcriptcript是是是是FlashFlashFlashFlash的脚本语言的脚本语言的脚本语言的脚本语言,具有强大的交互具有强

2、大的交互具有强大的交互具有强大的交互功能，通过脚本应用，用户对动画元件的控制得到加功能，通过脚本应用，用户对动画元件的控制得到加功能，通过脚本应用，用户对动画元件的控制得到加功能，通过脚本应用，用户对动画元件的控制得到加强。目前提供了强。目前提供了强。目前提供了强。目前提供了AS2.0AS2.0AS2.0AS2.0和和和和AS3.0AS3.0AS3.0AS3.0两个版本。两个版本。两个版本。两个版本。动作面板动作面板动作面板动作面板是是是是FlashFlashFlashFlash提供的运行编程的专用环境提供的运行编程的专用环境提供的运行编程的专用环境提供的运行编程的专用环境F9F9F9F9打打

3、打打开动作面板；开动作面板；开动作面板；开动作面板；使用使用使用使用ActionScriptActionScriptActionScriptActionScript的目的：的目的：的目的：的目的：交互式网站的开发；交互式网站的开发；交互式网站的开发；交互式网站的开发；课件制作课件制作课件制作课件制作；小游戏开发、小游戏开发、小游戏开发、小游戏开发、MTVMTVMTVMTV、电子贺卡制作；、电子贺卡制作；、电子贺卡制作；、电子贺卡制作；信息工程学院AS可添加在哪些对象上可添加在哪些对象上(AS2.0)：帧帧帧帧FrameFrame必须是关键帧必须是关键帧必须是关键帧必须是关键帧写在关键帧上面的写

4、在关键帧上面的写在关键帧上面的写在关键帧上面的ASAS，当时间轴上的指针走到这个，当时间轴上的指针走到这个，当时间轴上的指针走到这个，当时间轴上的指针走到这个关键帧的时候，就写在这个帧上面的关键帧的时候，就写在这个帧上面的关键帧的时候，就写在这个帧上面的关键帧的时候，就写在这个帧上面的ASAS就被触发执行了。就被触发执行了。就被触发执行了。就被触发执行了。操作方法：点选关键帧，然后打开操作方法：点选关键帧，然后打开操作方法：点选关键帧，然后打开操作方法：点选关键帧，然后打开ASAS面板面板面板面板，写入语，写入语，写入语，写入语句；或新建一层插入空白关键帧，然后打开句；或新建一层插入空白关键帧

5、，然后打开句；或新建一层插入空白关键帧，然后打开句；或新建一层插入空白关键帧，然后打开ASAS面板面板面板面板，写，写，写，写入语句。入语句。入语句。入语句。按钮按钮按钮按钮ButtonButton影片剪辑影片剪辑影片剪辑影片剪辑MovieClipMovieClip信息工程学院AS2AS2和和AS3AS3的主要区别的主要区别 在在在在 AS2AS2AS2AS2中中中中，ActionScriptActionScriptActionScriptActionScript代代代代 码码码码 可可可可 以以以以 添添添添 加加加加 到到到到 关关关关 键键键键 帧帧帧帧（KeyframeKeyframe

6、KeyframeKeyframe）、按按按按钮钮钮钮（ButtonButtonButtonButton）或或或或影影影影片片片片剪剪剪剪辑辑辑辑（Movie Movie Movie Movie ClipsClipsClipsClips）中，并分别称之为帧动作、按钮动作及影片剪辑动作。中，并分别称之为帧动作、按钮动作及影片剪辑动作。中，并分别称之为帧动作、按钮动作及影片剪辑动作。中，并分别称之为帧动作、按钮动作及影片剪辑动作。在在在在 AS3AS3AS3AS3中中中中，ActionScriptActionScriptActionScriptActionScript代代代代 码码码码 只只只只 能

7、能能能 添添添添 加加加加 到到到到 关关关关 键键键键 帧帧帧帧（KeyframeKeyframeKeyframeKeyframe），是是是是面面面面向向向向对对对对象象象象的的的的编编编编程程程程语语语语言言言言，而而而而不不不不是是是是一一一一个个个个简简简简简简简简单单单单单单单单的的的的控控控控制制制制影影影影片片片片播播播播放放放放的的的的东东东东西西西西.某某某某种种种种角角角角度度度度上上上上说说说说,随随随随着着着着FLASHFLASHFLASHFLASH的的的的功功功功能能能能变的越来越强大变的越来越强大变的越来越强大变的越来越强大,AS,AS,AS,AS变的越来越复杂几乎

8、是不可避免的。变的越来越复杂几乎是不可避免的。变的越来越复杂几乎是不可避免的。变的越来越复杂几乎是不可避免的。信息工程学院ActionScript的相关术语的相关术语ActionScript的语法的语法脚本的控制结构脚本的控制结构AS基础知识基础知识信息工程学院A Action ction S Scriptcript相关术语相关术语事件事件：起触发作用的事情。如鼠标的移动、按下或释：起触发作用的事情。如鼠标的移动、按下或释放等；放等；如如:按钮常见事件按钮常见事件：release、dragOut、rollOut关键字关键字：AS中有中有16个关键字个关键字breakcontinuedelete

9、elseforfunctionifinnewreturnthistupeofvarvoidwhilewith帧标签帧标签:即关键帧的名字即关键帧的名字(在时间轴上显示小红旗在时间轴上显示小红旗);元件实例名称元件实例名称:“元件元件”从从【库库】中进入中进入“舞台舞台”就被就被称为该称为该“元件元件”的的“实例实例”；有名称的影片剪辑实例有名称的影片剪辑实例才能在动作面板中调用。才能在动作面板中调用。信息工程学院ActionScript的语法的语法点语法：点语法：点语法：点语法：a1.gotoAndPlay(2);a1.gotoAndPlay(2);括号：定义函数中的相关参数；括号：定义函数中

10、的相关参数；括号：定义函数中的相关参数；括号：定义函数中的相关参数；大括号：大括号：大括号：大括号：形成一个完整的语句块；形成一个完整的语句块；形成一个完整的语句块；形成一个完整的语句块；分号：每条语句以分号：每条语句以分号：每条语句以分号：每条语句以;结束；结束；结束；结束；注释：注释：注释：注释：/后可跟上注释后可跟上注释后可跟上注释后可跟上注释;字母大小写字母大小写字母大小写字母大小写:关键字要区分大小写关键字要区分大小写关键字要区分大小写关键字要区分大小写;信息工程学院脚本的控制结构脚本的控制结构Flash的脚本控制结构有三种：的脚本控制结构有三种：顺序结顺序结构、分支结构、循环结构。

11、构、分支结构、循环结构。信息工程学院一、分支结构一、分支结构1、单分支、单分支格式格式:if(条件条件)要执行的代码要执行的代码;功能功能:如果条件满足，执行相应语句如果条件满足，执行相应语句;如果条件不满足如果条件不满足,程序继续。程序继续。信息工程学院2 2、双分支、双分支、双分支、双分支格式格式格式格式:if(if(条件条件条件条件)代码代码代码代码 1/1/条件满足执行这里的代码条件满足执行这里的代码条件满足执行这里的代码条件满足执行这里的代码 1 1elseelse代码代码代码代码 2/2/条件不满足执行这里的代码条件不满足执行这里的代码条件不满足执行这里的代码条件不满足执行这里的代

12、码 2 2功能功能功能功能:如果条件满足，执行相应语句如果条件满足，执行相应语句如果条件满足，执行相应语句如果条件满足，执行相应语句1;1;如果条件不满足如果条件不满足如果条件不满足如果条件不满足,执行相应语句执行相应语句执行相应语句执行相应语句2;2;信息工程学院3、多分支、多分支格式：格式：格式：格式：switch(switch(变量变量变量变量)casecase值值值值1:1:语句语句语句语句1;break;1;break;casecase值值值值2:2:语句语句语句语句2;break;2;break;casecase值值值值3:3:语句语句语句语句3;break;3;break;def

13、ault:default:语句语句语句语句4 4 信息工程学院for(for(初值；条件；下一个初值；条件；下一个初值；条件；下一个初值；条件；下一个)循环体语句循环体语句循环体语句循环体语句/执行这里的代码执行这里的代码执行这里的代码执行这里的代码N N次次次次 while(while(条件条件条件条件)循环体语句循环体语句循环体语句循环体语句/当条件满足时一直执行这里的代码当条件满足时一直执行这里的代码当条件满足时一直执行这里的代码当条件满足时一直执行这里的代码 二、循环结构二、循环结构信息工程学院按钮元件的使用按钮的定义：按钮的定义：按钮的定义：按钮的定义：按钮实际上是包含按钮实际上是包

14、含按钮实际上是包含按钮实际上是包含四帧四帧四帧四帧的交互式影片剪辑的交互式影片剪辑的交互式影片剪辑的交互式影片剪辑当创建按钮元件时当创建按钮元件时当创建按钮元件时当创建按钮元件时,Flash,Flash就会自动创建包括四帧就会自动创建包括四帧就会自动创建包括四帧就会自动创建包括四帧的时间轴的时间轴的时间轴的时间轴.信息工程学院按钮的状态“弹起弹起弹起弹起”当鼠标指针不接触按钮时当鼠标指针不接触按钮时当鼠标指针不接触按钮时当鼠标指针不接触按钮时,按钮处于弹起状态按钮处于弹起状态按钮处于弹起状态按钮处于弹起状态;“指针经过指针经过指针经过指针经过”当鼠标移动到按钮上面当鼠标移动到按钮上面当鼠标移动

15、到按钮上面当鼠标移动到按钮上面,但没有按下时但没有按下时但没有按下时但没有按下时,按钮所按钮所按钮所按钮所处的状态处的状态处的状态处的状态;“按下按下按下按下”当鼠标左键按下时当鼠标左键按下时当鼠标左键按下时当鼠标左键按下时,按钮所处的状态按钮所处的状态按钮所处的状态按钮所处的状态.如果鼠标右键如果鼠标右键如果鼠标右键如果鼠标右键按下时按下时按下时按下时,将会弹出关联菜单将会弹出关联菜单将会弹出关联菜单将会弹出关联菜单;“点击点击点击点击”在该状态下可以定义响应鼠标的区域在该状态下可以定义响应鼠标的区域在该状态下可以定义响应鼠标的区域在该状态下可以定义响应鼠标的区域,此区域在影此区域在影此区域

16、在影此区域在影片中是不可见的片中是不可见的片中是不可见的片中是不可见的;信息工程学院6.3Action行为实例行为实例给按钮添加动作给按钮添加动作 按按按按钮钮钮钮动动动动作作作作是是是是按按按按钮钮钮钮的的的的灵灵灵灵魂魂魂魂，若若若若不不不不给给给给按按按按钮钮钮钮添添添添加加加加动动动动作作作作，按按按按钮钮钮钮就就就就毫毫毫毫无无无无用处。用处。用处。用处。使用给按钮添加动作的语法是：使用给按钮添加动作的语法是：使用给按钮添加动作的语法是：使用给按钮添加动作的语法是：On(Event)/On(Event)/On(Event)/On(Event)/执行的动作执行的动作执行的动作执行的动作

17、 其中其中其中其中EventEventEventEvent（事件）是指鼠标的各种动作，主要有：（事件）是指鼠标的各种动作，主要有：（事件）是指鼠标的各种动作，主要有：（事件）是指鼠标的各种动作，主要有：PressPressPressPress（点击）（点击）（点击）（点击）ReleaseReleaseReleaseRelease（释放）（释放）（释放）（释放）ReleaseOutsideReleaseOutsideReleaseOutsideReleaseOutside（释放离开）（释放离开）（释放离开）（释放离开）RollOverRollOverRollOverRollOver（指针经过）（

18、指针经过）（指针经过）（指针经过）RollOutRollOutRollOutRollOut（指针离开）（指针离开）（指针离开）（指针离开）DragOverDragOverDragOverDragOver（拖放经过）（拖放经过）（拖放经过）（拖放经过）信息工程学院给按钮加动作给按钮加动作给按钮加动作实例实例：播放、重播、停止按钮：播放、重播、停止按钮从公用库中导入按钮；从公用库中导入按钮；回到场景中，拖入按钮，给按钮实例加动作回到场景中，拖入按钮，给按钮实例加动作on(release)gotoAndplay(1);/重播重播给按钮加动作脚本给按钮加动作脚本,必须添加事件必须添加事件onon(re

19、lease)stop();信息工程学院2、简单图片浏览器制作FlashFlash中制作按钮元件中制作按钮元件,可任意发挥可任意发挥;新建图层新建图层“按钮按钮”,放置制作好的按钮放置制作好的按钮(如上一页、下一如上一页、下一页页););新建图层新建图层”图片图片”,导入四幅图片导入四幅图片(4(4个关键帧个关键帧););并将此层拖入最底层并将此层拖入最底层;其它图层延续到第其它图层延续到第4 4帧帧;在在“图片图片”上又新建图层上又新建图层,命名为命名为”图片序号图片序号”,画白色无边线矩形做为背景画白色无边线矩形做为背景;左边是一个动左边是一个动态文本态文本,将其变量名设为将其变量名设为”b

20、 b”,中间画一条斜中间画一条斜线线,右边是一个静态文本右边是一个静态文本”4 4”;信息工程学院在最上层新建图层在最上层新建图层,命名为命名为”脚本脚本”;在第一帧添加如下在第一帧添加如下脚本脚本:stop();b=“1”;上一页按钮添加如下脚本上一页按钮添加如下脚本:on(release)prevFrame();if(b1)b-;下一页按钮添加如下脚本下一页按钮添加如下脚本:on(release)nextFrame();if(b?lt;/td YesYesYesYes数数值值_height_heightMC._heightMC._height返回返回/设设置置MCMC的高的高值值YesYe

21、sYesYes数数值值_rotation_rotationMC._rotationMC._rotation返回返回/设设置置MCMC的角度的角度YesYesYesYes数数值值_currentframe_currentframeMC._currentframe MC._currentframe 返回返回MCMC的当前的当前帧帧YesYesNoNo-_totalframes_totalframesMC._totalframesMC._totalframes返回返回MCMC的的总帧总帧数数YesYesNoNo-_framesloaded_framesloadedMC._framesloadedMC

22、._framesloaded返回已下返回已下载帧载帧数数YesYesNoNo-_name_nameMC._nameMC._name返回返回/设设置置MCMC的名称的名称YesYesYesYes-影片剪辑属性影片剪辑属性信息工程学院setProperty详解setProperty详解详解作用：作用：设置影片剪辑的属性设置影片剪辑的属性；语法：语法：setProperty(“目标目标”，属性，属性，“值值”)；属性包括：属性包括：_alpha透明度透明度_focusrect显示聚焦框显示聚焦框_height高度高度_highquality高品质高品质_name名称名称_quality品质品质_ro

23、tation旋转旋转_soundbuftime声音缓冲时间声音缓冲时间_visible可见可见_width宽度宽度_x水平位置水平位置_xscale水平缩放水平缩放_y垂直位置垂直位置_yscale垂直缩放垂直缩放信息工程学院实例实例:setProperty(mc,_alpha,50);setProperty(mc,_rotation,200);setProperty(mc,_visible,false);getProperty详解详解作用：作用：返回指定影片剪辑的属性返回指定影片剪辑的属性；语法：语法：setProperty(“目标目标”，属性，属性)；实例：实例：getProperty(m

24、c,_x);信息工程学院动态控制影片剪辑1、影片剪辑的深度级别、影片剪辑的深度级别表示影片剪辑在表示影片剪辑在SWF文件中的堆叠次序。每个文件中的堆叠次序。每个影片剪辑都有唯一的一个深度级别值，值越大影片剪辑都有唯一的一个深度级别值，值越大将排在越前面。每一个深度级别只能容纳一个将排在越前面。每一个深度级别只能容纳一个影片剪辑，如果分配了相同的深度级别，将替影片剪辑，如果分配了相同的深度级别，将替换了以前的影片剪辑。如：换了以前的影片剪辑。如：mc.duplicateMovieClip(“mc1”,5)，即复制了一，即复制了一个与个与mc相同的影片剪辑，深度值为相同的影片剪辑，深度值为5。深度

25、值可选：深度值可选：-163841048575信息工程学院2、影片剪辑的动态复制duplicateMovieClip(“要被复制的影片剪辑的实例名称要被复制的影片剪辑的实例名称”,“为复制得到的影片剪辑指定名称为复制得到的影片剪辑指定名称”，深度值深度值)；如：如：on(release)for(i=1;I10;i+)duplicateMovieClip(“mc”,”mc”+i,i);setproperty(”mc”+i,_x,random(550);setproperty(”mc”+i,_y,random(400);复制出来的影片剪辑与原来的影片剪辑在同一位置，属复制出来的影片剪辑与原来的影片

26、剪辑在同一位置，属性也相同，利用性也相同，利用setproperty命令修改之。实例的名称命令修改之。实例的名称为为mc+i，如，如mc+2信息工程学院飞越星空效果实例1、新建一长和宽为、新建一长和宽为420PX；帧频：；帧频：25；背景色为黑色；背景色为黑色的影片；的影片；2、先建一影片剪辑；共、先建一影片剪辑；共30帧；是一个白色的圆从大到帧；是一个白色的圆从大到小水平运动的动画；及第一帧是长和宽为小水平运动的动画；及第一帧是长和宽为10的大圆；的大圆；透明度为透明度为100；第；第30帧是一个长和宽为帧是一个长和宽为1PX的小圆；透的小圆；透明度为明度为0；如下图：；如下图：信息工程学院

27、3、回到主场景；将刚刚制作好的、回到主场景；将刚刚制作好的MC；拖到主场景一；拖到主场景一帧，并命名为：帧，并命名为：ball;然后在第二帧插入帧；然后在第二帧插入帧；4、新建一层；在第一帧加入如下、新建一层；在第一帧加入如下AS；setProperty(ball,_alpha,random(100);setProperty(ball,_rotation,random(360);duplicateMovieClip(ball,random(100),random(100);5、测试影片、测试影片信息工程学院波浪线条具体步骤先做一影片剪辑先做一影片剪辑(曲线段曲线段,颜色颜色,形状变化形状变化)

28、,拖入场景中拖入场景中,实实例名称取为例名称取为0;新建一层新建一层,在第一帧加动作在第一帧加动作:第二帧第二帧,F7,加动作加动作:第三帧第三帧,F7,加动作加动作:i=1;max=50;setProperty(“0”,_alpha,0);setProperty(“0”,_visible,false);duplicateMovieClip(i-1,i,i);setProperty(i,_alpha,getProperty(i-1,_alpha)+3);setProperty(i,_y,getProperty(i-1,_y)+i/10);setProperty(i,_xscale,getPro

29、perty(i-1,_xscale)+4);i=i+1;if(i动作动作.先定义变量，先定义变量，并鼠标拖拽并鼠标拖拽i=2;startDrag(dot1,true);按按F6第第2帧，随机复制影片剪辑帧，随机复制影片剪辑“dot1”,代码如下：代码如下：if(i40)i=1;duplicateMovieClip(dot1,dot+i,i+1889);dot_rot=random(360);setProperty(dot+i,_rotation,dot_rot);i+;按按F6第第3帧，转到并帧，转到并play第第2帧帧gotoAndPlay(2);五、回到场景，图层一放图像，新建图层五、回到

30、场景，图层一放图像，新建图层ctrl+L:将将圆圆1拖出拖出来，放入舞台来，放入舞台.大功告成大功告成信息工程学院 在在FlashFlash中使用视频的时候，可以进行导入、剪裁中使用视频的时候，可以进行导入、剪裁等操作，还可控制播放进程，但是不能修改视频中的等操作，还可控制播放进程，但是不能修改视频中的具体内容。具体内容。例如，导入一个长度为例如，导入一个长度为1 1分钟的视频，可以修改分钟的视频，可以修改它的时间起点、时间终点和显示区域，但是不能改变它的时间起点、时间终点和显示区域，但是不能改变画面中的文字和人物。画面中的文字和人物。导入视频导入视频信息工程学院导入视频 下面以导入一个视频片

31、段为例，介绍导入视频的方法：“选择视频”对话框 1.新建一个Flash文档，选择“文件”“导入”“导入视频”菜单，在打开的“选择视频”对话框中单击 按钮，再打开的“打开”对话框中选择“老鼠爱大米.avi”文件，设置完成后单击“下一个”按钮。信息工程学院“部署”对话框2.在打开的“部署”对话框中的“您希望如何部署视频？”选项中有5个单选钮，我们选择“在SWF中嵌入视频并在时间轴上播放”单选钮，然后单击“下一个”按钮。信息工程学院“嵌入”对话框3.在打开的“嵌入”对话框中，可对导入类型和音轨进行设置，设置完成后单击“下一个”按钮。信息工程学院“编码”对话框4.在打开的“编码”对话框中，我们可以设置

32、“编码配置文件”、“视频编码”、“音频”编码，还可以裁切和调整视频的大小，设置完成后单击“下一个”按钮。信息工程学院“完成视频导入”对话框5.在打开的“完成视频导入”对话框中单击“完成”按钮，稍等一段时间，就会将视频导入到文档。信息工程学院编辑视频 如果只希望导入视频的一部分而不是整个视频，可在导入视频的过程中对其进行编辑，删除不想要的片断。具体操作如下：“拆分视频”对话框 1.导入视频时，在“嵌入”对话框中选择“先编辑视频”单选按钮，然后单击“下一个”按钮，会打开“拆分视频”对话框。信息工程学院 设置起始帧和结束帧 创建新的剪辑3.调整好后，单击“创建新的剪辑”按钮 ，可将刚才截取的片断生成

33、一个剪辑，创建的剪辑将出现在“剪辑列表”中，我们可为其重命名。2.向右拖动“开始导入点”确定视频片断的起始帧，向左拖动“停止导入点”确定视频片断的结束帧，单击“预览剪辑”按钮 ，可观看截取片断的播放效果。可以单击“后退一帧”按钮 和“前进一帧”按钮来进行精确调整。4.要调整剪辑中所截取的内容，可以先选中要调整的剪辑，然后调整其“开始导入点”和“停止导入点”，调整好后单击“更新剪辑”按钮即可。信息工程学院 再创建一个剪辑 导入的视频片断5.利用与步骤2、3、4相同的操作再创建一个剪辑。6.单击“下一个”按钮，按照步骤导入视频，我们会发现只有“剪辑列表”中的剪辑被导入了，并且按照“剪辑列表”中的顺序排列在舞台和“库”面板中。信息工程学院FLASH文字动画制作工具文字动画制作工具