tomo.mobi

Representation design of material


SVGアニメーションgreenSockのcallBack

アニメーションを使うのだったら、callBackの確認は必要。
いまのところ分かっているのはTweenMaxのcallBackの設定。

TweenMaxのto()に”onComplete”でfunction関数の指定をします。
ちなみに、TweenLiteの場合も同じ。

var tween = TweenMax.to($box,1,{
     x: '-=50',
     y: '+=50',
     onComplete: callBackFunc,
     ease:Back.easeOut
     });
to.add(tween,2); //2はtimelineを2秒で進める指定

function callBackFunc(){
     alret('Complete!!');
     }

まだ、使い込んでいないのでTweenMaxとTweenLiteのAPIの違いがよくわかっていない。
ActionScriptの方が先に開発されていたことをこないだ知った。
Tweenerしか使った事が無かった。余裕無いなぁ。