問題タブ [easing-functions]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
369 参照

javascript - 軌道上の物体の引力をシミュレートする

次のアニメーションで重力/加速をシミュレートしようとしています。earthの角速度は、近づくにつれて増加し、sol遠ざかるにつれて減少するはずです。を変更するにはイージング関数が必要だと思いますが、earth.angularVelocity方法がわかりません。

すでに定義されているイージング関数またはカスタムイージング関数が機能するかどうかはわかりません。必要なイージング関数は、次のグラフのように機能するはずです。

プル/リリース イージング関数グラフ

earthの近日点は 180°、遠日点は 0/360° です。そのような関数を作成してこれを機能させるにはどうすればよいですか?

0 投票する
3 に答える
2439 参照

javascript - JQMIGRATE: イージング関数 "jQuery.easing.swing" は最初の引数のみを使用する必要があります

JQuery V1.9.1 を V3.0 にアップグレードし、「jquery migrate 3.0」を使用しています。コンソールに次の警告があります。

警告メッセージのソースを検索すると、次のコードが見つかりました。

このコードを書き直して、警告メッセージが表示されないようにするにはどうすればよいですか?

このリンクを見つけましたが、わかりません どうすれば修正できますか?

このコードにも同じ警告があります:

詳細については、2 番目のコードのコンソール トレースを参照してください。

0 投票する
1 に答える
1313 参照

css - カスタム CSS アニメーション/トランジション タイミング関数の作成方法

CSS タイミング関数は、常に次の 2 点の間にあるようです。

カスタム ベジエ カーブを使用しても、カーブは 1 つのポイントから別のポイントにしか移動できません。

複数のポイントで構成される曲線を作成できるカスタム CSS タイミング関数を作成することは可能ですか?

0 投票する
1 に答える
192 参照

java - Slick2D を使用した Java でのイージング

オブジェクトをイーズインおよびイーズアウトさせようとしています。

しかし、これをレンダリングするとうまくいきますが、常に他のオブジェクトとは正反対の動作をする別のオブジェクトが得られます。

そのため、オブジェクトが上に向かっているとき、「ゴースト」オブジェクトは真逆で下に向かっています。かなり奇妙な画面の引き裂き効果が得られます。vsync をオンにしようとしましたが、それがさらに悪化したようです。オブジェクトは slick2d の長方形です。また、数秒間完全に消えるか、寸法を変更することなく永久に直線に変わる習慣もあります. アップデートコードです。

イーズ イン アウトの式は、こちらの githubで見つけることができます。

キーが別の場所で離されると、フレーム var がリセットされます。スプライトをヘリコプターのように動作させようとしています。ヘリコプターのようにする方法を知っている場合は、知識を共有してください!