Flash交互设计-09AS3.0动画编程课稿.ppt

9.7.10 划入/划出过渡Wipe效果 此过渡使用水平移动的动画遮罩形状来显示或隐藏影片剪辑对象。过渡对象参数为： type:Wipe, direction:Transition.IN, duration:2, easing:None.easeNone, startPoint:1 参数说明： startPoint：指明起始位置的整数；范围1～9，分别为：左上：1、上中：2、右上：3、左中：4、中心：5、右中：6、左下：7、下中：8、右下：9。 9.7.11 缩放过渡Zoom效果 此过渡实现按比例缩放来放大或缩小影片剪辑对象。该过渡对象参数为： type:Zoom, direction:Transition.IN, duration:2, easing:Elastic.easeOut 说明：此效果只使用共有参数，不需要其它参数。 下面的示例在Flash CS3中使用导入一副图片，然后放入影片剪辑中，放入舞台，命名为mc，下面的代码控制mc实现缩放过渡动画效果。打开动作面板，输入下面的代码： import fl.transitions.*; import fl.transitions.easing.*; TransitionManager.start(mc, {type:Zoom, direction:Transition.IN, duration:10, easing:None.easeNone}); 第9章 AS3.0动画编程 动画是Flash创作的基础，从最初的帧补间动画到现在的动画编程，Flash动画制作走出了一条非常圆满的道路。ActionScript 3.0的动画编程主要关注两方面的情形：一是通过改变显示对象的属性创建动画效果；二是利用Shape类的绘制类进行代码绘制，渲染效果。 ActionScript 3.0动画编程要涉及数学、物理学等方面的内容非常的多，也比较复杂。在本章先介绍两种基本的动画实现原理并创建简单的动画效果。对于数学和物理学的基础知识，则留到后面的章节具体详细的讲述。 9.1 可视化动画编程简介 动画是指控制显示对象随着时间不断的发生变化，这些变化可能是位置的变动，速度的变化，外观形状的改变，颜色透明度的改变等等。总而言之，动画可以实现的形式是纷繁多样的。借用一句口语“只有想不到，没有做不到”，只要能够想到的效果，在Flash中都能够实现。 最早版本的Flash中，使用逐帧动画和补间动画来实现动画效果，一个显示对象放于一个关键帧上，然后插入另一个关键帧，改变第二个关键帧中显示对象的显示属性，然后两帧之间通过差值计算形成完整的事件轴动画。 可视化的动画编程，伴随ActionScript脚本语言的出现开始逐渐的兴起。从早期ActionScript中的“三帧法”动画编程，逐步发展到onClipEvent(enterframe)、onEnterFrame循环事件，ActionScript动画编程中帧循环起着至关重要的作用。 9.2 动画编程原理 和所有的动画显示一样，Flash的动画原理也是通过不断的刷新屏幕，利用每次屏幕上显示对象位置的不同、大小色彩的变化等产生动画效果。动画编程的关键是一定要有变化，而且该变化需要在一定时间内来完成。Flash中使用帧频来控制每秒钟刷新屏幕的次数，通过使用的帧频的范围在12～60帧每秒，推荐使用的是24帧每秒这样的一个速度。 ActionScript 3.0的动画编程也是同样的原理，通过不断的刷新屏幕来实现动画效果。 ActionScript 3.0的动画编程按照实现的方式可以分为两种： 对显示对象的显示属性进行控制，调整每次刷新屏幕时显示对象的显示属性实现动画效果，这种称为显示属性动画。 利用绘制API在每帧中使用代码绘制不同的形状，从而产生的动画效果，这种称为代码绘制动画。 通过编程实现刷新屏幕，ActionScript 3.0中提供了两种方式可供选择： 帧循环更新：利用Flash本身的帧频速度，在每次刷新屏幕时改变显示对象。此方法需要使用事件侦听器侦听显示对象的Event.ENTER_FRAME事件。 定时器更新：利用Timer类的定时更新功能，每隔一定的事件使显示对象改变一次。此方法需要使用事件侦听器侦听显示对象的TimerEvent.TIMER事件。 9.3 代码绘制动画效果 代码绘制动画效果，就是每帧绘制的图形有所变化，这样播放起来就形成了动画。绘制代码主要使用Graphics类的绘制API来进行绘制。 下面创建一个非常流行的电流动画效果。其实现原理为：首先在水平方向每隔3个像素进行绘制，而竖直方向的绘制点可以在一个位置附近随机变化，这样形成一条随机弯曲的线条；然后使用帧循环事件，每帧重新绘制一次，实现线条的随机变化，进而实现最终的电流效果。 9.