Flash脚本基础实例(导航条及MC).ppt
《Flash脚本基础实例(导航条及MC).ppt》由会员分享,可在线阅读,更多相关《Flash脚本基础实例(导航条及MC).ppt(76页珍藏版)》请在三一办公上搜索。
1、FLASH脚本基础及实例,FLASH脚本特效,常用脚本特效欣赏 萤火虫 雪花 弹性跟随 网页导航条 黑客帝国数字流,学习内容,脚本基础知识按钮元件的使用导航菜单的制作控制影片剪辑的脚本,FLASH脚本_AS,Action Script是Flash的脚本语言,具有强大的交互功能,通过脚本应用,用户对动画元件的控制得到加强。目前提供了AS2.0和AS3.0两个版本。动作面板是Flash提供的运行编程的专用环境F9打开动作面板;使用ActionScript的目的:交互式网站的开发;课件制作;小游戏开发、MTV、电子贺卡制作;,AS可添加在哪些对象上(AS2.0):,帧Frame必须是关键帧 写在关键
2、帧上面的AS,当时间轴上的指针走到这个关键帧的时候,就写在这个帧上面的AS就被触发执行了。操作方法:点选关键帧,然后打开AS面板,写入语句;或新建一层插入空白关键帧,然后打开AS面板,写入语句。按钮Button影片剪辑Movie Clip,AS2和AS3的主要区别,在AS2中,ActionScript代码可以添加到关键帧(Keyframe)、按钮(Button)或影片剪辑(Movie Clips)中,并分别称之为帧动作、按钮动作及影片剪辑动作。在AS3中,ActionScript代码只能添加到关键帧(Keyframe),是面向对象的编程语言,而不是一个简简单单的控制影片播放的东西.某种角度上说
3、,随着FLASH的功能变的越来越强大,AS变的越来越复杂几乎是不可避免的。,Action Script的相关术语Action Script的语法脚本的控制结构,AS基础知识,Action Script相关术语,事件:起触发作用的事情。如鼠标的移动、按下或释放等;如:按钮常见事件:release、dragOut、rollOut关键字:AS中有16个关键字 break continue delete else for function if in new return this tupeof var void while with帧标签:即关键帧的名字(在时间轴上显示小红旗);元件实例名称:“元件
4、”从【库】中进入“舞台”就被称为该“元件”的“实例”;有名称的影片剪辑实例才能在动作面板中调用。,Action Script的语法,点语法:a1.gotoAndPlay(2);括号:定义函数中的相关参数;大括号:形成一个完整的语句块;分号:每条语句以;结束;注释:/后可跟上注释;字母大小写:关键字要区分大小写;,脚本的控制结构,Flash的脚本控制结构有三种:顺序结构、分支结构、循环结构。,一、分支结构,1、单分支格式:if(条件)要执行的代码;功能:如果条件满足,执行相应语句;如果条件不满足,程序继续。,2、双分支格式:if(条件)代码 1/条件满足执行这里的代码 1 else 代码 2/条
5、件不满足执行这里的代码 2功能:如果条件满足,执行相应语句1;如果条件不满足,执行相应语句2;,3、多分支格式:switch(变量)case 值1:语句1;break;case 值2:语句2;break;case 值3:语句3;break;default:语句4,for(初值;条件;下一个)循环体语句/执行这里的代码N次 while(条件)循环体语句/当条件满足时一直执行这里的代码,二、循环结构,按钮元件的使用,按钮的定义:按钮实际上是包含四帧的交互式影片剪辑当创建按钮元件时,Flash就会自动创建包括四帧的时间轴.,按钮的状态,“弹起”当鼠标指针不接触按钮时,按钮处于弹起状态;“指针经过”当
6、鼠标移动到按钮上面,但没有按下时,按钮所处的状态;“按下”当鼠标左键按下时,按钮所处的状态.如果鼠标右键按下时,将会弹出关联菜单;“点击”在该状态下可以定义响应鼠标的区域,此区域在影片中是不可见的;,6.3 Action行为实例,给按钮添加动作,按钮动作是按钮的灵魂,若不给按钮添加动作,按钮就毫无用处。使用给按钮添加动作的语法是:On(Event)/执行的动作 其中Event(事件)是指鼠标的各种动作,主要有:Press(点击)Release(释放)ReleaseOutside(释放离开)RollOver(指针经过)RollOut(指针离开)DragOver(拖放经过),给按钮加动作,给按钮加
7、动作实例:播放、重播、停止按钮从公用库中导入按钮;回到场景中,拖入按钮,给按钮实例加动作 on(release)gotoAndplay(1);/重播 给按钮加动作脚本,必须添加事件onon(release)stop();,2、简单图片浏览器制作,Flash中制作按钮元件,可任意发挥;新建图层“按钮”,放置制作好的按钮(如上一页、下一页);新建图层”图片”,导入四幅图片(4个关键帧);并将此层拖入最底层;其它图层延续到第4帧;在“图片”上又新建图层,命名为”图片序号”,画白色无边线矩形做为背景;左边是一个动态文本,将其变量名设为”b”,中间画一条斜线,右边是一个静态文本”4”;,在最上层新建图层
8、,命名为”脚本”;在第一帧添加如下脚本:stop();b=“1”;上一页按钮添加如下脚本:on(release)prevFrame();if(b1)b-;下一页按钮添加如下脚本:on(release)nextFrame();if(b4)b+;,2、简单图片浏览器制作,时间轴控制动作,12.2 动作运用,gotoAndPlay:从当前帧转到目标帧开始播放动画。gotoAndStop:从当前帧转到目标帧并停止播放动画。play:开始播放已停止了的动画。stop:从该帧停止当前正在播放的动画。nextFrame:从当前帧转到下一帧。nextScene:从当前场景转到下一场景。prevFrame:从当
9、前帧转到前一帧。prevScene:从当前场景转到前一场景。stopAllSounds:停止正在播放的所有声音。,按钮在图片浏览中的应用举例,例一 例二例三,原理分析:通过按钮来控制图片切换,并且图片切换时有过渡效果。,例1、2主要步骤讲解:,1.制作控制图片切换的按钮(用直接复制方法);2.把每张图片制作成含切换效果的影片剪辑,并在最后一个关键帧加stop语句;3.新建一个影片剪辑,把第二步制作的每张图片的剪辑放入该影片剪辑的时间轴上,并在第一帧加stop语句(如右图,一帧放一个图片剪辑)4.回到主场景,将第三步制作的影片剪辑拖放到场景中所需位置,输入影片剪辑的实例名称,并设置其Alpha值
10、为0;5.新建图层,将第一步制作好的按钮拖放到场景中所需位置并摆放整齐,然后分别选择按钮打开动作面板,写入代码。,例1、2主要步骤讲解:,根据需要,按钮上写入的代码主要有以下几种:,滚动效果主要原理,滚动的小图片上有透明按钮,当鼠标移动到小图上的透明按钮时,触发了两个动作:一是当前滚动的小图停止;二是播放鼠标所指图片的大图。,1.制作以下元件(1)把每张图片制作成含切换效果的影片剪辑,并在最后一个关键帧加stop语句;(2)新建一个影片剪辑,把每张图片的剪辑放入该影片剪辑的时间轴上,并在第一帧加stop语句。(3)新建一个图形元件,在元件中把每张图缩小,摆放整齐,并复制一份并列摆放。如下图所示
11、。该元件用于制作图片滚动剪辑。,滚动效果主要步骤:,(4)制作一个透明按钮元件,按钮大小与缩小图片相同。(5)制作一个影片剪辑,剪辑第一图层放第(3)步制作的图形元件;第二图层将透明按钮覆盖在图层一上的每张小图上,几个小图就有几个按钮。选择每个按钮,打开动作面板分别添加如下代码:,on(rollOver)_root.gundongmc.stop();_root.picmc._alpha=100;_root.picmc.gotoAndStop(fzl);on(rollOut)_root.gundongmc.play();_root.picmc._alpha=0;,滚动效果主要步骤:,滚动效果主要
12、步骤:,(6)制作一个图片滚动效果的剪辑。将第(5)步制作的含按钮的剪辑拖放到场景中,制作图片从右向左移动的补间动画。2.回到主场景,将第(6)步制作的滚动效果剪辑拖放到场景中所需位置,并将在属性面板中输入其实例名称为:gundongmc;将第(2)步制作的含多张图片切换的剪辑拖放到场景中所需的位置(注意不要覆盖滚动剪辑),在并属性面板中修改剪辑的透明度为0,输入其实例名为:picmc。3.测试动画。,goto语句详解,语句包括:gotoAndPlay(scene,frame)gotoAndStop(scene,frame)nextFrame()prevFrame()通过时间跳转到某一位置播放
13、,即播放到该帧时直接跳转到某一指定帧;通过交互进行跳转,即当有一个事件发生后,才跳转,所以此类跳转必须写在相关事件内,on内,此on又必须添加到某对象内;goto语句可以添加在主时间轴,影片剪辑,按钮中;,例:gotoAndPlay(5)由目前播放的帧直接跳到同一场景内第5帧,由第5帧继续播放影片。gotoAndStop(5)由目前播放的帧直接跳到同一场景内第5帧,停止播放影片。gotoAndStop(“场景2”,5)由目前播放的帧直接跳到Scene2场景内的第5帧继续播放影片。,如何在FLASH中插入声音和视频,使用菜单栏中的“文件导入导入到库”命令,可以将声音导入到库中。一般在Flash中
14、使用的声音格式是MP3和WAV。,在时间轴中,可以设置声音的4种同步方式。在实际制作的时候,要根据不同的实际情况来选择合适的同步方式。,1事件,即使SWF文件已经停止,声音播放也会继续。事件声音的一个示例就是当用户单击一个按钮时播放的声音。,“开始”方式与“事件”方式的功能相近,但是如果声音已经在播放,则新声音实例不会播放。,2开始,3停止,“停止”方式的作用,是使指定的声音静音。,“数据流”方式的声音将会严格与时间轴同步如果影片在播放,就播放声音;如果影片暂停,声音就会停止。数据流的一个示例就是MV的制作。如果不使用“数据流”方式,那么音乐很容易在播放过程中与动画、台词脱节。,4数据流,如何
15、制作简单的MTV,1.选择好音乐和图片素材,导入到flash库里。2.在主场景中的一个层上起名:“music”,打开库将音乐文件从库中拖到场景中,这时,在时间轴的帧上,音乐只是一条短直线。在时间轴的音乐结束那帧处按F5键将影帧延长。3.再建一个层,起名:“Label”(标签)。将时间轴的指针移动到头帧处,插入一个帧标签:“start 01”,之后,按Enter键,听音乐(数据流同步方式),当音乐中的第一句歌词刚结束时,马上再按一次Enter键,确保音乐会停止。在音乐停止的这一帧处按F7键,插入一个空白关键帧,再书写帧标签:“end 01”。接着,紧随在这一帧的后面再按F7键再插入一个空白关键帧
16、,再写上帧标签:“start 02”,再按Enter键,开始听下一句歌词,同样,当第二句歌词结束时,马上按Enter键,音乐停止,按F7键标注帧标签:“end 02”.依次类推,一直到整首音乐的歌词都标注完成。4.以上的步骤完成之后,就可以在每句歌词的“start 01”和“end 01”之间做你要的动画(影片剪辑)了。5、加上播放与重播按钮。,口型动画,要制作人物的口型动画,随着声音可以看到适当的口型变化。绘制5种最基本的口型,然后将这5种基本口型和闭口时的口型放置在图形元件中,在舞台中根据每一帧上的声音的韵母设置每一帧上的口型最后再编辑声音封套。,“a”音的口型,“O”音的口型,使用loa
17、dMovie动态加载外部图片,作用:将SWF、JPEG、GIF或PNG从URL加载到影片剪辑中;语法:loadMovie(url,目标,方法)加载的对象与源文件最好在同一目录下例:个人主页中导航按钮中用到了加载SWF;实例01在影片剪辑中加载图片.fla制作一空影片剪辑元件,拖入场景图层1的第1帧中,实例名称取为mc在第1帧加脚本 后四帧添加关键帧加相同脚本,更换图片名称新建图层2,添加两个按钮,控制上一帧,下一帧的跳转(略),stop();loadMovie(“001.jpg”,mc);,举例:,目的:制作加载外部图片的过程,并有淡入淡出的效果;制作一空影片剪辑元件”载入图片”,拖入场景图层
18、1的第1帧中,实例名称取为 mc 在第1帧加脚本loadMovie(“1.jpg”,mc);分别在第15、25、35帧中添加关键帧,再将第1帧和第35帧中的实例的透明度改为0%,第1-15帧,第25-35帧之间加动作补间;其它三幅图片载入效果类同,做在同一层;新建图层2,添加四个按钮,控制四幅图片的显示,每个按钮上的动作如下(每个按钮对应一行脚本);,on(release)gotoAndPlay(1);on(release)gotoAndPlay(36);on(release)gotoAndPlay(71);on(release)gotoAndPlay(106);,unloadMovie详解作
19、用:卸载影片剪辑中的对象;语法:unloadMovie(目标)如:unloadMovie(mc);mc为影片剪辑的实例名称,用按钮制作简单横向FLASH导航菜单,动作分析:当鼠标点击导航栏中一个栏目A时相应的子栏目按扭出现;点击另一个栏目B时相应的子栏目按扭出现,同时A的子栏目消失。,横向导航栏制作步骤:,1.制作好主栏目和相应子栏目的按钮元件;2.把每个子栏目做成一个影片剪辑,以“特色美景”栏目为例:就是把“特色美景”栏目下的“景点介绍”和“线路推荐”做在一个影片剪辑里。其它栏目的子栏目与此类似。3.在主场景中第一个图层放置背景图,第二个图层适当位置放置主栏目按钮,每个子栏目的影片剪辑依次各
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Flash 脚本 基础 实例 导航 MC
链接地址:https://www.31ppt.com/p-6505790.html