WEB开发网
开发学院图形图像Flash Flash AS入门教程第七课:影片剪辑第8节实现补间动... 阅读

Flash AS入门教程第七课:影片剪辑第8节实现补间动画

 2009-12-12 00:00:00 来源:WEB开发网   
核心提示: 测试影片,你会看到小球淡入然后又淡出的过程,Flash AS入门教程第七课:影片剪辑第8节实现补间动画(3), 这段代码,我们做透明度的补间动画,“闪烁的星”,“跳动的红心”,使透明度用3秒时间从0变为100,当补间结束时

测试影片,你会看到小球淡入然后又淡出的过程。

这段代码,我们做透明度的补间动画,使透明度用3秒时间从0变为100,当补间结束时,调用onMotionFinished事件代码,用 continueTo(0,3)方法又用3秒时间将透明度由100(刚才补间的结束值)变为0。因为要调用Tween的事件和方法,所以我们声明了一个 Tween类mytween,这一点也与上面的代码不一样。

yoyo()方法:

上面的代码虽然实现了,透明度由0到100,然后又从100回到0的动画,但回到0后,动画就停止了。我们常常需要不停的往返运动,比如闪烁的星星,跳动的心脏等。那么Tween类为我们提供了yoyo()方法,这个方法在补间结束时,将初始值变为结束值,将结束值变为初始值,再次进行补间,如此往返永不停止。

记得一个红星跳动的表情吗?我们现在来制作它:

画一个红星,转换为MC,实例名称为:hx_mc.

帧动作代码:

import mx.transitions.Tween;
import mx.transitions.easing.*;
var mytween:Tween = new Tween(hx_mc, "_xscale",Nonse.easeNonse, 80,100,0.5,true);
mytween.onMotionFinished = function(){
mytween.yoyo()
}

测试影片,我们看到了一个跳动的红星。看到这个效果,我突然发现,如果把红星换成一只蝴蝶,那不就让蝴蝶飞起来了吗?

这个例子应用补间的属性是_xscale.

下面我们来制用一个弹性菜单的练习,完成本节上面的动画:

首先来做弹性菜单,做4个MC,比较简单,画一个黄色的矩形,如果你高兴,当然可以用其它颜色,在矩形上面放一个静态文本,内容分别是:“加速滚动的球”,“闪烁的星”,“跳动的红心”,“飞动的蝴蝶”。

上一页  1 2 3 4  下一页

Tags:Flash AS 入门教程

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接