Tween系ライブラリ

久しぶりのエントリです。

Tween系のライブラリって「Tweener」しか使ったことがなくてちょっと他のライブラリも試してみました。今回試したのは「TweenMax」「HydroTween」です。

ご覧になるには最新のFlashPlayerが必要です。

上のFlashは各ライブラリでイージングやtimeを同じにした場合の挙動の違いを見てみようと思ってつくりました。イージングは5パターンから選べます。あとComboBoxとか触ったことなかったのでその辺もかねて。ステージクリックでスタートします。
多少イージングがそれぞれのライブラリによって違いますね。あとTweener以外はeaseOutInがないっぽいです。ちゃんと調べてませんが。

ちなみに各ライブラリの基本的な使い方は以下、

//Tweener
import caurina.transitions.Tweener;

Tweener.addTween(インスタンス名, {   //以下各パラメータ
x:400,
y:200,
time:1,
delay:2,
transition:"easeOutSine"
});

//TweenMax
import gs.TweenMax;
import gs.easing.*;

TweenMax.to(インスタンス名, 1 /* time */, {  //以下各パラメータ
x:400,
y:200,
delay:2,
ease:Sine.easeOut
});

//HydroTween
import com.hydrotik.go.*;
import org.goasap.managers.*;
import fl.motion.easing.*;

HydroTween.go(インスタンス名, { //以下各パラメータ
x:400,
y:200,
},
1 /* time */,2 /* delay */, Sine.easeOut /* easing */
);

TweenerとTweenMaxは似てます。HydroTweenはtimeやdelayをパラメータのとこに一緒に書かなくて引数に持たせてあげるようです。

まだTweener以外少ししか触ってませんがそれぞれコールバック関数なども用意されてるみたいです。みなさんもいつも使ってるライブラリに飽きたらいかがでしょうか。

Tags: , , , , ,

Similar Posts

Leave a Reply