flash as2简易教程第4篇：缓动效果

作者佚名技术来源服务器技术浏览发布时间 2012-07-07

astic：发生在一个或两个结束点过渡范围外的弹性效果，弹性的力度不熟运动过程时间的影响
Reguler：在一个或两个结束点上加入减速效果，这个特性可以帮你做出加速后减速的效果
Strong：在一个或两个结束点上加入减速效果，这个效果类似于regular，不同的在于比较明显
None：在开始点到结束点加入匀速运动，没有效果。
如果你看不明白上面的这段说明，也不要着急，继续往下看。
以上提到的是六种效果，而这六种效果，又包含三种过渡方式
easeIn：在过渡的开始产生效果，就是说运动一开始出现这种效果。
easeOut：在过渡的结束产生效果，运动要结束的时候出现这种效果。
easeInOut：在开始和结束均产生效果。
好了，说半天都没用，咱们还是上场试一下吧。如果前面的你都看不懂，上场试一下你就明白了。

在库中建立一个影片剪辑。然后在场景中把它加载进来。

this.attachMovie("myMc", "myMc", this.getNextHighestDepth(), {_x:20,
_y:100});

复制代码看不懂这句话的，回去看本教程第一篇。
然后我们使用tween类来做缓动效果

myBall = new Tween(myMc, "_x", Elastic.easeOut, 0, 300, 3, true);

复制代码现在我们在解释一下上面这段代码，myMc不用说了，因为你是想让myMc产生缓动效果，所以，这个地方是myMc，_x，通过改变x轴的属性值，来实现缓动的效果，当然，出来_x周以外，咱们以前提到的那些影片剪辑的属性，都可以拿来用，你有时间的话，就分别把它们拎出来试一下吧。Elastic.easeOut，这个地方看到了吧？用的就是我们刚才提到的easing类， Elastic缓动效果，easeOut过渡方式，他们两个和起来的意思，就是让myMc在运动结束时产生回弹效果。20，影片剪辑从20开始运动，300，影片剪辑最后停在300的位置上，2，时间是2，true，表示计算时间的单位是秒。
我相信不用我说，你已经测试了我刚才这段代码。现在你可以把咱们刚才提到的各类效果都试一下，就明白它们大概是什么感觉了。
到这儿大家可以看到，这两个类实在是懒得很贴心，首先，它在类中已经清除了循环，所以，你再也不用担心循环清除的问题了。其次，如果你做完了一个回弹效果，可爱的客户看到了以后，却说，这个效果看得我头晕，能给我换一个缓和点的吗？这时候你只需要把Elastic改成Strong或Reguler，另外一种效果就出来了。剩下的时间，你就可以喝喝茶，到雅酷看看教程什么的，实在是居家旅行、泡妞偷懒之必备工具。
先别忙着兴奋，接下来，我们再说两个关于缓动类的很有用的东西，第一个是onMotionFinished，这个告诉程序，如果缓动结束以后，应该做什么。如果你不知道这个函数，但是想做影片剪辑缓动结束以后，弹出提示告诉你结束了，好像是很麻烦的一件事情，至少到目前为止，你的知识面还不足以让你做出来。但是有了onMotionFinished，一切都变得很简单了。
接着上面的代码，继续写：

myBall.onMotionFinished=function(){
trace("缓动结束了！");
}

复制代码看一看什么效果。对了，这里顺带介绍一下trace的作用，trace的作用就是在测试的时候，在输出面板输出()内的内容，你刚才已经看到了它的作用，以后我们还会经常用它来测试我们的程序。
除了onMotionFinished，还有一个方法，可以使你的运动接着向另外一个方向运行，这个方法叫做continueTo()；它里边有两个参数，第一个参数是下一个目标点，第二个参数是运行时间，相当于tween里边的finish，duration，我们还是来现场试一下，就明白了。

把上面的代码改成

myBall.onMotionFinished=function(){
myBall.continueTo(400, 2);
}

复制代码你可以看到，影片剪辑在300的位置停下以后，又马上开始了新的缓动，移动到400，时

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

分享到：更多

你可能对下面的文章感兴趣

上一篇: 五分钟用Flex构建WebService应用下一篇: Flash CS4新特性之全新的动画理念Ⅱ

关于flash as2简易教程第4篇：缓动效果的所有评论

随机推荐