Flash脚本基础实例资料讲解.ppt

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,信息工程学院,Flash脚本基础实例,FLASH脚本特效,常用脚本特效欣赏,萤火虫,雪花,弹性跟随,网页导航条,黑客帝国数字流,学习内容,脚本基础知识,按钮元件的使用,导航菜单的制作,控制影片剪辑的脚本,FLASH脚本_AS,A,ction,S,cript是Flash的脚本语言,具有强大的交互功能，通过脚本应用，用户对动画元件的控制得到加强。目前提供了AS2.0和AS3.0两个版本。,动作面板,是Flash提供的运行编程的专用环境,F9,打开动作面板；,使用ActionScript的目的：,交互式网站的开发课件制作,；,小游戏开发、MTV、电子贺卡制作；,AS,可添加在哪些对象上(AS2.0)：,帧,Frame,必须是关键帧,写在关键帧上面的AS，当时间轴上的指针走到这个关键帧的时候，就写在这个帧上面的AS就被触发执行了。,操作,方法,：点选关键帧，然后打开AS面板，写入语句；或新建一层插入空白关键帧，然后打开AS面板，写入语句。,按钮,Button,影片剪辑,Movie Clip,AS2和AS3的主要区别,在AS2中，ActionScript代码可以添加到关键帧（Keyframe）、按钮（Button）或影片剪辑（Movie Clips）中，并分别称之为帧动作、按钮动作及影片剪辑动作。,在AS3中，ActionScript代码只能添加到关键帧（Keyframe），是面向对象的编程语言，而不是一个简简单单的控制影片播放的东西.某种角度上说,随着FLASH的功能变的越来越强大,AS变的越来越复杂几乎是不可避免的。,A,ction,S,cript的相关术语,A,ction,S,cript的语法,脚本的控制结构,AS基础知识,A,ction,S,cript相关术语,事件,：起触发作用的事情。如鼠标的移动、按下或释放等；,如:按钮常见事件,：,release、dragOut、rollOut,关键字,：AS中有16个关键字,break continue delete else for function if in new return this tupeof var void while with,帧标签,:即关键帧的名字(在时间轴上显示小红旗);,元件实例名称,:,“元件”从【库】中进入“舞台”就被称为该“元件”的“实例”；,有名称的影片剪辑实例才能在动作面板中调用。,A,ction,S,cript的语法,点语法：,a1.gotoAndPlay(2);,括号：定义函数中的相关参数；,大括号：,形成一个完整的语句块；,分号：每条语句以,;,结束；,注释：,/,后可跟上注释;,字母大小写:关键字要区分大小写;,脚本的控制结构,Flash的脚本控制结构有三种：,顺序结构、分支结构、循环结构。,一、分支结构,1、单分支,格式:,if(条件),要执行的代码;,功能:如果条件满足，执行相应语句;如果条件不满足,程序继续。,2、双分支,格式:,if(条件),代码,1/条件满足执行这里的,代码,1,else,代码,2 /条件不满足执行这里的,代码,2,功能:如果条件满足，执行相应语句1;如果条件不满足,执行相应语句2;,3、多分支,格式：switch(变量),case 值1:语句1;break;,case 值2:语句2;break;,case 值3:语句3;break;,default:语句4,for(初值；条件；下一个),循环体语句/执行这里的,代码,N次,while(条件),循环体语句 /当条件满足时一直执行这里的,代码,二、循环结构,按钮元件的使用,按钮的定义：,按钮实际上是包含,四帧,的交互式影片剪辑,当创建按钮元件时,Flash就会自动创建包括四帧的时间轴.,按钮的状态,“弹起”,当鼠标指针不接触按钮时,按钮处于弹起状态;,“指针经过”,当鼠标移动到按钮上面,但没有按下时,按钮所处的状态;,“按下”,当鼠标左键按下时,按钮所处的状态.如果鼠标右键按下时,将会弹出关联菜单;,“点击”,在该状态下可以定义响应鼠标的区域,此区域在影片中是不可见的;,1、按钮制作实例,效果一,效果二,6.3 Action行为实例,给按钮添加动作,按钮动作是按钮的灵魂，若不给按钮添加动作，按钮就毫无用处。,使用给按钮添加动作的语法是：,On(Event)/执行的动作 ,其中Event（事件）是指鼠标的各种动作，主要有：,Press（点击）,Release（释放）,ReleaseOutside（释放离开）,RollOver（指针经过）,RollOut（指针离开）,DragOver（拖放经过）,给按钮加动作,给按钮加动作,实例,：播放、重播、停止按钮,从公用库中导入按钮；,回到场景中，拖入按钮，给按钮实例加动作,on(release)gotoAndplay(1);/重播,给按钮加动作脚本,必须添加事件on,on(release),stop();,Flash中制作按钮元件,可任意发挥;新建图层“按钮”,放置制作好的按钮(如上一页、下一页);,新建图层”图片”,导入四幅图片(4个关键帧);并将此层拖入最底层;其它图层延续到第4帧;,在“图片”上又新建图层,命名为”图片序号”,画白色无边线矩形做为背景;左边是一个动态文本,将其变量名设为”b”,中间画一条斜线,右边是一个静态文本”4”;,2、,简单图片浏览器制作,在最上层新建图层,命名为”脚本”;在第一帧添加如下脚本:,stop();,b=“1”;,上一页按钮添加如下脚本:,on(release)prevFrame();,if(b1)b-;,下一页按钮添加如下脚本:,on(release),nextFrame();if(b,Yes,Yes,数值,_height,MC._height,返回/设置MC的高值,Yes,Yes,数值,_rotation,MC._rotation,返回/设置MC的角度,Yes,Yes,数值,_currentframe,MC._currentframe,返回MC的当前帧,Yes,No,-,_totalframes,MC._totalframes,返回MC的总帧数,Yes,No,-,_framesloaded,MC._framesloaded,返回已下载帧数,Yes,No,-,_name,MC._name,返回/设置MC的名称,Yes,Yes,-,动态控制影片剪辑,1、影片剪辑的深度级别,表示影片剪辑在SWF文件中的堆叠次序。每个影片剪辑都有唯一的一个深度级别值，值越大将排在越前面。每一个深度级别只能容纳一个影片剪辑，如果分配了相同的深度级别，将替换了以前的影片剪辑。如：mc.duplicateMovieClip(“mc1”,5)，即复制了一个与mc相同的影片剪辑，深度值为5。,深度值可选：-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);,复制出来的影片剪辑与原来的影片剪辑在同一位置，属性也相同，利用setproperty命令修改之。实例的名称为mc+i，如mc+2,飞越星空,效果,实例,1、新建一长和宽为420PX；帧频：25；背景色为黑色的影片；,2、先建一影片剪辑；共30帧；是一个白色的圆从大到小水平运动的动画；及第一帧是长和宽为10的大圆；透明度为100；第30帧是一个长和宽为1PX的小圆；透明度为0；如下图：,3、回到主场景；将刚刚制作好的MC；拖到主场景一帧，并命名为：ball;然后在第二帧插入帧；,4、新建一层；在第一帧加入如下AS；,setProperty(ball,_alpha,random(100);,setProperty(ball,_rotation,random(360);,duplicateMovieClip(ball,random(100),random(100);,5、测试影片,setProperty详解,setProperty详解,作用：,设置影片剪辑的属性,；,语法：setProperty(“目标”，属性，“值”)；,属性包括：,_alpha透明度,_focusrect显示聚焦框,_height高度,_highquality高品质,_name名称,_quality品质,_rotation旋转,_soundbuftime声音缓冲时间,_visible可见,_width宽度,_x水平位置,_xscale水平缩放,_y垂直位置,_yscale垂直缩放,实例:,setProperty(mc,_alpha,50);,setProperty(mc,_rotation,200);,setProperty(mc,_visible,false);,getProperty详解,作用：,返回指定影片剪辑的属性,；,语法：setProperty(“目标”，属性)；,实例：,getProperty(mc,_x);,波浪线条,具体步骤,先做一影片剪辑(曲线段,颜色,形状变化),拖入场景中,实例名称取为,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,getProperty(i-1xscale)+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);,五、回到场景，图层一放图像，新建图层ctrl+L:将圆1拖出来，放入舞台.大功告成,用flash按钮制作简单的鼠标跟随效果,动画原理分析：利用按钮的 rollOver（指针经过）事件来触发一个影片剪辑（你要的跟随效果）。在场景中铺满透明度为0的按钮时，我们只要把鼠标放到场景中移动（rollover)，就会触发跟随效果的剪辑，这样就得到了鼠标跟随的动态效果。,1、制作要跟随的图形或图片，例如：新建一个元件命名为ball，画一个圆即可。（画泡泡放射状填充#FFFFFF 15%#FFFFFF 45%，第二图层画高光，效果如图：,2、新建一个按钮，只需要在第一帧处画上一个任意形状的按钮（圆、方）就可以。,3、新建一个影片剪辑，在第一图层第一帧处插入第2步制作的按钮元件，中心对齐到图层，在第二层第一帧处的动作里面加入stop)；在第二帧处插入ball元件，中心对齐，在第15帧处插入关键帧。并用任意变形工具将15帧处的图形变小，并且在属性栏中将其透明度调整为0，从2-15帧处补间设置动画，选中第一层的第一帧中的按钮单击右键，选择动作，在其中输入on(rollOver)gotoAndPlay(2);，,再次选中后打开属性栏中将其透明度调整为0，如图；,用flash按钮制作简单的鼠标跟随效果,操作步骤：,回到场景1中将剪辑拖到场景中，按住alt键复制多个剪辑，知道覆盖整个场景即可，如图。最后测试动画,如何在FLASH中插入声音和视频,使用菜单栏中的“文件导入导入到库”命令，可以将声音导入到库中。,一般在Flash中使用的声音格式是MP3和WAV。,在时间轴中，可以设置声音的4种同步方式。在实际制作的时候，要根据不同的实际情况来选择合适的同步方式。,1事件,使用“事件”方式，会将声音和一个事件的发生过程同步起来。事件声音在显示其起始关键帧时开始播放，并独立于时间轴完整播放。,即使SWF文件已经停止，声音播放也会继续。,事件声音的一个示例就是当用户单击一个按钮时播放的声音。,2开始,“开始”方式与“事件”方式的功能相近，但是如果声音已经在播放，则新声音实例不会播放。如果使用“事件”方式后，出现了同一个声音多次重叠出现的不良现象，那么可以将同步方式改为“开始”来解决这个问题。,3停止,“停止”方式的作用，是使指定的声音静音。,使用“事件”或者“开始”方式启动了声音之后，如果声音播放结束之前想强制静音，就可以使用“停止”方式。,4数据流,“,数据流”方式的声音将会严格与时间轴同步如果影片在播放，就播放声音；如果影片暂停，声音就会停止。,数据流的一个示例就是MV的制作。,如果不使用“数据流”方式，那么音乐很容易在播放过程中与动画、台词脱节。,2编 辑 声 音,用声音“属性”面板中的声音编辑控制功能可以定义声音的起始点、终止点及播放时的音量大小。,这一功能可以去除声音中不用的部分以减小声音文件的大小。,2.1使用封套进行编辑,编辑声音文件的操作步骤如下。,（1）为声音文件添加一个帧或选中一个已经包含声音文件的帧。,（2）在声音的“属性”面板中单击“编辑”按钮，弹出如图所示的“编辑封套”对话框，在该对话框中可对声音进行编辑。,拖动时间开始点及时间结束点手柄可以改变声音的起始点及终止点。,拖动如图所示的时间开始点，声音将从所拖到的地方开始播放。同样，拖动结束点，可以设置声音的结束点。,2.1使用封套进行编辑,图使用手柄控制音量,拖动时间开始点及时间结束点,口型动画,要制作人物的口型动画，随着声音可以看到适当的口型变化。,绘制5种最基本的口型，然后将这5种基本口型和闭口时的口型放置在图形元件中，在舞台中根据每一帧上的声音的韵母设置每一帧上的口型最后再编辑声音封套。,“a”音的口型,“O”音的口型,如何制作简单的MTV,1.选择好音乐和图片素材，导入到flash库里。,2.在主场景中的一个层上起名：“music”，打开库将音乐文件从库中拖到场景中，这时，在时间轴的帧上，音乐只是一条短直线。在时间轴的音乐结束那帧处按F5键将影帧延长。,3.再建一个层，起名：“Label”（标签）。将时间轴的指针移动到头帧处，插入一个帧标签：“start 01”，之后，按Enter键，听音乐（数据流同步方式），当音乐中的第一句歌词刚结束时，马上再按一次Enter键，确保音乐会停止。在音乐停止的这一帧处按F7键，插入一个空白关键帧，再书写帧标签：“end 01”。接着，紧随在这一帧的后面再按F7键再插入一个空白关键帧，再写上帧标签：“start 02”，再按Enter键，开始听下一句歌词，同样，当第二句歌词结束时，马上按Enter键，音乐停止，按F7键标注帧标签：“end 02”.依次类推，一直到整首音乐的歌词都标注完成。,4.以上的步骤完成之后，就可以在每句歌词的“start 01”和“end 01”之间做你要的动画（影片剪辑）了。,5、加上播放与重播按钮。,在Flash中使用视频的时候，可以进行导入、剪裁等操作，还可控制播放进程，但是不能修改视频中的具体内容。,例如，导入一个长度为1分钟的视频，可以修改它的时间起点、时间终点和显示区域，但是不能改变画面中的文字和人物。,导入视频,导入视频,下面以导入一个视频片段为例，介绍导入视频的方法：,“选择视频”对话框,1.新建一个Flash文档，选择“文件”“导入”“导入视频”菜单，在打开的“选择视频”对话框中单击 按钮，再打开的“打开”对话框中选择“老鼠爱大米.avi”文件，设置完成后单击“下一个”按钮。,“部署”对话框,2.在打开的“部署”对话框中的“您希望如何部署视频？”选项中有5个单选钮，我们选择“在SWF中嵌入视频并在时间轴上播放”单选钮，然后单击“下一个”按钮。,“嵌入”对话框,3.在打开的“嵌入”对话框中，可对导入类型和音轨进行设置，设置完成后单击“下一个”按钮。,“编码”对话框,4.在打开的“编码”对话框中，我们可以设置“编码配置文件”、“视频编码”、“音频”编码，还可以裁切和调整视频的大小，设置完成后单击“下一个”按钮。,“完成视频导入”对话框,5.在打开的“完成视频导入”对话框中单击“完成”按钮，稍等一段时间，就会将视频导入到文档。,编辑视频,如果只希望导入视频的一部分而不是整个视频，可在导入视频的过程中对其进行编辑，删除不想要的片断。具体操作如下：,“拆分视频”对话框,1.导入视频时，在“嵌入”对话框中选择“先编辑视频”单选按钮，然后单击“下一个”按钮，会打开“拆分视频”对话框。,设置起始帧和结束帧 创建新的剪辑,3.调整好后，单击“创建新的剪辑”按钮 ，可将刚才截取的片断生成一个剪辑，创建的剪辑将出现在“剪辑列表”中，我们可为其重命名。,2.,向右拖动“开始导入点”确定视频片断的起始帧，向左拖动“停止导入点”确定视频片断的结束帧，单击“预览剪辑”按钮 ，可观看截取片断的播放效果。,可以单击“后退一帧”按钮 和“前进一帧”按钮来进行精确调整。,4.要调整剪辑中所截取的内容，可以先选中要调整的剪辑，然后调整其“开始导入点”和“停止导入点”，调整好后单击“更新剪辑”按钮即可。,再创建一个剪辑 导入的视频片断,5.,利用与步骤2、3、4相同的操作再创建一个剪辑。,6.,单击“下一个”按钮，按照步骤导入视频，我们会发现只有“剪辑列表”中的剪辑被导入了，并且按照“剪辑列表”中的顺序排列在舞台和“库”面板中。,FLASH文字动画制作工具,此课件下载可自行编辑修改，仅供参考！感谢您的支持，我们努力做得更好！谢谢,