Flash脚本基础实例(导航条及MC)课件.ppt
- 【下载声明】
1. 本站全部试题类文档,若标题没写含答案,则无答案;标题注明含答案的文档,主观题也可能无答案。请谨慎下单,一旦售出,不予退换。
2. 本站全部PPT文档均不含视频和音频,PPT中出现的音频或视频标识(或文字)仅表示流程,实际无音频或视频文件。请谨慎下单,一旦售出,不予退换。
3. 本页资料《Flash脚本基础实例(导航条及MC)课件.ppt》由用户(三亚风情)主动上传,其收益全归该用户。163文库仅提供信息存储空间,仅对该用户上传内容的表现方式做保护处理,对上传内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(点击联系客服),我们立即给予删除!
4. 请根据预览情况,自愿下载本文。本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
5. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007及以上版本和PDF阅读器,压缩文件请下载最新的WinRAR软件解压。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Flash 脚本 基础 实例 导航 MC 课件
- 资源描述:
-
1、信息工程学院FLASH脚本特效脚本特效常用脚本特效欣赏 萤火虫萤火虫 雪花雪花 弹性跟随弹性跟随 网页导航条网页导航条 黑客帝国数字流黑客帝国数字流信息工程学院学习内容脚本基础知识脚本基础知识按钮元件的使用按钮元件的使用导航菜单的制作导航菜单的制作控制影片剪辑的脚本控制影片剪辑的脚本信息工程学院信息工程学院AS可添加在哪些对象上可添加在哪些对象上(AS2.0):信息工程学院信息工程学院AS基础知识基础知识信息工程学院事件事件:起触发作用的事情。如鼠标的移动、按下或释:起触发作用的事情。如鼠标的移动、按下或释放等;放等;如如:按钮常见事件按钮常见事件:release、dragOut、rollOu
2、t关键字关键字:AS中有中有16个关键字个关键字 break continue delete else for function if in new return this tupeof var void while with帧标签帧标签:即关键帧的名字即关键帧的名字(在时间轴上显示小红旗在时间轴上显示小红旗);元件实例名称元件实例名称:“元件元件”从从【库库】中进入中进入“舞台舞台”就被就被称为该称为该“元件元件”的的“实例实例”;有名称的影片剪辑实例有名称的影片剪辑实例才能在动作面板中调用。才能在动作面板中调用。信息工程学院Action Script的语法的语法信息工程学院脚本的控制结构脚
3、本的控制结构信息工程学院1、单分支、单分支格式格式:if(条件条件)要执行的代码要执行的代码;功能功能:如果条件满足,执行相应语句如果条件满足,执行相应语句;如果条件不满足如果条件不满足,程序继续。程序继续。信息工程学院信息工程学院3、多分支、多分支信息工程学院二、循环结构二、循环结构信息工程学院按钮元件的使用信息工程学院信息工程学院6.3 Action行为实例行为实例 信息工程学院给按钮加动作给按钮加动作给按钮加动作实例实例:播放、重播、停止按钮:播放、重播、停止按钮从公用库中导入按钮;从公用库中导入按钮;回到场景中,拖入按钮,给按钮实例加动作回到场景中,拖入按钮,给按钮实例加动作 on(r
4、elease)gotoAndplay(1);/重播重播 给按钮加动作脚本给按钮加动作脚本,必须添加事件必须添加事件onon(release)stop();信息工程学院2、简单图片浏览器制作FlashFlash中制作按钮元件中制作按钮元件,可任意发挥可任意发挥;新建图层新建图层“按钮按钮”,放置制作好的按钮放置制作好的按钮(如上一页、下一如上一页、下一页页););新建图层新建图层”图片图片”,导入四幅图片导入四幅图片(4(4个关键帧个关键帧););并将此层拖入最底层并将此层拖入最底层;其它图层延续到第其它图层延续到第4 4帧帧;在在“图片图片”上又新建图层上又新建图层,命名为命名为”图片序图片序
5、号号”,画白色无边线矩形做为背景画白色无边线矩形做为背景;左边是一个左边是一个动态文本动态文本,将其变量名设为将其变量名设为”b b”,中间画一条中间画一条斜线斜线,右边是一个静态文本右边是一个静态文本”4 4”;信息工程学院在最上层新建图层在最上层新建图层,命名为命名为”脚本脚本”;在第一帧添加如下在第一帧添加如下脚本脚本:stop();b=“1”;上一页按钮添加如下脚本上一页按钮添加如下脚本:on(release)prevFrame();if(b1)b-;下一页按钮添加如下脚本下一页按钮添加如下脚本:on(release)nextFrame();if(b4)b+;2、简单图片浏览器制作信息
6、工程学院12.2 动作运用动作运用l gotoAndPlaygotoAndPlay:从当前帧转到目标帧开始播放动画。从当前帧转到目标帧开始播放动画。l gotoAndStopgotoAndStop:从当前帧转到目标帧并停止播放动画。从当前帧转到目标帧并停止播放动画。l playplay:开始播放已停止了的动画。开始播放已停止了的动画。l stopstop:从该帧停止当前正在播放的动画。从该帧停止当前正在播放的动画。l nextFramenextFrame:从当前帧转到下一帧。从当前帧转到下一帧。l nextScenenextScene:从当前场景转到下一场景。从当前场景转到下一场景。l pre
7、vFrameprevFrame:从当前帧转到前一帧。从当前帧转到前一帧。l prevSceneprevScene:从当前场景转到前一场景。从当前场景转到前一场景。l stopAllSoundsstopAllSounds:停止正在播放的所有声音。停止正在播放的所有声音。信息工程学院按钮在图片浏览中的应用举例按钮在图片浏览中的应用举例p 例一例一 p 例二例二p 例三例三u 原理分析:原理分析:通过按钮来通过按钮来控制图片切换,并且图片控制图片切换,并且图片切换时有过渡效果。切换时有过渡效果。信息工程学院例例1 1、2 2主要步骤讲解:主要步骤讲解:1.1.制作控制图片切换的按钮(用直接复制方法)
8、;制作控制图片切换的按钮(用直接复制方法);2.2.把每张图片制作成含切换效果的影片剪辑,并在最后一个把每张图片制作成含切换效果的影片剪辑,并在最后一个关键帧加关键帧加stopstop语句;语句;3.3.新建一个影片剪辑,把第二步制作的每张图片的剪辑放入该新建一个影片剪辑,把第二步制作的每张图片的剪辑放入该影片剪辑的时间轴上,并在第一帧加影片剪辑的时间轴上,并在第一帧加stopstop语句语句(如右图,一帧放一个图片剪辑)(如右图,一帧放一个图片剪辑)4.4.回到主场景,将第三步制作的影片剪辑拖放到场景中所需位回到主场景,将第三步制作的影片剪辑拖放到场景中所需位置,输入影片剪辑的实例名称,并设
9、置其置,输入影片剪辑的实例名称,并设置其AlphaAlpha值为值为0 0;5.5.新建图层,将第一步制作好的按钮拖放到场景中所需位置并新建图层,将第一步制作好的按钮拖放到场景中所需位置并摆放整齐,然后分别选择按钮打开动作面板,写入代码。摆放整齐,然后分别选择按钮打开动作面板,写入代码。信息工程学院例例1 1、2 2主要步骤讲解:主要步骤讲解:根据需要,按钮上写入的代码主要有以下几种:根据需要,按钮上写入的代码主要有以下几种:序号按钮序号按钮“1”切换代码:切换代码:on(release或或rollOver等)等)剪辑实例名剪辑实例名.gotoAndStop(1);其他序号按钮类推。其他序号按
10、钮类推。“上一页上一页”切换代码:切换代码:on(release或或rollOver等)等)剪辑实例名剪辑实例名.prevFrame();“下一页下一页”切换代码切换代码:on(release或或rollOver等)等)剪辑实例名剪辑实例名.nextFrame();信息工程学院滚动效果主要原理滚动效果主要原理 滚动的小图片上有透明按钮,当鼠标移滚动的小图片上有透明按钮,当鼠标移动到小图上的透明按钮时,触发了两个动作:动到小图上的透明按钮时,触发了两个动作:一是当前滚动的小图停止;二是播放鼠标所一是当前滚动的小图停止;二是播放鼠标所指图片的大图。指图片的大图。信息工程学院1.制作以下元件制作以下
11、元件 (1)把每张图片制作成含切换效果的影片剪辑,并在最把每张图片制作成含切换效果的影片剪辑,并在最后一个关键帧加后一个关键帧加stopstop语句;语句;(2 2)新建一个影片剪辑,把每张图片的剪辑放入该影片)新建一个影片剪辑,把每张图片的剪辑放入该影片剪辑的时间轴上,并在第一帧加剪辑的时间轴上,并在第一帧加stopstop语句。语句。(3 3)新建一个图形元件,在元件中把每张图缩小,摆放)新建一个图形元件,在元件中把每张图缩小,摆放整齐,并复制一份并列摆放。如下图所示。该元件用于制作整齐,并复制一份并列摆放。如下图所示。该元件用于制作图片滚动剪辑。图片滚动剪辑。滚动效果主要步骤:滚动效果主
12、要步骤:信息工程学院(4)制作一个透明按钮元件,按钮大小与缩小图片相同。)制作一个透明按钮元件,按钮大小与缩小图片相同。(5)制作一个影片剪辑,剪辑第一图层放第()制作一个影片剪辑,剪辑第一图层放第(3)步制作)步制作的图形元件;第二图层将透明按钮覆盖在图层一上的每张的图形元件;第二图层将透明按钮覆盖在图层一上的每张小图上,几个小图就有几个按钮。选择每个按钮,打开动小图上,几个小图就有几个按钮。选择每个按钮,打开动作面板分别添加如下代码:作面板分别添加如下代码:on(rollOver)_root.gundongmc.stop();_root.picmc._alpha=100;_root.pic
13、mc.gotoAndStop(fzl);on(rollOut)_root.gundongmc.play();_root.picmc._alpha=0;滚动剪辑的实例名滚动剪辑的实例名图片效果剪辑的实例名图片效果剪辑的实例名图片效果剪辑图片效果剪辑中帧的标签,中帧的标签,每个按钮的代每个按钮的代码中此处的帧码中此处的帧标签都不同。标签都不同。滚动效果主要步骤:滚动效果主要步骤:信息工程学院滚动效果主要步骤:滚动效果主要步骤:(6)制作一个图片滚动效果的剪辑。将第()制作一个图片滚动效果的剪辑。将第(5)步制作的)步制作的含按钮的剪辑拖放到场景中,制作图片从右向左移动的补含按钮的剪辑拖放到场景中,
14、制作图片从右向左移动的补间动画。间动画。2.回到主场景,将第(回到主场景,将第(6)步制作的滚动效果剪辑拖放到)步制作的滚动效果剪辑拖放到场景中所需位置,并将在属性面板中输入其实例名称为:场景中所需位置,并将在属性面板中输入其实例名称为:gundongmc;将第(将第(2)步制作的含多张图片切换的剪辑)步制作的含多张图片切换的剪辑拖放到场景中所需的位置(注意不要覆盖滚动剪辑),在拖放到场景中所需的位置(注意不要覆盖滚动剪辑),在并属性面板中修改剪辑的透明度为并属性面板中修改剪辑的透明度为0,输入其实例名,输入其实例名为:为:picmc 。3.测试动画。测试动画。信息工程学院goto语句详解语句
15、详解语句包括语句包括:gotoAndPlay(scene,frame)gotoAndStop(scene,frame)nextFrame()prevFrame()通过时间跳转到某一位置播放,即播放到该帧时直接通过时间跳转到某一位置播放,即播放到该帧时直接跳转到某一指定帧;跳转到某一指定帧;通过交互进行跳转,即当有一个事件发生后,才跳转,通过交互进行跳转,即当有一个事件发生后,才跳转,所以此类跳转必须写在相关事件内,所以此类跳转必须写在相关事件内,onon内,此内,此onon又必又必须添加到某对象内;须添加到某对象内;gotogoto语句可以添加在主时间轴,影片剪辑,按钮中;语句可以添加在主时间
16、轴,影片剪辑,按钮中;信息工程学院例:例:gotoAndPlay(5)由目前播放的帧直接跳到同一场景内第由目前播放的帧直接跳到同一场景内第5帧,由第帧,由第5帧帧继续播放影片。继续播放影片。gotoAndStop(5)由目前播放的帧直接跳到同一场景内第由目前播放的帧直接跳到同一场景内第5帧,停止播放帧,停止播放影片。影片。gotoAndStop(“场景场景2”,5)由目前播放的帧直接跳到由目前播放的帧直接跳到Scene2场景内的第场景内的第5帧继续播帧继续播放影片。放影片。信息工程学院如何在FLASH中插入声音和视频使用菜单栏中的使用菜单栏中的“文件文件导入导入导入到库导入到库”命令,可命令,
17、可以将声音导入到库中。以将声音导入到库中。一般在一般在Flash中使用的声音格式是中使用的声音格式是MP3和和WAV。在时间轴中,可以在时间轴中,可以设置声音的设置声音的4 4种同步方种同步方式。在实际制作的时候,式。在实际制作的时候,要根据不同的实际情况要根据不同的实际情况来选择合适的同步方式。来选择合适的同步方式。信息工程学院1事件事件 即使即使SWFSWF文件已经停止,声音播放也会继续。文件已经停止,声音播放也会继续。事件声音的一个示例就是当用户单击一个按钮事件声音的一个示例就是当用户单击一个按钮时播放的声音。时播放的声音。“开始开始”方式与方式与“事件事件”方式的功能相近,但方式的功能
18、相近,但是如果声音已经在播放,则新声音实例不会播是如果声音已经在播放,则新声音实例不会播放。放。2开始开始信息工程学院3停止停止 “停止停止”方式的作用,是使指定的声音静音。方式的作用,是使指定的声音静音。“数据流数据流”方式的声音将会严格与时间轴同步方式的声音将会严格与时间轴同步如果影片在播放,就播放声音;如果影片暂停,声音如果影片在播放,就播放声音;如果影片暂停,声音就会停止。就会停止。数据数据流的一个示例就是流的一个示例就是MVMV的制作。的制作。如果不使用如果不使用“数据流数据流”方式,那么音乐很容易方式,那么音乐很容易在播放过程中与动画、台词脱节。在播放过程中与动画、台词脱节。4数据
19、流数据流信息工程学院如何制作简单的如何制作简单的MTV 1.1.选择好音乐和图片素材,导入到选择好音乐和图片素材,导入到flashflash库里。库里。2.2.在主场景中的一个层上起名:在主场景中的一个层上起名:“musicmusic”,打开库将音乐文件从库,打开库将音乐文件从库中拖到场景中,这时,在时间轴的帧上,音乐只是一条短直线。在时间轴中拖到场景中,这时,在时间轴的帧上,音乐只是一条短直线。在时间轴的音乐结束那帧处按的音乐结束那帧处按F5F5键将影帧延长。键将影帧延长。3.3.再建一个层,起名:再建一个层,起名:“LabelLabel”(标签)。将时间轴的指针移动到(标签)。将时间轴的指
20、针移动到头帧处,插入一个帧标签:头帧处,插入一个帧标签:“start 01start 01”,之后,按,之后,按EnterEnter键,听音乐键,听音乐(数据流同步方式),当音乐中的第一句歌词刚结束时,马上再按一次(数据流同步方式),当音乐中的第一句歌词刚结束时,马上再按一次EnterEnter键,确保音乐会停止。在音乐停止的这一帧处按键,确保音乐会停止。在音乐停止的这一帧处按F7F7键,插入一个空键,插入一个空白关键帧,再书写帧标签:白关键帧,再书写帧标签:“end 01end 01”。接着,紧随在这一帧的后面再按。接着,紧随在这一帧的后面再按F7F7键再插入一个空白关键帧,再写上帧标签:键
21、再插入一个空白关键帧,再写上帧标签:“start 02start 02”,再按,再按EnterEnter键,开始听下一句歌词,同样,当第二句歌词结束时,马上按键,开始听下一句歌词,同样,当第二句歌词结束时,马上按EnterEnter键,键,音乐停止,按音乐停止,按F7F7键标注帧标签:键标注帧标签:“end 02end 02”.依次类推,一直到整首依次类推,一直到整首音乐的歌词都标注完成。音乐的歌词都标注完成。4.4.以上的步骤完成之后,就可以在每句歌词的以上的步骤完成之后,就可以在每句歌词的“start 01start 01”和和“end end 0101”之间做你要的动画(影片剪辑)了。之
22、间做你要的动画(影片剪辑)了。5 5、加上播放与重播按钮。、加上播放与重播按钮。信息工程学院口型动画口型动画 要制作人物的口型动画,随着声音可以看到适当的口型变要制作人物的口型动画,随着声音可以看到适当的口型变化。化。绘制绘制5 5种最基本的口型,然后将这种最基本的口型,然后将这5 5种基本口型和闭口时的种基本口型和闭口时的口型放置在图形元件中,在舞台中根据每一帧上的声音的韵口型放置在图形元件中,在舞台中根据每一帧上的声音的韵母设置每一帧上的口型最后再编辑声音封套。母设置每一帧上的口型最后再编辑声音封套。信息工程学院使用loadMovie动态加载外部图片作用作用:将将SWF、JPEG、GIF或
23、或PNG从从URL加载到加载到影片影片剪辑剪辑中中;语法语法:loadMovie(url,目标目标,方法方法)加载的对象与源文件最好在同一目录下加载的对象与源文件最好在同一目录下例例:个人主页中导航按钮中用到了加载个人主页中导航按钮中用到了加载SWF;实例实例01在影片剪辑中加载图片在影片剪辑中加载图片.fla制作一制作一空空影片剪辑元件,拖入场景图层影片剪辑元件,拖入场景图层1的第的第1帧中,实例名称取为帧中,实例名称取为mc在第在第1帧加脚本帧加脚本 后四帧添加关键帧加相同脚本,更换图片名后四帧添加关键帧加相同脚本,更换图片名称称新建图层新建图层2,添加两个按钮,控制上一帧,下一帧的跳转(
24、略),添加两个按钮,控制上一帧,下一帧的跳转(略)stop();loadMovie(“001.jpg”,mc);信息工程学院举例:目的:制作加载外部图片的过程,并有淡入淡出的效果;目的:制作加载外部图片的过程,并有淡入淡出的效果;制作一制作一空空影片剪辑元件影片剪辑元件”载入图片载入图片”,拖入场景图层,拖入场景图层1的第的第1帧中,帧中,实例名称取为实例名称取为 mc 在第在第1帧加脚本帧加脚本loadMovie(“1.jpg”,mc);分别在第分别在第15、25、35帧中添加帧中添加关键帧,再将第关键帧,再将第1帧和第帧和第35帧中的实例的透明度改为帧中的实例的透明度改为0%,第,第1-1
展开阅读全文