Laya 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         }

 

posted @ 2018-11-23 20:53  ixenos  阅读(3803)  评论(0)  编辑  收藏  举报