EasingCurveクラス
イージングカーブは、AR.PropertyAnimationがアニメーションプロパティの値を開始値から終了値に変更する方法を記述します。
次のイージングカーブタイプが定義されています(AR.CONST.EASING_CURVE_TYPEを参照してください)。
定数 | String Representation |
LINEAR | linear |
EASE_IN_QUAD | easeInQuad |
EASE_OUT_QUAD | easeOutQuad |
EASE_IN_OUT_QUAD | easeInOutQuad |
EASE_OUT_IN_QUAD | easeOutInQuad |
EASE_IN_CUBIC | easeInCubic |
EASE_OUT_CUBIC | easeOutCubic |
EASE_IN_OUT_CUBIC | easeInOutCubic |
EASE_OUT_IN_CUBIC | easeOutInCubic |
EASE_IN_QUAT | easeInQuat |
EASE_OUT_QUAT | easeOutQuat |
EASE_IN_OUT_QUAT | easeInOutQuat |
EASE_OUT_IN_QUAT | easeOutInQuat |
EASE_IN_QUINT | easeInQuint |
EASE_OUT_QUINT | easeOutQuint |
EASE_IN_OUT_QUINT | easeInOutQuint |
EASE_OUT_IN_QUINT | easeOutInQuint |
EASE_IN_ELASTIC | easeInElastic |
EASE_OUT_ELASTIC | easeOutElastic |
EASE_IN_OUT_ELASTIC | easeInOutElastic |
EASE_OUT_IN_ELASTIC | easeOutInElastic |
EASE_IN_BACK | easeInBack |
EASE_OUT_BACK | easeOutBack |
EASE_IN_OUT_BACK | easeInOutBack |
EASE_OUT_IN_BACK | easeOutInBack |
EASE_IN_SINE | easeInSine |
EASE_OUT_SINE | easeOutSine |
EASE_IN_OUT_SINE | easeInOutSine |
EASE_OUT_IN_SINE | easeOutInSine |
EASE_IN_EXPO | easeInExpo |
EASE_OUT_EXPO | easeOutExpo |
EASE_IN_OUT_EXPO | easeInOutExpo |
EASE_OUT_IN_EXPO | easeOutInExpo |
EASE_IN_CIRC | easeInCirc |
EASE_OUT_CIRC | easeOutCirc |
EASE_IN_OUT_CIRC | easeInOutCirc |
EASE_OUT_IN_CIRC | easeOutInCirc |
EASE_IN_BOUNCE | easeInBounce |
EASE_OUT_BOUNCE | easeOutBounce |
EASE_IN_OUT_BOUNCE | easeInOutBounce |
EASE_OUT_IN_BOUNCE | easeOutInBounce |
EASE_IN_CURVE | easeInCurve |
EASE_OUT_CURVE | easeOutCurve |
EASE_SIN_CURVE | easeSinCurve |
EASE_COS_CURVE | easeCosineCurve |
特定のイージングカーブは、振幅、周期、オーバーシュートなどの付加的な値でパラメータ化することができます。
Amplitudeは、ELASTICまたはBOUNCE(EASE_IN_ELASTICまたはEASE_IN_BOUNCEなど)で終わるタイプ記述を持つすべてのイージングカーブに有効で、他のイージングカーブでは無視されます。
Overshootは、BACK(EASE_IN_BACKなど)で終わるタイプ記述を持つすべてのイージングカーブに有効で、他のすべてのイージングカーブでは無視されます。
Periodは、BOUNCE(EASE_IN_BOUNCEなど)で終わるタイプ記述を持つすべてのイージングカーブに有効で、他のすべてのイージングカーブでは無視されます。
var easingCurve = AR.EasingCurve(AR.CONST.EASING_CURVE_TYPE.EASE_IN_BACK, { overshoot : 1.70158 //results in a 10% overshoot });
同じイージングカーブを書くことでインスタントできます。
var easingCurve = AR.EasingCurve("easeInBack", { overshoot : 1.70158 //results in a 10% overshoot });
コンストラクター
メソッド
destroy
()
オブジェクトを破棄します。
パラメーター:
amplitude
Number
弾性効果の振幅。振幅が大きければ強いほど効果が大きい。
周期値が必要なイージングカーブに振幅が設定されていない場合、デフォルト値はイージングカーブタイプによって異なります。
overshoot
Number
"バック"効果のオーバーシュート。値が高いほど、「戻る」効果が強くなります。
値が必要なイージングカーブにオーバーシュートが設定されていない場合、デフォルト値はイージングカーブタイプに依存します。
period
Number
弾性効果の期間。値が高いほど弾性効果の頻度が少なくなります。
周期値が必要なイージングカーブに期間が設定されていない場合、デフォルト値はイージングカーブタイプによって異なります。