Tweener

ムービークリップはじめ、色々なものを楽にトゥイーンさせるためのライブラリ。

URL: http://code.google.com/p/tweener/

ライセンス: MITライセンス

30秒で分かるTweener

Tweener.addTween(target, {_x:100, _y:200, time:1, transition:"linear"});

targetを、今いる位置から、1秒かけて、座標(100, 200)に、線形(linear)でトゥイーンさせる。

addTweenした瞬間から、自動でトゥイーンが始まる。

サンプル/デモ

終了時イベント

onComplete を使う 

Tweener.addTween(target, {_x:100, _y:200, time:1, transition:"linear", onComplete : function():Void{}});

連続してアニメーションさせるにはこうする。 

Tweener.addTween(target, {
    x:10
    time:0.5, 
    transition:'linear',
    onComplete:function():void {
        Tweener.addTween(target, {
            _scale:1,
            time:1,
            delay:0.1
        });
    }
});

その他のイベント

イベント名Params で呼び出し時にパラメータを渡すこともできるよ。

  • onStart
  • onUpdate
  • onComplete
  • onOverwrite

関数で動作を定義

Tweener.registerSpecialProperty("_myproperty", my_get, my_set);
Tweener.addTween(target, {_myproperty:10, time:1);
  • どんどん追加してね

チュートリアル

チュートリアル的なもの

  • どんどん追加してね

リファレンス

transition 一覧

http://natejc.com/blog/wp-content/uploads/2007/05/tweenertransitioncheatsheet.gif