問題タブ [easing]

すべてを説明する前に、ここで私が話していることを見てください。これはギャラリーのサムネイル ビューです。mouseenter で動き始めますが、スムーズなイージング効果はありません。とても「神経質」に見えると思います。

こちらをご覧ください: http://mark-i-mark.com/lab/test/index.html

mousemove 関数を「実行」しているコード スニペットは、http: //jsfiddle.net/nWMY9/で確認できます。

jQuery イージング プラグインに基づいて、よりスムーズにする方法を知っている人はいますか? 助けていただければ幸いです。さらに情報が必要な場合は、お知らせください。

EDIT 05.12.2011 * @roXon * あなたのソリューションはまさに私が必要としているものです。ギャラリー スクリプトでそれを実現するために、情報を少し更新したいと思います。たぶん、あなたはそれを実現することができます。ギャラリーのライブ プレビューは次の場所にあります: http://mark-i-mark.com/lab/smartajax/index.html

js ファイルは jquery.dob.WallGridGallery.js で、mousemove 関数は行 553 で始まり、行 595 で終わります。以前のバージョンよりも整理されたように見えます。

ほとんどのディメンションは、スクリプトによって動的に設定されます。オプションの設定は、xml ファイルで行うことができます: http://mark-i-mark.com/lab/smartajax/WallGridGallery/xml/SettingsWallGridGallery.xml

設定が行われない場合、html マークアップで #galleryContainer に設定したものからギャラリーの表示サイズが取得されますが、thumbnailsWrapper のサイズは動的に計算されます。

目標は、クールな動きのソリューションを既存のスクリプトに含めることです。それができると思いますか？必要な情報がすべて提供されていることを願っていますが、それ以外の場合はお知らせください。その挑戦を私と共有してくれてありがとう。あなたのソリューションが含まれていれば、ギャラリーの見栄えが良くなると思います。

jquery のイージングプラグインを非常にシンプルな Web サイトで実行しています。

私が持っているアンカー リンクのコード (jquery 関数を呼び出して、div が押された方にウィンドウをスライドさせます) は次のとおりです。

また、JavaScript コードは次のとおりです。

現在見ている div を取得する Animate2id 関数の変数を設定しようとしました。これを使用して、次または前の div に移動できます (ただし、それを行ったかどうかさえわかりません)。正しく...）。

明らかに、jquery/javascript はまだ新しいので、助けていただければ幸いです。

cocos2dでは、CCSpritesを簡単に操作して、さまざまな方法で移動できます。最も重要なこと-彼らはイージングイン/アウトを持つことができます。ほとんどのゲームでは、これはスムーズな動きなどに適しています。

box2dボディを移動すると、それに接続されているスプライトはbox2d step（）の後に更新されます。スプライトを移動してからボディを更新することは、物理フレームワークの目的を完全に無効にするため、ここではオプションではありません。

したがって、私が正常に実装したもう1つのオプションは、スプライトをそれ自体が力学エンティティとして扱うことにより、スプライトの変位、速度、および加速度を計算することです。スプライトでupdate（）を呼び出して、キャラクターが移動先などを決定できるようにするたびに、スーパークラスは前の位置と速度も保存します。これらは、PTM_RATIOで除算することにより、box2d準拠の値として保存されます。

FMSpriteと呼ばれるCCSpriteのサブクラス：

次に、「FMSprite」を「FMObject」にサブクラス化しました。これには、b2Bodyなどが格納されています。

体を動かすには、まずスプライトを動かしてその加速度を追跡する必要があります。これにより、スプライトの動きを追跡するために必要な力（質量を使用）を見つけることができます。オブジェクトのスプライト（ボディに同期している）を移動できないため、「ビーコン」と呼ばれる別のスプライトを作成し、それを子としてオブジェクトに追加して、移動します。次に行う必要があるのは、前述の力を使用して、box2dボディの位置をこのビーコンスプライトと同期させる機能を用意することです。

その結果、b2bodyの動きが素晴らしく、スムーズに動き、自分の力で遊ぶことなく、CCSpriteの動きをコピーして、その動きを複製することができます。すべての力であるため、他のb2Bodyオブジェクトと衝突するときにジッターや歪みが発生することはありません。他にこれを行う方法がある場合は、回答を投稿してください。ありがとう！

そこにはたくさんのマウスフォロワーのチュートリアルがあります。それらのほとんどは、動きを緩和するための簡単な式を備えています。

(tx = 目標位置、x = 実際の位置、interp > 1)

これにより、フォロワーは最初は非常に速く進み、その後ゆっくりと目標位置まで減速します。

カスタム加速、カスタム減速、およびその間の移動の最大速度を定義できるように、フォーミュラーを変更するにはどうすればよいですか? 最初のうちは、加速が追加されれば満足です。

ありがとう！

ハンス

いくつかの切り替えを行うプラグインを作成していますが、使用可能なイージング方法を確認する方法が必要です。可能な場合は、jQueryUIイージングメソッドをサポートしたいと思います。これらはカスタムビルダーのエフェクトパッケージに含まれているようですが、チェックされていない可能性があるため、jQueryUIが使用可能かどうかをチェックするだけでは不十分のようです。イージング方法が利用できるかどうかを具体的に確認したいと思います。

次のコードを適用すると、正しいバーの値が設定されますが、イージングは​​行われませんか?

私は何が欠けていますか、助けていただければ幸いです!

ありがとう

解決：

私は自分でそれをちょっと解決しました

以下を使用して、実際に無効なコードでした (Orenet に感謝します!)。

実際のバーを含むdivが機能しない前に初期化しても非表示になったため、すぐには機能しませんでした。現時点では、私はそれを再表示しています。より良い解決策はありますか？

イージングプラグインでjQueryを使用していますが、任意の長さのアニメーションで一定のイージング時間を実現したいと考えています。

ここで、 <<<</>>>>はイージングイン/イージングアウト期間であり、---一定速度の動きを示します。

そのためのイージング関数/プラグインはありますか、それともこのような各アニメーションに時間依存のカスタム関数を与える必要がありますか？はいの場合、どのような種類ですか？

私はここからこのコンパクトなニュースリーダーを手に入れました。以下は、リンクをクリックしたときのプレビューのイーズインとイーズアウトをアニメーション化するためのコードです。ページ全体のサイズを300から600に変更します。グーグルを実行し、jqueryのアニメーション部分が要素のCSSプロパティをアニメーション化します。だから私はそこから働きました。うまくいったと思っていたのですが、うまくいかなかったので、最初からやり直そうと思いました。

誰かがこれを読んで説明できますか？たとえば、私が推測しているのは、「ページ要素の上部のcssを-300pxにアニメーション化する...残りの行が理解できないことです。

助け、嫌がらせ、またはポインタをありがとう。

sdfadssf

次のイージングは​​トリガーされません。queue:true が削除されている場合はそうですが、そのビットも必要です。

それはどのように行われますか。