NOODL.ANIMATIONCURVE

Javascriptから組み込んだアニメーション曲線のファンクションNoodlにアクセスできる。アニメーションを動かすときの値の修正に便利。

イーシングファンクションでは以下のパターンを使用:
function(startValue, endValue, t), tのところは[0:1]のようになる。

Default curves

用途に合わせて使用できるようデフォルトで3つのカーブがある:

  • AnimationCurve.easeInAnimationCurve.easeInCubicと同じ
  • AnimationCurve.easeOutAnimationCurve.easeOutCubicと同じ
  • AnimationCurve.easeInOutAnimationCurve.easeInOutCubicと同じ

All curves

  • AnimationCurve.linear – 比例的な補間によってstartend間をブレンドする

  • AnimationCurve.easeInQuadraticstartend間を補間する。二次元イーズインアニメーション。

  • AnimationCurve.easeInCubicstartend間を補間する。三次元イーズインアニメーション。

  • AnimationCurve.easeInQuarticstartend間を補間する。四次元イーズインアニメーション。

  • AnimationCurve.easeOutQuadraticstartend間を補間する。二次元イーズアウトアニメーション。

  • AnimationCurve.easeOutCubicstartend間を補間する。三次元イーズアウトアニメーション。

  • AnimationCurve.easeOutQuarticstartend間を補間する。四次元イーズインアニメーション。

  • AnimationCurve.easeInOutQuadraticstartend間を補間する。二次元イーズインアウトアニメーション。

  • AnimationCurve.easeInOutCubic
    startend間を補間する。三次元イーズインアウトアニメーション。

  • AnimationCurve.easeInOutQuarticstartend間を補間する。四次元イーズインアウトアニメーション。