【Unity】DOTweenで独自のユニークなイージングを作る方法

みんな大好きDOTween。もちろん今日も使ってました。

ところでイージング関数はトゥイーンする上で重要な要素の1つです。
数あるイージング関数の選択次第でトゥイーンの印象は大きく変わります。

ただしDOTweenがデフォルトで用意しているイージング関数は以下の38種類しかありません。

public enum Ease
{
    Unset,
    Linear,
    InSine,
    OutSine,
    InOutSine,
    InQuad,
    OutQuad,
    InOutQuad,
    InCubic,
    OutCubic,
    InOutCubic,
    InQuart,
    OutQuart,
    InOutQuart,
    InQuint,
    OutQuint,
    InOutQuint,
    InExpo,
    OutExpo,
    InOutExpo,
    InCirc,
    OutCirc,
    InOutCirc,
    InElastic,
    OutElastic,
    InOutElastic,
    InBack,
    OutBack,
    InOutBack,
    InBounce,
    OutBounce,
    InOutBounce,
    Flash,
    InFlash,
    OutFlash,
    InOutFlash,
    INTERNAL_Zero,
    INTERNAL_Custom
}

開発をしていると、38種以外の複雑なイージングカーブを作りたくなる時があります。
そんなときはカスタムイージングです！！

AnimationCurveがそのままイージング関数へ

AnimationCurveクラスを定義すると、
GUIから簡単にカーブを生成することが出来ます。

AnimationCurveをインスペクタに公開すると、
このようなGUIで表示されクリックすると
先のカーブ編集ウィンドウが開きます。

実行してみるとこのように最初と最後に勢いを持たせて
途中はじわじわ移動する特殊なトゥイーンが作成できます。

お手軽にカーブを編集できるため、
自分独自のカーブのストックを作っておくと
開発に入ったときに役立つかもしれません。

環境

• Unity5.4.2f1
• DOTween v1.1.310

あわせてどうぞ

• 今一番個人的にアツいUnityのTweenエンジン『DOTween』スニペット集 〜Transform編〜 - 渋谷ほととぎす通信
• DOTweenのコールバック関数の実行順 - 渋谷ほととぎす通信
• Unity DOTweenのガベコレ頻度を下げる方法 - 渋谷ほととぎす通信
• 今一番個人的にアツいUnityのTweenエンジン『DOTween』の罠〜ループ編〜 - 渋谷ほととぎす通信