Flash脚本基础实例.ppt
《Flash脚本基础实例.ppt》由会员分享,可在线阅读,更多相关《Flash脚本基础实例.ppt(76页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、信息工程学院FLASH脚本特效脚本特效常用脚本特效欣赏 萤火虫萤火虫 雪花雪花 弹性跟随弹性跟随 网页导航条网页导航条 黑客帝国数字流黑客帝国数字流信息工程学院学习内容脚本基础知识脚本基础知识按钮元件的使用按钮元件的使用导航菜单的制作导航菜单的制作控制影片剪辑的脚本控制影片剪辑的脚本信息工程学院信息工程学院AS可添加在哪些对象上可添加在哪些对象上(AS2.0):信息工程学院信息工程学院AS基础知识基础知识信息工程学院事件事件:起触发作用的事情。如鼠标的移动、按下或释:起触发作用的事情。如鼠标的移动、按下或释放等;放等; 如如:按钮常见事件按钮常见事件: release、 dragOut、rol
2、lOut关键字关键字:AS中有中有16个关键字个关键字 break continue delete else for function if in new return this tupeof var void while with帧标签帧标签:即关键帧的名字即关键帧的名字(在时间轴上显示小红旗在时间轴上显示小红旗);元件实例名称元件实例名称: “元件元件”从【库】中进入从【库】中进入“舞台舞台”就被就被称为该称为该“元件元件”的的“实例实例”;有名称的影片剪辑实例有名称的影片剪辑实例才能在动作面板中调用。才能在动作面板中调用。信息工程学院Action Script的语法的语法信息工程学院脚本
3、的控制结构脚本的控制结构信息工程学院1、单分支、单分支格式格式: if (条件条件) 要执行的代码要执行的代码; 功能功能:如果条件满足,执行相应语句如果条件满足,执行相应语句;如果条件不满足如果条件不满足,程序继续。程序继续。信息工程学院信息工程学院3、多分支、多分支信息工程学院二、循环结构二、循环结构信息工程学院按钮元件的使用信息工程学院信息工程学院1、按钮制作实例效果一效果一效果二效果二信息工程学院6.3 Action行为实例行为实例 信息工程学院给按钮加动作给按钮加动作给按钮加动作实例实例:播放、重播、停止按钮:播放、重播、停止按钮从公用库中导入按钮;从公用库中导入按钮;回到场景中,拖
4、入按钮,给按钮实例加动作回到场景中,拖入按钮,给按钮实例加动作 on (release) gotoAndplay( 1);/重播重播 给按钮加动作脚本给按钮加动作脚本,必须添加事件必须添加事件onon(release) stop( ); 信息工程学院FlashFlash中制作按钮元件中制作按钮元件, ,可任意发挥可任意发挥; ;新建图层新建图层“按钮按钮”, ,放置制作好的按钮放置制作好的按钮( (如上一页、下一如上一页、下一页页););新建图层新建图层”图片图片”, ,导入四幅图片导入四幅图片(4(4个关键帧个关键帧););并将此层拖入最底层并将此层拖入最底层; ;其它图层延续到第其它图层延
5、续到第4 4帧帧; ;在在“图片图片”上又新建图层上又新建图层, ,命名为命名为”图片序图片序号号”, ,画白色无边线矩形做为背景画白色无边线矩形做为背景; ;左边是一个左边是一个动态文本动态文本, ,将其变量名设为将其变量名设为” ” b”,b”,中间画一条中间画一条斜线斜线, ,右边是一个静态文本右边是一个静态文本”4”;4”;2、简单图片浏览器制作信息工程学院在最上层新建图层在最上层新建图层,命名为命名为”脚本脚本”;在第一帧添加如下在第一帧添加如下脚本脚本:stop();b=“1”;上一页按钮添加如下脚本上一页按钮添加如下脚本: on(release)prevFrame();if(b1
6、)b-; 下一页按钮添加如下脚本下一页按钮添加如下脚本: on(release) nextFrame(); if(b4)b+; 2、简单图片浏览器制作信息工程学院12.2 动作运用动作运用lgotoAndPlaygotoAndPlay:从当前帧转到目标帧开始播放动画。从当前帧转到目标帧开始播放动画。lgotoAndStopgotoAndStop:从当前帧转到目标帧并停止播放动画。从当前帧转到目标帧并停止播放动画。lplayplay:开始播放已停止了的动画。开始播放已停止了的动画。lstopstop:从该帧停止当前正在播放的动画。从该帧停止当前正在播放的动画。lnextFramenextFram
7、e:从当前帧转到下一帧。从当前帧转到下一帧。lnextScenenextScene:从当前场景转到下一场景。从当前场景转到下一场景。lprevFrameprevFrame:从当前帧转到前一帧。从当前帧转到前一帧。lprevSceneprevScene:从当前场景转到前一场景。从当前场景转到前一场景。lstopAllSoundsstopAllSounds:停止正在播放的所有声音。停止正在播放的所有声音。 信息工程学院12.2 动作运用动作运用 帧添加动作的代码,是在时间轴的关键帧上。帧添加动作的代码,是在时间轴的关键帧上。【方法】方法】 在时间轴上选择要添加动作的关键帧,然后打开动作面在时间轴上
8、选择要添加动作的关键帧,然后打开动作面板,选择动作代码即可板,选择动作代码即可 。例子:在动画时间轴上添加例子:在动画时间轴上添加stopstop动作。动作。 第一步:制作运动动画第一步:制作运动动画 第二步:演示动画第二步:演示动画 第三步:在时间轴末尾关键帧添加第三步:在时间轴末尾关键帧添加stopstop动作动作 第四步:演示动画第四步:演示动画 请同学们比较分析两次演示动画的不同请同学们比较分析两次演示动画的不同信息工程学院goto语句详解语句详解语句包括语句包括:gotoAndPlay(scene,frame) gotoAndStop(scene,frame) nextFrame(
9、) prevFrame( )通过时间跳转到某一位置播放,即播放到该帧时直接通过时间跳转到某一位置播放,即播放到该帧时直接跳转到某一指定帧;跳转到某一指定帧;通过交互进行跳转,即当有一个事件发生后,才跳转,通过交互进行跳转,即当有一个事件发生后,才跳转,所以此类跳转必须写在相关事件内,所以此类跳转必须写在相关事件内,onon内,此内,此onon又必又必须添加到某对象内;须添加到某对象内;gotogoto语句可以添加在主时间轴,影片剪辑,按钮中;语句可以添加在主时间轴,影片剪辑,按钮中;信息工程学院例:例:gotoAndPlay(5) 由目前播放的帧直接跳到同一场景内第由目前播放的帧直接跳到同一场
10、景内第5帧,由第帧,由第5帧帧继续播放影片。继续播放影片。 gotoAndStop(5) 由目前播放的帧直接跳到同一场景内第由目前播放的帧直接跳到同一场景内第5帧,停止播放帧,停止播放影片。影片。gotoAndStop(“场景场景2”,5) 由目前播放的帧直接跳到由目前播放的帧直接跳到Scene2场景内的第场景内的第5帧继续播帧继续播放影片。放影片。信息工程学院onon详解详解作用:作用:给按钮加动作时一定要包含在给按钮加动作时一定要包含在on命令的命令的大括号中大括号中on后跟的事件包括:后跟的事件包括:pressreleasereleaseOutsiderollOverrollOutdra
11、gOverdragOutkeyPress”此处此处Left还可以更改为还可以更改为Right Home End Delete Insert Enter Backspace Up Down PageUp PageDown Tab Escape Space信息工程学院presspress点击点击-鼠标指针在按钮上时按下鼠标键;鼠标指针在按钮上时按下鼠标键;releaserelease释放释放-鼠标指针在按钮上时,释放鼠标按鼠标指针在按钮上时,释放鼠标按键;键;rollOverrollOver指针经过指针经过-鼠标指针移到按钮上面;鼠标指针移到按钮上面;rollOutrollOut指针离开指针离开-
12、鼠标指针从按钮上移出;鼠标指针从按钮上移出;releaseOutsidereleaseOutside释放离开释放离开-鼠标指针在按钮上时鼠标指针在按钮上时按下鼠标按键,移出按钮外后才释放按键;按下鼠标按键,移出按钮外后才释放按键;dragOutdragOut拖放离开拖放离开-鼠标指针在按钮上时按下鼠标鼠标指针在按钮上时按下鼠标键,然后拖出按钮外;键,然后拖出按钮外;dragOverdragOver拖放经过拖放经过-鼠标指针在按钮上时按下鼠鼠标指针在按钮上时按下鼠标键,然后拖出按钮外,接着又拖回按钮上;标键,然后拖出按钮外,接着又拖回按钮上;keyPresskeyPress按键按键-按下指定的键
13、盘键按下指定的键盘键信息工程学院loadMovie详解(幻灯浏览)作用作用:将将SWF、JPEG、GIF或或PNG从从URL加载到加载到影片影片剪辑剪辑中中;语法语法:loadMovie(url,目标目标,方法方法)加载的对象与源文件最好在同一目录下加载的对象与源文件最好在同一目录下例例:个人主页中导航按钮中用到了加载个人主页中导航按钮中用到了加载SWF;实例实例01在影片剪辑中加载图片在影片剪辑中加载图片.fla制作一制作一空空影片剪辑元件,拖入场景图层影片剪辑元件,拖入场景图层1的第的第1帧中,实例名称取为帧中,实例名称取为mc在第在第1帧加脚本帧加脚本 后四帧添加关键帧加相同脚本,更换图
14、片名后四帧添加关键帧加相同脚本,更换图片名称称新建图层新建图层2,添加两个按钮,控制上一帧,下一帧的跳转(略),添加两个按钮,控制上一帧,下一帧的跳转(略)stop(); loadMovie(“001.jpg”,mc);信息工程学院3、强化练习幻灯片效果目的:制作图片加载过程中淡入淡出的效果;目的:制作图片加载过程中淡入淡出的效果;制作一制作一空空影片剪辑元件影片剪辑元件”载入图片载入图片”,拖入场景图层,拖入场景图层1的第的第1帧中,实例名称取为帧中,实例名称取为 mc 在第在第1帧加脚本帧加脚本loadMovie(“校园风光校园风光1.jpg”,mc); 分别在第分别在第15、25、35帧
15、中添加关键帧,再将第帧中添加关键帧,再将第1帧和第帧和第35帧中的实例的透明帧中的实例的透明度改为度改为0%,第,第1-15帧,第帧,第25-35帧之间加动作补间;帧之间加动作补间;其它三幅图片载入效果类同,做在同一层其它三幅图片载入效果类同,做在同一层 ; 新建图层新建图层2,添加四个按钮,控制五幅图片的显示,每个按钮,添加四个按钮,控制五幅图片的显示,每个按钮上的动作如下(每个按钮对应一行脚本);上的动作如下(每个按钮对应一行脚本);on (release) gotoAndPlay(1);on (release) gotoAndPlay(36);on (release) gotoAndPl
16、ay(71);on (release) gotoAndPlay(106);信息工程学院loadMovieNum详解详解作用作用:将图片、将图片、SWF从从URL加载到层中加载到层中;例例_01加载图片到层中加载图片到层中.fla新建文档,保存后,在第新建文档,保存后,在第1帧加如下代码(对应的图片保帧加如下代码(对应的图片保存在同目录下;)存在同目录下;)loadMovieNum(“001.jpg”,1);loadMovieNum(“002.jpg”,2);onEnterFrame=function()if(_level1) with(_level1)_y=200; delete onEnte
17、rFrame;将第一幅图加载到第一层;将第一幅图加载到第一层;将第二幅图加载到第二层;将第二幅图加载到第二层;蓝色脚本表示对层的位置的控制;蓝色脚本表示对层的位置的控制;如果没有此段代码,两幅图会重叠;如果没有此段代码,两幅图会重叠;此代码表示:如果存在第一层,此代码表示:如果存在第一层,那第一层的对象的那第一层的对象的Y轴偏移轴偏移200像像素!(还可以添加素!(还可以添加X轴的位置,或轴的位置,或透明度的属性等等)透明度的属性等等)信息工程学院unloadMovie详解详解作用:作用:卸载影片剪辑中的对象卸载影片剪辑中的对象;语法:语法:unloadMovie(目标目标)如:如:unloa
18、dMovie(mc); mc为影片剪辑的实例名称为影片剪辑的实例名称unloadMovieNum详解详解作用:作用:卸载层中的对象卸载层中的对象;语法:语法:unloadMovieNum(级别级别)如:如:unloadMovieNum(1); 1表示第一层的的对象表示第一层的的对象信息工程学院控制影片剪辑的脚本把把AS写在影片剪辑本身上,选中写在影片剪辑本身上,选中影片剪辑影片剪辑,必必须添加事件须添加事件onClipEvent onClipEvent (事件事件) /需要执行的脚本程序需要执行的脚本程序括号里的括号里的“事件事件”其实是个触发器,当事件发其实是个触发器,当事件发生时,执行该事
19、件后面花括号中的语句。生时,执行该事件后面花括号中的语句。 信息工程学院onClipEvent触发事件onClipEvent(load) 当影片片断第一次加载到时间轴时,会触发本事件当影片片断第一次加载到时间轴时,会触发本事件一次一次onClipEvent(enterFrame) 当影片片断加载时间轴时,不论是放映或当影片片断加载时间轴时,不论是放映或停止状态或显示与否,都会不断触发本事件。所以只要此片断被加载停止状态或显示与否,都会不断触发本事件。所以只要此片断被加载后,此事件会一直不断地执行,直到影片片断被删除为止。后,此事件会一直不断地执行,直到影片片断被删除为止。onClipEvent
20、(unload) 当影片片断被删除时,会触发本事件一次。当影片片断被删除时,会触发本事件一次。onClipEvent(mouseDown)当鼠标左键被按下时,会触发本事件一次。当鼠标左键被按下时,会触发本事件一次。onClipEvent(mouseUp) 当被按下的鼠标左键被放开时,会触发本事当被按下的鼠标左键被放开时,会触发本事件一次。件一次。onClipEvent(mouseMove) 只要在场景中移动鼠标,就会不断触发本只要在场景中移动鼠标,就会不断触发本事件。事件。onClipEvent(keyDown) 当键盘被按下时,会触发本事件。当键盘被按下时,会触发本事件。onClipEven
21、t(keyUp) 当已按下的键盘被松开时,会触发本事件一次当已按下的键盘被松开时,会触发本事件一次信息工程学院影片剪辑控制实例1、 新建立一个电影剪辑元件,里面随便画一个圆。之后把这个新建立一个电影剪辑元件,里面随便画一个圆。之后把这个影片剪辑拖放到舞台之中(也就是创建一个此影片剪辑的实例)。影片剪辑拖放到舞台之中(也就是创建一个此影片剪辑的实例)。2、 选中这个选中这个MC,按,按F9打开动作面板,按照图打开动作面板,按照图01显示选择显示选择onClipEvent,之后在显示的事件中选择,之后在显示的事件中选择enterFrame,然后在里,然后在里面编写脚本如下:面编写脚本如下:onCl
22、ipEvent (enterFrame) / enterFrame的意思是以影片帧频不的意思是以影片帧频不断地触发此动作断地触发此动作this._x += 5; /this代表这个影片剪辑自身。代表这个影片剪辑自身。_x表示影片剪辑的表示影片剪辑的X轴轴坐标。坐标。信息工程学院控制影片剪辑属性1、影片剪辑在场景中的位置(、影片剪辑在场景中的位置(效果效果)由由“_x”和和“_y”属性决定的。属性决定的。若每播放一帧,影片剪辑向右和向下移动若每播放一帧,影片剪辑向右和向下移动10像素像素的位置:的位置:onClipEvent(enterFrame)this._x+=10;this. _y+=10
23、;信息工程学院2、控制影片剪辑的旋转、控制影片剪辑的旋转(效果效果) 使用使用“_rotation”属性,属性,-180180 度之间,如:度之间,如:_rotation+=10;3、控制影片剪辑的透明度和可见性、控制影片剪辑的透明度和可见性 使用使用“_alpha”属性,属性,0100 之间,如:之间,如:mc. _alpha=50;_alpha+=10; 使用使用“_visible”属性,属性,true或或false之间;之间;信息工程学院4、控制影片剪辑的大小(、控制影片剪辑的大小(效果效果)使用使用“_width”和和“_height”属性,及表示纵、横向缩放属性,及表示纵、横向缩放百
24、分比的百分比的“_xscale”和和“_yscale”属性,如:属性,如:onClipEvent(enterFrame) _width =_ width /2; _height =_ height /2;onClipEvent(enterFrame)_xscale =100*(_root._xmouse-_x)/100;_yscale =100*(_root._ymouse-_y)/100;信息工程学院信息工程学院动态控制影片剪辑1、影片剪辑的深度级别、影片剪辑的深度级别表示影片剪辑在表示影片剪辑在SWF文件中的堆叠次序。每个文件中的堆叠次序。每个影片剪辑都有唯一的一个深度级别值,值越大影片剪
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Flash 脚本 基础 实例
限制150内