2012-04-16 12 views
15

この上にweb page私のWebページに素晴らしい視覚的な魅力を加えることができるイージングアルゴリズムのリストが見つかりました。簡単立方体 - 関数の引数説明

私は、関数の引数(下記参照)について簡単に言及しましたが、アルゴリズムは望みどおりに動作しません。下記の関数の引数にどのような値/範囲を入力すべきかについての説明をしてもらえますか?

引数リスト:

  • トン:現在の時刻 - ここに値0 ... 1、または現在のフレームの実数でなければなりませんか?
  • B:値開始 - 私は仮定、開始XまたはYは、
  • Cに移動されるオブジェクトの座標: - ここですべてのフレームのためのすべての時間数1であることができる値の変化?
  • d:期間 - フレーム数はどれくらいですか?

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

値は、増分関数から得られた最後の値に追加する必要があり、またはそれらが初期位置0に追加すべきか?

+1

このリンクは私の質問をかなり詳しく説明しています:http://upshots.org/actionscript/jsas-understanding-easing –

答えて

15

あなたが正しいです、dは期間であり、tは現在の時間です。したがって、t0dである必要があります。

cは合計変更であり、end value-start valueに等しくなければなりません。我々はc*(0 + 1) + bまたはb + c

機能は、それが位置を更新し、関数を呼び出す頻度はあなた次第です、任意のFPSのために同じになる必要がありt = dについてはc*(-1 + 1) + bまたはb

  • を持ってt = 0するため

  • +0

    +1、こんにちは、あなたのrepplyに感謝します。私は家に帰るときに新しい情報で数式を試してみます。 ** b(開始値)も負の数にすることができますか?**画面からオブジェクトを移動する場合は、-50yから250yを意味します。数式がそのように機能するかどうかはわかりません。 –

    +0

    はい。 't'を0からいくつかの負の値に変更する場合にのみ、それは意図された方法では動作しません。 – kirilloid

    +0

    私は、関数の引数を正しく理解した上で、2dオブジェクトが実際に実装するのと同じように動作することを確認できます。私はあなたの答えを* Accepted Answer *として識別しています。 –

    関連する問題