[BetweenAS3] カスタムイージング

2010年05月20日 (木)
Tweet

[BetweenAS3] カスタムイージング

Flashではスクリプトでトゥイーンを作るとインタラクションに関わるいろいろ制御が楽だったりするのですが、トゥイーンライブラリにビルドインされているイージングの種類も限られているので、求めている動きに近づけるときに限界を感じることがたまにあります。

ということで、BetweenAS3のイージング関数の引数に、Flash Professionalのようなカスタムイージングを適用するデモを作ってみました。ベジェでイージングの曲線をカスタマイズすると、わりと求めている動きに近づけられるかもしれません。

BetweenAS3 Custom Easing Generator

Flash Professional カスタムイーズイン、イーズアウト

メモ1.

BetweenAS3にカスタムイージングを適用する方法は、Custom.func()を使って次のようなスクリプトを記述します。

var ease:IEasing = Custom.func(
    /**
    * @param t 時間
    * @param b 開始値 (0.0が代入される)
    * @param c 増加の傾き (1.0が代入される)
    * @param d デュレーション
    *
    * @return 0.0〜1.0周辺の結果を返せばOK
    */
    function(t:Number, b:Number, c:Number, d:Number):Number {
        return c * (t/d) + b; // ここをカスタマイズ
    }
});

BetweenAS3.to(target_mc, {x:100}, 10, ease).play();