15

この素晴らしいWeb ページで、私の Web ページに視覚的な魅力を追加できるイージング アルゴリズムのリストを見つけました。

それにもかかわらず、関数の引数についての簡単な言及がありましたが (以下を参照)、アルゴリズムは私が望むように動作しません。下記の関数の引数にどの値/範囲を入力する必要があるかについて説明をお願いできますか?

引数リスト:

  • t: 現在の時間- 値は 0...1 にする必要がありますか、それとも現在のフレームの実数ですか?
  • b: 開始値- 移動するオブジェクトの開始 X または Y 座標だと思います
  • c: 値の変化- すべてのフレームで常に 1 になることができますか?
  • d: duration - 全体のフレーム数?



Math.easeOutCubic = function (t, b, c, d) {
    t /= d;
    t--;
    return c*(t*t*t + 1) + b;
};

関数から取得した最後の値に値を徐々に追加する必要がありますか、それとも最初の 0 の位置に追加する必要がありますか?

4

1 に答える 1

15

そうです、dは期間であり、t現在の時刻です。したがって、～でtある必要があります。0d

cend valueは総変化であり、 -に等しい必要がありますstart value。

  • t = 0私たちは持っているかc*(-1 + 1) + b、b
  • t = d私たちは持っているかc*(0 + 1) + b、b + c

関数はどの fps でも同じです。位置を更新して関数を呼び出す頻度はあなた次第です。

于 2012-04-16T09:59:34.120 に答える