Flash建站技能(43):Flash动画代码化
网络通信
由于网速的限制,在网页的制作中文件的大小是不可忽视的,过大的网页严重影响浏览速度,我们在Flash Web 的制作中也不能仅仅追求酷炫华丽的效果,还要考虑生成的网页文件大小,要实现画面表现痢访问速度的双赢,就要将动画代码化。
何谓动画代码化
它指的是将原本由时间轴控制的动画尽量由代码完成。也就是由代码“写”动画。真正高手的作品中,时间轴是十分简约明了的,剪辑时的运动往往交给后台代码处理,这样不仅使时间轴更加简单,更重要的是使动画在不影响效果的前提下缩小了文件体积,而当Action Script语言的学习更加深入后,还可以实现仅依靠时间轴无法实现的效果。
代码化实现过程
现在,我们以一个实际的例子来说说代码化的实现过程。
首先在舞台上绘制一圆,按F8将它转化为元件,实例名为“yuan”;在第二帧插入关键帧并输入以下代码:yuan._x+=5//实例“yuan”的横坐标加5。
按下F12进行预览(图1),可以发现小球在不断向右边做匀速直线运动直至消失,将帧频修改后又发现小球速度加快,聪明的读者一定知道其中的原因了:动画播放到第二帧时,小球横坐标增加5,小球向右移动一点,时间回到第一帧再向第二帧播放,横坐标又增加5……这样周而复始,小球不断向右移动,就实现了类似时间线上的位移补间动画。图2、图3是两者时间线的对比。
代码化后动画的优势不言而喻,如果将代码中的“_x”换成“_y”那小球将会竖直运动,如果在第一帧也加入与第二帧相同代码,动画又会怎样?大家可以试一试。同样我们还可以制作出用时间轴无法做出的效果。
在刚才的动画中,将第二帧选中,拖至第三帧;选中第二帧,按下“Ctrl+B”将实例打散;调整帧频到合适程度。这时,小球会不断来回摆动,这样的动画如果在时间轴上制作将十分复杂。最终时间线如图4所示。
从这个实例我们可以看到,简简单单的变化就能使动画完全不同,大家还可以试着修改帧频、时间线、代码里的数值,相信你一定会有惊喜的发现。
编后:实际上,动画代码化使动画成为一个不完全的“程序”,传递到观众计算机里的是一个简单的剪辑与关于剪辑运动的命令而不是现成的动画。这样,动画的体积就减少了,取而代之的是代码,这些代码是观众计算机上运行的,这就是“代码动画”的最大特点。



