タグ

ブックマーク / void.heteml.jp (1)

  • void element blog: イージングのマジックナンバーを自分で求めてみた

    easeOutBackなイージング(iPhoneのホーム画面をスワイプした時みたいにちょっと行き過ぎてからフワッと戻ってくるやつ)をいい感じにするために、行き過ぎ度合いを調整するパラメータovershootをあれこれ弄っている時に1.70158というマジックナンバーなデフォルト値がふと気になって、これどうやって求めたんだろうなと。 内容的には行き過ぎた時の値がちょうど始値と終値の差分の10%分になるように設定された値なんですが、せっかくなので自分でも求めてみようと思い立ってちょっと計算してみることにしました。 イージングによる変化中の数値は r^2 * ( (s + 1) * r + s) + 1 で求められています s = overshoot r = ratio - 1 [ 0 <= ratio <= 1 ] これをrの3次関数として書き直すと f(r) = (s + 1) * r^3

    void element blog: イージングのマジックナンバーを自分で求めてみた
    mk18
    mk18 2014/05/24
  • 1