Laya Tween循环

使用Laya Tween实现循环动画

最新推荐文章于 2024-01-02 16:42:10 发布

转载最新推荐文章于 2024-01-02 16:42:10 发布 · 881 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ixenos/p/10009701.html

本文介绍了如何在Laya中使用Tween实现循环缓动动画。对于线性变化，可以考虑使用timer或frameLoop，但非线性变化时，Tween更为便捷。在Tween动画完成时，需要手动递归调用来实现循环效果。文中提供了官方推荐的简单递归实现方法。

部署运行你感兴趣的模型镜像

Laya Tween循环

@author ixenos

需求：做一个循环的缓动动画

方案：

　　1）如果只是线性变化，那么直接使用timer或者frameLoop来变化

　　2）如果需要有非线性变化，那么使用tween比较方便

如果选择tween做循环缓动，那么需要自己在complete时递归调用。

最简单的递归如下：

 1 private function innerRoundRecursion():void{
 2 
 3 　　Tween.clearTween(spr);
 4 
 5 　　Tween.to(spr,{rotation:360},16000,Ease.linearNone,Handler.create(this,function():void{
 6 
 7 　　　　spr.rotation=0;
 8 　　　　innerRoundRecursion();
 9 　　},null,true));
10 
11 }

官方方案：

 1 　　　　 Tween.to(sp,{x:500},1000,Ease.backIn,Handler.create(this,onTween1));
 2             
 3         }
 4         
 5         private function onTween1():void
 6         {
 7             
 8             num++;
 9             trace(num);
10             Tween.clearTween(onTween1);
11             Tween.to(sp,{x:100},1000,Ease.backIn,Handler.create(this,onTween2));
12         }
13         
14         private function onTween2():void
15         {
16             
17             Tween.clearTween(onTween2);
18             Tween.to(sp,{x:500},1000,Ease.backIn,Handler.create(this,onTween1));
19         }