問題タブ [easing]

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

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

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

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

Jquery のドラッグ可能で容易な効果を達成したいと思います。しかし、このプラグインにはオプションが見つかりませんでした。したがって、このオプションを備えた他のプラグイン、または簡単な解決策があるかどうか疑問に思っていました。

私が達成しようとしている効果はこれです：http://www.fileden.com/files/2009/6/4/2466215/dragease.swf

ご覧のとおり、ドラッグすると、イージングのおかげで画像の動きが非常にスムーズに感じられます。また、ドラッグを1つの軸に制限したいと思います。また、元の場所に戻す必要があります。JQuery のドラッグ可能なものには、この最後の 2 つのオプションがあるので、それは素晴らしいことです。

サンプルコードは、私が望むものをすでに提供しています (イージングを除く): http://jsfiddle.net/dandoen/NJwER/1/

アドバイスをいただければ幸いです。

乾杯、ダンドーエン

しばらくの間、私は一般的に使用されるアニメーション/物理方程式のある種の集中型のオンラインリポジトリを探していました。Box2dのような物理フレームワークをロードして1日と呼ぶのは簡単ですが、少し抽象的でないソースを探しています。

理想的には、これは数式とそのプログラムによる実装の言語に依存しないカタログであり、特定のモーションの問題に関連付けられます。例：カタパルトから放出されるオブジェクト、またはロケットのような自己動力の発射体を制御する方法。または、単に中心体の周りの軌道運動を説明する方法。

私が見つけた最も近いタイプのソースは、Robert Pennersが方程式を緩和する（古い学校のフラッシュ用）、またはJakobsons AdvancedCharacterPhysicsドキュメントのようなものです。しかし、もちろん、これらは範囲が限定されています。私はもっ​​と包括的で、必ずしもゲーム固有ではない何かを手に入れようとしています。

はい、私は通常、ケースバイケースでそのような答えを見つけるのにそれほど苦労する必要はありませんが、一元化されたソースが最も優れています。

何かご意見は？

マウスのドラッグに応じて、ムービークリップを中心点を中心に左または右に回転させる必要があります。私がやりたいことの基本的な類似点はありますが、かなりハックです。通常、私は角度などを計算しますが、実際にはマウスが移動する距離を使用してムービークリップに適用するだけでよく、手放したときにフレーバーのために素敵なイージングを追加します。

ページ全体のイーズを実装する方法を理解しようとしています...ページにイーズしたいタグの順序をスクリプトにどのように呼び出したり伝えたりしますか? ボディロード機能を使用する必要がありますか?

どうもありがとう。

エリック

このコードを機能させるのに苦労しています。基本的には、次のコードセクションがあります。

これは、slideUp と 'slow' を使用して Javascript で通常どおりに記述した場合は正常に動作しますが、現時点では少し静的であるため、イージングを含めたいだけです。jQueryが機能するようにこれを調整するにはどうすればよいですか? 事前に感謝します。

ソフィ

表示/非表示を使用してさまざまなコンテンツを表示するフォームがあります。移行には、ある種の緩和方法を使用したいと思います。理想的には、表示されている新しいコンテンツが以前のコンテンツまたはそのようなものよりも大きい場合、それは「大きく」なります。

イージングプラグインを見てきましたが、表示/非表示のトランジションにどのように適用できるかわかりません...迷子になりました。

どんな助けでも素晴らしいでしょう。

ありがとうございました！

これは機能します：

しかし、これはしません：

私が間違っていることについて何か考えはありますか？

私が達成しようとしているのは、「ウィンドウスペース」内で 4 つの div を水平方向 (左から右) にスクロールさせることです。イージング プラグインも含めました。「TopLinks」リンクをクリックして div を上下に移動すると完全に機能します...ただし、左から右にスクロールしようとすると、イージングが完全に消えます。

私のCSSと何か関係があるのだろうかと思っていましたが、よくわかりません。これを機能させるための助けをいただければ幸いです。これが私のコードです：

HTML

CSS

ジャバスクリプト

jsfiddle にも投げますので、動作するデモがあります。http://jsfiddle.net/BftMr/

.Net3.5でExpressionBlend4を使用しています

下の画像には、トランジション効果のオプションと、トランジションのイージング効果を選択する機能があります。

私のBlendインターフェイスには、WPFアプリケーションに次のものがありません。

ただし、新しいアプリケーション（WPF Sketchflowアプリなど）を作成すると、これらのオプションは最初の写真と同じように表示されます。

これらのオプションが表示されるかどうかは何によって決まりますか。また、WPFアプリケーションにそれらを組み込むにはどうすればよいですか。