問題タブ [momentum]

新しいApple Magic Mouseでスクロールすると（少なくとも10.6では、以前のMac OSは確認できません）、iPhoneでのスクロールのように慣性スクロールが得られます（つまり、指でフリックしてスクロールした後、スクロールしません）突然停止しますが、代わりに徐々に減速します)。この動作は、すべての NSScrollViews で「無料」であり、表示されます。

Mac 用の Tweetie など、例外的なケースもあります (Tweetie はUITableView、iPhone での動作と同じように動作するカスタム Table View クラスを使用して記述されていると聞きました)。

私の質問は、スクロールビューがこの慣性スクロールを行う方法をどのように知っているのですか? 私の推測では、マウス [ドライバー] は、スクロール期間中に減衰するスクロールの大きさ (またはそのようなもの) でスクロール イベントを繰り返し送信します。しかし、それがどのように機能するかはよくわかりません。

スクロールビュー クラスでスクロールの問題が発生しており、その理由を突き止めようとしています (明らかに、Tweetie のソース コードがなく、適切なスクロールが得られない理由を確認できません)。私自身の問題を解決するためにどのように機能するか。

私はニューラル ネットワーク クラスを書いていますが、理解できない 2 つの概念に出くわしました。biasand とmomentumは何か、何をするのか誰か教えてくれませんか?

Killers Music html5サイトを調べていたとき、マウスを左または右に動かすと無限にスクロールするメインナビゲーションで行ったことをやりたかったのです。
私は彼らのjavascriptファイルを調べ、要素も調べましたが、確かに、左のcssプロパティを更新して背景画像をスクロールしました。
それをスムーズに行う方法がよくわかりません。setTimeoutを使用して左側を更新できることはわかっていますが、適用するために計算する必要のある値がわかりません。私は誰かの助けが必要になるでしょう、あるいはそれのためのチュートリアルがあれば、それは素晴らしいでしょう。
助けてください。

私の質問は、ユーザーがすばやくスワイプした場合に、画面のスワイプの勢いを維持してスクロールを維持するために、どのアルゴリズムまたは数学を使用する必要があるかということです。

例: 画面上に円を描いて回転する画像があり、ユーザーがカメラをゆっくりスワイプすると、指に沿って移動します。ただし、ユーザーが非常に速くそれを行う場合、ユーザーがスワイプする速度に応じて、画像はカルーセルのように数秒間回転する必要がありますか?

ユーザーが画面に触れたときのポイントと、ユーザーがスワイプを続けて指を離したポイントを取得できますか?

1秒間に60回呼び出されるメソッドがあるので、アイデアはありますか?

私はiOSのグラフィックスとアニメーションが初めてで、下のビデオに見られるように、フリック時に画像の運動量回転の効果を達成する方法を知りたい.

http://www.youtube.com/watch?v=ZIQs-OWgkgI(今は壊れています)

フリックしなくても映像が揺れていい感じです。

ありがとう。

次のように設定されたゲームにホイールコントロールがあります。

次のようにして、更新メソッドでホイールの回転を更新します。

ユーザーがホイールを離したら、ユーザーが行ったスワイプの速度を考慮せずに、以前の場所に回転させたいと思います。これは、私が本当に理解できないビットです。したがって、スワイプが多くの速度を生成する場合、ホイールを開始位置に引き戻す全体的な力が作動するまで、ホイールはその方向にわずかに移動し続けます.

アイデア/コードスニペットはありますか?

CSS "-webkit-overflow-scrolling：touch"を使用しているときに、iOSでリアルタイムのscrollLeftの位置を取得できません。

これがデモンストレーションするフィドルです：http： //jsfiddle.net/WaMUq/

デスクトップでスクロールしているときに、スクロール中にリアルタイムのscrollLeftデータを取得していますが、iOSでは、勢いのあるスクロールが停止するまで待ってから、scrollLeftデータを送信します。

どうすればこれを回避できますか？このデータをリアルタイムで取得して、とりわけ微妙な視差効果を作成しようとしています。Stellar.jsとScrollability.jsを試しましたが、どちらもスクロールが停止するまで待つという同じ問題が発生します。

ズームした画像のドラッグに運動量/慣性効果を追加しようとしています（この例のように、またはiOのように）、苦労しています。

私はしばらくこれに苦労していて、いくつかの役立つリソース（このようなもの）を見つけましたが、ほとんどのソリューションにはjQueryが含まれており、フレームワークを含まないプレーンなjavascriptに固執したいと思います。

私はHTML5/CSS3ズーム画像コードに取り組んでいます。ダブルタップズーム、ピンチズーム、ドラッグ、パンなどのすべての標準機能があり、すべてがCSS3の変換変換とスケーリングを組み合わせて使用​​されます。元。

私は他の人がそれをどのように行っているかを見ました、そしてそれは一種のイーズイン効果を作成するために、持続時間/距離を減らしながら、左/右のプロパティの連続したアニメーションを含みます。

ある種の再帰関数を使用して、翻訳を使用して再作成しようとしました（ここにフィドルが表示されます（Webkitブラウザーで動作します）。コーディングスタイルは無視してください。ベストプラクティスではなく、単なるデモです）。この場合、アニメーションはすべて流動的ではなく、連続する翻訳は接続されません。

私は原理についてある程度基本的な理解があり、オンラインで利用可能ないくつかのアルゴリズムを調べましたが、css変換を使用してこれをどのように達成できるかを理解できません。

mousemove / touchmoveで行われるドラッグの最初の部分は、カーソル/指で画像を移動しますが、終了後の継続的な変換は...連続的ではありません。最初のアニメーションの後の別のアニメーションのようであり、自然なものとは異なります。運動量/慣性効果。

オブジェクトの回転を保持するクォータニオンがあります。フレーム中にそれを変更して、新しいクォータニオンを取得します。「前のフレーム」から「現在のフレーム」に回転するクォータニオンを計算できます。

ただし、このクォータニオンを「tで除算」して、必要な1秒あたりの回転数を取得する方法がわかりません。

つまり、タイムステップに基づいて、クォータニオンがX回（つまり、28.5 fpsで28.5回など）適用された場合にどのように見えるかを知る必要があります。

誰かがこれを行う方法を知っていますか？それとも、オイラーに変換し、乗算してから、元に戻すのと同じようなことをするようにアドバイスしていただけますか？

私はこれを再現しようとしていますが、かなり成功しています。ただし、衝突処理に問題があります。衝突処理は機能しているように見えますが、非常に奇妙な動作をしています。これが私がこれまでに持っているものです。これは衝突を処理するコードです:

編集:提案されているように非弾性衝突に変更しようとしましたが、何らかの理由でボールが不規則に衝突します。ここでチェックしてください。

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