项目4 特效动画的制作

项目4特效动画的制作,教学目标,掌握ActionScript3.0循环语句的使用掌握ActionScript3.0影片剪辑复制与删除掌握ActionScript3.0随机数的应用掌握ActionScript3.0数组的使用掌握网页元素缓冲弹动效果的制作,任务1雪花飘飘特效动画的制作,案例效果,本案例学习：运用循环和影片剪辑的复制，实现雪花飘落特效动画的制作方法。,案例分析,本案例的实现思路：首先制作一朵雪花飘落的影片剪辑元件；然后在ActionScript中创建该影片剪辑的新实例，随机生成新实例的位置坐标、大小和透明度，并将新实例加入到舞台中；最后通过循环代码将60个雪花飘落实例逐个添加到舞台上，从而可以看到画面中60朵大小不一、位置和透明度不同的雪花飘落的动画。,相关知识,循环语句帧循环利用时间轴上的3帧跳转来实现循环。在第1帧中完成程序初始状态的设置；在第2帧实现具体的动画效果，即循环的内容；在第3帧添加循环的条件判断。for循环for循环可以根据指定的循环次数或循环结束条件执行循环体中的语句。ENTER_FRAME循环利用当前影片的帧频不断调用函数，所以帧频决定了循环执行的速度。setInterval循环setInterval()的功能可以看作是定时器，每隔一段固定的时间就会调用指定的函数和对象。clearInterval()的功能是取消指定的setInterval()调用。,相关知识,循环语句while循环和dowhile循环While循环通过对条件表达式进行判断，计算结果为true，则会执行循环体内部的语句；如果计算结果为false，则结束循环，内部的循环体语句将不被执行。dowhile循环也属于while循环的一种，不同的是，while循环在第一次的时候就检查循环条件表达式，所以，while循环内的代码块有可能一次都没有被执行；dowhile循环第一次是首先执行代码块，然后才检查循环条件表达式，所以，dowhile循环能够保证至少执行一次代码块。Timer计时器ActionScript3.0提供了Timer类，能够实现每次到达指定的时间间隔都会调度计时器事件，再通过该事件调度所有侦听对象，从而完成侦听器中注册的函数功能。,相关知识,2.影片剪辑的复制与删除复制影片剪辑通过ActionScript3.0提供的addChild()方法可以将影片剪辑添加到舞台中。删除影片剪辑删除显示对象容器中的影片剪辑使用removeChild()方法。,相关知识,3.随机数Math.random()方法可以产生介于0到1之间的随机浮点数，精确度达到小数点后15位。该方法没有参数，每调用一次Math.random()，就产生一个随机小数。,案例实现,1.制作“雪花飘”影片剪辑。,花瓣,雪花,“雪花飘”第1帧,“雪花飘”第50帧,“雪花飘”影片剪辑时间轴,案例实现,为“雪花飘”影片剪辑设置类名,影片剪辑属性设置,案例实现,3.添加ActionScript脚本,方法一（帧循环）方法二（ENTER_FRAME循环）方法三（setInterval循环）方法四（Timer计时器）,主时间轴,案例拓展,实现五颜六色的圆在舞台上随机分布、大小和透明度不断变化的特效动画。,任务2缓动效果的制作,案例效果,本案例学习：网页中导航菜单的缓冲弹动效果制作。当鼠标移动到按钮上方的时候，按钮会弹性缓动地放大，鼠标离开的时候，按钮会弹性缓动地恢复原来的大小。,案例分析,本案例的实现思路：为每一按钮分别添加两个侦听器。一个负责侦听鼠标的经过事件，当鼠标经过按钮时，调用对应函数实现按钮缓动放大；另一个负责侦听鼠标的移开事件，当鼠标移开时，调用对应函数实现按钮缓动缩小至原来的大小。按钮的缓动效果可以采用缓冲公式或缓冲函数Tween()来实现。,相关知识,数组（Array）创建数组Array(num:int)Array(value1,value2)数组的长度数组的长度用属性“length”表示，length表示一个数组中有多少个元素，是一个非负整数。访问数组元素数组在创建并赋值后，可以使用“下标”来访问数组中的某个元素：数组名称下标,相关知识,数组（Array）多维数组可以理解为一个数组里面的元素本身又是一个数组，即数组的嵌套。一层嵌套即二维数组，两层嵌套即三维数组，以此类推可以得到任意维的数组。关联数组关联数组类似于对象，是由无序的键和值组成的。关联数组使用键而不是数字作为索引来组织存储的数据，每个键都是用于访问一个存储值的唯一字符串。,相关知识,数组（Array）数组运算符数组运算符号可以为数组对象添加值或属性，也可以用此方法访问数组中的元素或读取对象的属性。遍历数组元素使用for循环或forin循环遍历数组使用forEach/every/filter/map/some方法操作数组元素,相关知识,2.缓动效果的实现缓动是最常见的技术，在网页中应用广泛，通常应用在网页动画的运动表现上，通过结合物理、数学等原理真实模拟现实生活中的运动现象，使得网页中的动画效果更为逼真生动。缓动公式obj.x+=(500obj.x)/3缓动函数Tween(object,property,function,begin,end,duration,useSeconds)easing类提供了多种缓动类型，与Tween类配合使用实现丰富的缓动效果。,案例实现,1.制作“按钮”影片剪辑元件,“按钮”影片剪辑,文