Flash动画制作第8章创建交互动画.ppt

,Flash动画制作,2,教学目标：了解Flash8交互动画基本概念掌握创建简单Flash交互动画、动作脚本、给对象分配动作等,第8章创建交互动画,3,动作脚本基础,使用“动作”面板,级动作脚本语言,创建交互动画,本章内容,4,数据类型与变量,表达式和运算符,动作脚本概述,8.1动作脚本基础,5,动作脚本概述,动作脚本术语动作脚本语法,6,动作脚本术语,动作运算符函数类构造函数标识符表达式,常数事件事件处理函数实例实例名称属性变量,7,1、on是事件处理函数。release是鼠标事件，按下左键并释放时的事件。2、play()；是时间轴控制函数，共有9种。stop();使影片停止在当前时间轴的当前帧中。play():使影片从当前帧开始继续播放。gotoAndStop()：跳转到用帧标签或帧编号指定的某一特定帧并停止。gotoAndPlay()：跳转到用帧标签或帧编号指定的某一特定帧并继续播放。,8,nextFrame:使影片转到下一帧并停止。prevFrame:使影片回到上一帧并停止。nextScene:使影片转到下一场景并播放。prevScene:使影片回到上一场景并播放。stopAllSounds：停止播放时间轴上的所有声音。3、“/”是注释符。4、代码提示功能：输入左括号、句点（.）后会有提示,9,动作脚本语法,区分大小写点语法斜扛语法大括号小括号,分号注释关键字常数,10,动作脚本语法,区分大小写ActionScript2.0是一种区分大小写的语言。只是大小写不同的标识符会被视为不同。例如，下面的代码创建两个不同的变量：varnum1:Number;varNum1:Number;点语法可以通过点运算符(.)来访问对象的属性和方法。使用点语法，可以使用后跟点运算符和属性名或方法名的实例名来引用类的属性或方法。,11,动作脚本语法,斜扛语法斜杠语法用于指示影片剪辑或变量的路径。分号可以使用分号字符(;)来终止语句。如果省略分号字符，则编译器将假设每一行代码代表一条语句。小括号可以使用小括号来更改表达式中的运算顺序；可以结合使用小括号和逗号运算符(,)来计算一系列表达式并返回最后一个表达式的结果；可以使用小括号来向函数或方法传递一个或多个参数。,12,动作脚本语法,注释单行注释和多行注释。关键字和保留字留给ActionScript使用的，所以，不能在代码中将它们用作标识符。常量const语句，该语句可用来创建常量。常量是指具有无法改变的固定值的属性。只能为常量赋值一次，而且必须在最接近常量声明的位置赋值。,13,数据类型与变量,数据类型：描述变量或动作脚本元素可以包含的信息的种类,字符串数值布尔值影片剪辑对象空值与未定义类型,14,数据类型与变量,变量：是指编写程序时可以变化的量，与常量相对应,变量的命名规则必须是标识符不能是关键字或动作脚本文本，例如true、false、null或undefined在其范围内必须是惟一的,15,数据类型与变量,确定变量的范围和声明变量。变量的范围是指变量在其中已知并且可以引用的区域。根据变量范围的不同，在动作脚本中有3种类型的变量范围：本地变量在声明它们的函数体（由大括号界定）内可用时间轴变量可用于该时间轴上的任何脚本全局变量和函数对于文档中的每个时间轴和范围均可见,16,表达式：是Flash可以计算并返回值的任何语句运算符：是指定如何组合、比较或修改表达式值的字符,表达式和运算符,运算的优先级和结合律数值运算符字符串运算符逻辑运算符赋值运算符点运算符和数组访问运算符,实例28计算器,18,19,实例要求：制作计算器,弄懂ActionScript编程基础知识。,步骤：1、新建文档。舞台大小为200px300px。背景：紫色。2、新建按钮元件，“隐形按钮”。矩形工具，线条：无，填充：白色，Alpha：0%。“点击”帧插入普通帧。3、返回舞台，在舞台上绘制计算器背景框架。4、文本工具，顶部大背景建立“动态文本”，线条类型：单行，选中“在文本周围显示边框”按钮，变量：cal。5、使用文本工具，在下面按钮上输入文字和符号。6、从库中将“隐形按钮”拖入舞台，覆盖每一个文字符号。,20,实例要求：制作计算器,弄懂ActionScript编程基础知识。,6、单击第1帧，打开“动作”面板，在脚本编写区添加AS动作语句：varcal:String=varx:Number=0;vary:Number=0;vartotal:Numbervaroperation:Numbervarmermory:Number7、选择文字“1”上面覆盖的隐形按钮，打开“动作”面板，添加AS动作语句：on(release)cal=cal+1,21,实例要求：制作计算器,弄懂ActionScript编程基础知识。,8、重复步骤7，将其他数字和小数点加上类似语句。9、选择“+”上的隐形按钮，添加AS语句：on(release)x=Number(cal)opertion=1cal=10、重复步骤9，减、乘、除的opertion依次为2、3、4。11、M+的动作：on(release)mermory=Number(cal),22,实例要求：制作计算器,弄懂ActionScript编程基础知识。,12、M-的动作：on(release)cal=mermory13、Mc的动作：on(release)mermory=014、C的动作：on(release)cal=15、“=”的动作：on(release)y=Number(cal),23,实例要求：制作计算器,弄懂ActionScript编程基础知识。,if(opertion=1)total=x+yopertion=if(opertion=2)total=x-yopertion=if(opertion=3)total=x*yopertion=,24,实例要求：制作计算器,弄懂ActionScript编程基础知识。,if(opertion=4)total=x/yopertion=x=y=cal=total,25,“动作”面板基本动作命令,8.2使用“动作”面板,26,“动作”面板：主要包括动作工作箱、脚本导航器、脚本编辑窗口和工具条4部分,“动作”面板,“动作”面板,动作面板的设置：向脚本添加语句查找与替换插入目标路径检查语法和标点自动套用格式显示代码提示调试选项脚本助手,实例29升降旗,28,29,实例要求：应用动作面板升降旗.,步骤：1、新建文档。舞台大小为550px400px。背景：蓝色。2、创建图形元件：“旗”，无边框红色矩形。3、创建图形元件：“底座”，无边框灰色线性渐变填充矩形。4、创建按钮元件：“按钮1”，在“弹起帧”绘制无边框暗绿色矩形。在“指针经过”、“按下”、“点击”帧插入关键帧。添加图层2，在“弹起帧”输入文本“升旗”。5、创建按钮元件：“按钮2”，在“弹起帧”绘制无边框暗绿色矩形。在“指针经过”、“按下”、“点击”帧插入关键帧。添加图层2，在“弹起帧”输入文本“降旗”。,30,实例要求：应用动作面板升降旗.,6、返回主场景。添加图层2。在图层1拖入3个图形元件“底座”，调整成旗杆和底座状。拖入“按钮1”和“按钮2”放在舞台右侧。图层2第1帧，拖入“旗”。7、为“按钮1”添加动作：on(press)gotoAndPlay(1);为“按钮2”添加动作：on(press)gotoAndPlay(10);8、图层1第20帧插入关键帧。图层2第10帧、第20帧插入关键帧。移动第10帧的旗到顶端。创建各关键帧运动渐变。9、图层2第1帧和第10帧分别加入语句：stop();,实例30飘雪,32,33,实例要求：利用ActionScript的语法规则,制作飘雪动画.,步骤：1、新建文档。舞台大小为540px350px。背景：黑色。2、新建图形元件“雪”。直线工具绘制雪花。3、创建影片剪辑元件“下落”。单击第1帧，拖入“雪”。分别在第20帧和第40帧插入关键帧。依次改变各关键帧图形透明度为0%、79%、0%，移动图形位置，创建补间动画,制作飘雪效果。4、创建影片剪辑元件“文字”。输入文本“飘雪”，分别在第5、10、15、20、25帧插入关键帧，改变各帧文本的颜色。,34,实例要求：利用ActionScript的语法规则,制作飘雪动画.,5、创建影片剪辑元件“动作1”，第2帧插入关键帧，选择文本工具，设置类型为“输入文本”。拉一个文本框426*269。单击第1帧，加入语句：stop();单击第2帧，加入语句：a=random(10);while(Number(10)=2)a=Number(a)+1;setProperty(/one/snow,_x,random(500);setProperty(/one/snow,_y,random(500);n=number(n)+1;duplicateMovieClip(/one/snow,snow_addn,n);,35,实例要求：利用ActionScript的语法规则,制作飘雪动画.,6、创建影片剪辑元件“动作2”，单击第一帧输入语句：a=random(100);while(Number(a)=100)a=Number(a)+1;setProperty(/snow,_x,random(500);setProperty(/snow,_y,random(400);setProperty(/snow,_xscale,random(50);setProperty(/snow,_yscale,random(50);setProperty(/snow,_rotation,random(360);duplicateMovieClip(/snow,snow_,adda,a);7、返回场景1，添加一个新图层。单击图层1第1帧，拖入元件“文字”。在第2帧插入关键帧。单击图层2第1帧，拖入元件“下落”并指定实例名为“snow”,在该层第2帧插入关键帧。,36,基本动作命令,在Flash中，动作是指可以在指定事件发生时运行的命令,时间轴的控制影片剪辑的控制浏览器/网络的控制,37,时间轴：包括场景和帧在“动作”面板中，单击“全局函数”中的“时间轴函数”选项后，会显示若干用于控制影片中场景和帧的命令,时间轴的控制,时间轴控制动作,实例31转动的齿轮,39,40,实例要求：制作转动的齿轮,体会控制播放效果。,步骤：1、新建文档。舞台大小为400px300px。背景：蓝色。2、新建图形元件，“齿轮”。利用铅笔和椭圆绘制齿轮。3、将“齿轮”元件拖入舞台。第60帧插入关键帧。创建补间动画，顺时针旋转1次。4、插入图层2，将“齿轮”元件拖入舞台。第60帧插入关键帧。创建补间动画，逆时针旋转1次。5、插入图层3，“窗口”-“公用库”-“按钮”，打开playbackrounded按钮，将所需要的按钮插入舞台中。在按钮下输入文字。,41,实例要求：制作转动的齿轮,体会控制播放效果。,6、“窗口”-“动作”，打开动作面板，单击某一按钮，添加AS动作语句。on(release)play();/开始播放nextFrame();/下一帧stop();/停止播放prevFrame();/前一帧gotoAndStop(1);/跳转并停止在第一帧gotoAndPlay(1);/跳转并开始播放第一帧,42,在Flash8中，控制影片剪辑的命令如下图所示：,影片剪辑的控制,影片剪辑控制动作,实例32怕鼠标的小球,本例应用：goto语句、on语句、play、stop、stoAllSound语句等,44,45,实例要求:利用基本动作语句,完成鼠标对小球的操作。,1、新建文档。舞台大小为550px400px。背景：黑色。2、创建图形元件“圆”，线条：无，填充：放射性渐变。3、创建按钮元件“btn”，在“弹起帧”插入元件“圆”。4、创建影片剪辑元件“运动”，在第1帧拖入元件“btn”，在第2和第15帧插入关键帧。单击第15帧，选中按钮，将其下移且Alpha设置为0%5、创建第2帧到第15帧的运动渐变，单击第1帧，输入语句stop();单击第15帧，输入语句gotoAndStop(1);单击第1帧按钮元件，输入on(rollOver)play();6、将“运动”拖入舞台。,46,在“动作”面板中，单击“全局函数”“浏览器/网络”选项后，会出现如下图所示的界面,浏览器/网络的控制,浏览器/网络的控制,实例33旋转镜头,本例应用：帧标签、为实例命名等,48,49,实例要求:制作旋转镜头的动画效果。,1、新建文档。舞台大小为220px320px。背景：白色。2、创建图形元件“图”，单击第1帧，从库中插入图像文件“位图”。3、创建影片剪辑元件“动画”，在第2帧插入关键帧，将元件“图”拖入。分别在3、59、60帧插入关键帧。分别单击3、59、60帧，在属性面板中插入帧标签start,mid,end。将第2和第3帧图形向左平移，第59和第60帧图形向右同步平移，创建关键帧间的运动渐变。4、添加图层2。单击图层1第1帧，加入语句：gotoAndStop(start);单击图层1第60帧