問題タブ [easing-functions]

jQuery で使用できるカスタム イージング関数のオンライン リストを探しています。

これにプラグインを使用することに興味はありませんし、jQuery UI も使用していません。

以下に、少しバウンスするものを見つけましたが、いくつかのオプションを用意できるように、他のいくつかを探しています.

他の機能の代わりに、これがどのように動作し、変更される可能性があるかについての簡単な説明は素晴らしいでしょう. ありがとうございました！

例：

編集＃1：

すべての jQuery UI イージング関数のオンライン デモを次に示します。UI からのソース関数は、Jake による正解で以下に掲載されています。

http://api.jqueryui.com/easions/

編集＃2：

上に投稿したイージング関数の例は、jQuery UI の「easeInOutBack」とまったく同じであることがわかりました。

編集＃3：

無料でダウンロードできるスタンドアロンのイージング方程式をいくつか紹介します...

http://www.robertpenner.com/easing/

このjQueryイージング関数を変更して、誇張されていないバウンスを生成するにはどうすればよいですか？

これをエミュレートするイージング関数を作成しようとしています。

http://sandbox.scriptiny.com/tinyslider2/

tinyslider2は、次のような同様の関数を使用します。

しかし、tinyslider2の方程式をjQueryのイージング形式に適合させるために、今日の数学に頭を悩ませているようには思えません。誰かが私に例を示すことができれば、私はそれをとても感謝します。

アップデート

この方程式は非常に近いです：

最初のバウンスなしで、最後のバウンスだけが必要です。

私はアコーディオンのアプリケーションを持っています

ただし、2 番目のタブを初めてクリックすると、効果が終了するまでコンテンツは表示されません。これを修正する方法はありますか？

次のコードは、単純なイーズ関数を使用して線をマウスの位置に向かって回転させますが、問題は、atan2（）メソッドが-PIからPIまで機能し、角度がいずれかの限界に達すると線を後方に回転させることです。 0からTWO_PIに回転させますが、targetAngleに到達するまで線が後方に回転するため、違いはありません。-PIからPIへのジャンプが目立たないため、イージング計算を使用しない場合は正常に機能します。私の回転とこの問題を回避しますか？

ありがとう

jQueryのイージング関数はどのように機能しますか？たとえば、次のようにします。

それはどのように機能しますか？各パラメータは何を保持しますか？アニメーションのダムイージングをどのように実装しますか？

また、イージングパターンをjQueryにアタッチするにはどうすればよいですか、それを$ .easingにロードするだけで十分ですか？

私はC＃でクワッドコプター（ARドローン）の制御プログラムを開発しています。キーボード（ジョイスティックのような軸がない）からの入力を簡単にしたいです...

したがって、ユーザーがさまざまな種類のイージングで選択できるメソッドのコレクションが必要です。

私は現在、CSS トランジションをかなり頻繁に使用していますが、イーズイン、イーズアウトなどにしかアクセスできないことに制限を感じています。ベジエ曲線オプションはほとんどの制御を可能にしているように見えますが、これでも実際のイージング式を指定することはできません。弾性イージングなどをシミュレートします.別のオプションはありますか、またはこのタイプのアニメーションを実行するにはjavascriptに頼る必要がありますか?

アニメーションにイージングがある場合、アニメーションはそのイージングの方程式に従います。この スクリプトは、私が言いたいことを非常によく説明しています。

イージング、任意のイージング、およびアニメーション時間 (たとえば 1000 ミリ秒) を選択したと仮定しましょう。アニメーションはイージング方程式に完全に従います。時間を 500 ミリ秒に分割すると、アニメーション期間は分割されますが、同じイージング方程式が満たされます。

私がやりたいのは、時間だけを分割するのではなく、イージング方程式も分割することです。これでアニメーションは完了しますが、完全な式に従っているのではなく、半分だけに従っています。

少し複雑ですが、解決策があるのだろうかと思います。

C#でアニメーションを作成する方法を学んでいます。たとえば、オブジェクトのマージンをアニメーション化する場合は、次のメソッドを使用してそのマージンをアニメーション化します。

イーズ関数を作成できることに注意してください。しかし、EaseInOut イージング関数を作成したい場合はどうすればよいでしょうか。EaseInOut アプローチを使用してオブジェクトをアニメーション化するには、テスト メソッドに何を追加する必要がありますか。

かなり非定型のjqueryイージング関数が必要です。これは基本的に、従来のeaseInOutイージングの反対です。これは、プロセスを高速のイントロから低速の中間部分、高速のアウトロ（speedInOutと呼ぶ場合があります）に移行するためです。

残念ながら、私の数学は少し錆びており、開始方法に関して正しい方向に私を向けてくれる人が必要です。

双曲線正弦曲線（sinh）は、私が探しているものの正しい方向にいくらか進みますが、両方の軸で0から1の間に制限する必要があります。

これが私が使っているjqueryイージング関数のスケルトンです

どんな助けでも大歓迎です！