問題タブ [momentum]

モーメンタム/インターティア スクロールをtrigger.ioラップされたHTML5 iOS アプリに追加することは可能ですか?

現在、基本的なアプリを作成していますが、コンテンツをスクロールするときに Webview がスワイプ アクションの勢いに反応しないことに気付きました (iOS 6; iPhone 5)。つまり、遅いスワイプと速いスワイプは、Webview の同じセクションにスクロールすることになります (ネイティブ アプリとは異なり、速いスワイプは別のセクションにスクロールする必要があります)。

この動作を変更して、よりネイティブのようにすることは可能ですか? これらの iOS モメンタム スクロールの手順に従って、以下に示すように CSS を変更しようとしましたが、うまくいきません。

回避策として、webview 内で intertia をエミュレートする JS ライブラリを使用できる可能性があると感じていますが、可能であればこのオプションは避けたいと考えています。

前もって感謝します！

ええ、私は HTML5 でモバイル アプリを開発したいと考えている連中の 1 人です。Android と iOS で。私が知っている狂ったように聞こえます。悲しいことに、私には問題があります...

フッターとヘッダー、およびスクロール可能なコンテンツを備えたクラシックアプリがあります。iOSでは、これは素晴らしい作品です! ヘッダーとフッターには「位置: 固定」が上/下にあり、コンテンツは「-webkit-overflow-scrolling: touch;」でネイティブのスクロールの勢いを使用します。「-webkit-overflow-scrolling: touch;」ということは知っています。Android では使用できませんが、このプロパティは無視されるだけでなく、スクロールもまったく機能しません!

iOS で「ネイティブ」スクロールを取得し、Android で同じマークアップとスタイルを使用して「適切な」スクロールを取得する方法を教えてください。たとえば、勢いのあるネイティブスクロールを使用できる場合-そうでない場合でも素晴らしい-プレーンスクロール。

注: 今のところ、サポートする必要があるのは最近のバージョンだけです (Android 2.3 はありません!)。そのため、iScroll 4 のような JS フォールバックは必要ありません。

JSFiddle: http://jsfiddle.net/bmJxN/

ありがとう！

私は非常に単純な 2D 物理関数を作成して、球粒子をコライダーとして使用して RigidBody を解決しようとしています。

私はそうリジッドボディとパーティクルクラスを持っています:

基本的に、各フレームで各リジッドボディに保存されている各パーティクルの新しい位置を計算し、次にパーティクル間の衝突をチェックし、衝突の場合は、それらを反発させる力を計算します (半径と内部の量に基づいて)それら）、次にこの力を粒子に保存します。

そして、rigidBody に含まれるすべてのパーティクルのすべての力ストアに対して、rigidBody にインパルスを追加することにより、LinearVelocity と AngularVelocity を計算します。

my function addImpulse (インパルスを使用して力を粒子に保存し、粒子のワールド pos を配置します):

私の問題は、この関数が linearVelocity に対して非常にうまく機能することです。これは、角速度が最も小さな衝突で非常に大きくなるように調整されているためです。今のところ、ダンピング (線形または角度) を使用していません。 angularVelocity の慣性、

慣性のミスが私の問題だと思いますが、インターネットでそれを計算する方法を見ると少し混乱します。

box2d を調べて、慣性が格納されていて、rigidBody の変数 (質量として) であることを確認します。インターネットで、慣性 = 質量 * (r*r)
問題 => r とは...

-if は重心の距離 (つまり、rigidBody の位置) であり、明らかに常に 0 に等しい (body.position - body.position == 0 )

• box2d で見つけた: this.m_I = massData.I - this.m_mass * (massData.center.x * massData.center.x + massData.center.y * massData.center.y); そして、massData.center seam は、rigidBody からの形状の中心になります。私の場合の問題は、私の形状が (0,10) と (0,-10) の 2 つの球体であるため、その中心は (0 ,0) ....

• 別のウェブサイトで次のことがわかりました: for(i < numberOfParticle) I += ( massOfParticle(i) * ( RelativePosOfParticle(i)*RelativePosOfParticle(i) )最初に中心を検索する代わりに)、私の I は 0 よりも大きくなります。しかし、使用する正しい式はわかりません...

誰かが簡単な方法で私を説明できる場合、慣性を計算する方法は? RigidBody の慣性を直接 (粒子ではなく) 計算できる場合は? 慣性を保存できる場合、またはインパルスをどこに適用するかが深まる場合（他のウェブサイトでも読みました...）？および/または、なぜこのような大きな角速度を得るために衝動の関数で間違ったことをすることができるのですか (おそらく正常であり、この問題を解決するダンピングは他の物理エンジンです)。

また、誰かが（好奇心だけで）答えることができれば、計算が速く、結果が十分に良いため、box2dは慣性の単純なバージョンを使用しますか？それとも、Box2d の計算は正しく、コードを読むと何かが抜けているのでしょうか?

どうもありがとう^^,

マリウス。

わかりましたので、iOS でホイールの形をした「ホイール オブ フォーチュン」タイプのエフェクトを作成しようとしています。ここで、ホイールをつかんで回転させることができます。現在、ホイールをドラッグして心ゆくまで回転させることができますが、指を離すと停止します。ホイールが自然にスピンダウンする様子をシミュレートするために、運動量または慣性を適用する必要があります。

速度の計算が用意されているので、指を持ち上げるとNSLog速度 (最小 1 から最大 100 の間) が出力されます。速度は 1 から 1800 を超える範囲の範囲です (最もハードなフリックで!)。 、今は、その速度を実際の回転に変換してオブジェクトに適用する方法と、時間の経過とともに速度を落とす方法を確立しようとしています。

私の最初の考えは次のようなものでした:与えられた速度と同じ速度でループ上で完全な円を回転させ始め、その後の回転ごとに速度を少しずつ遅くします。これにより、よりハードなスピンほど速くなり、遅くなるまでに時間がかかるという効果が得られるはずです。

私は数学者ではないので、私のアプローチは間違っているかもしれませんが、少なくとも基本的な状態でこれを機能させる方法について誰かがヒントを持っていれば、本当に感謝しています. ここに非常に役立つ答えがあります: iPhone は慣性/運動量物理学を追加して、回転制御のような「運命の輪」をアニメートしますが、それはより理論的であり、計算された速度をオブジェクトなどに正確に適用する方法に関する実用的な情報が不足しています。ここでもアニメーションのヘルプが必要になると思います。

編集: ホイールを時計回りまたは反時計回りにドラッグしているかどうかも調べる必要があります。

どうもありがとう！

IOS デバイスで使用する SlickGrid を作成しました。1 秒間隔で (Web ソケット経由で) データを更新します。次の css を追加して、モーメンタム スクロールを追加しました。

これにより、更新のたびにグリッドがちらつきます!! 上記のcssを削除すると、ちらつきが止まります。また、データの更新を停止すると (モーメンタム スクロールをオンにして)、ちらつきも停止します。SlickGrid wiki にある「セルの強調表示と点滅」(または Examples フォルダーの例 14) の例に上記の css を追加することで、問題を再現できます。

IOS デバイスでモーメンタム スクロールを有効にするために上記の CSS を追加すると、更新のたびにグリッドがちらつきます。ちらつきを取り除くにはどうすればよいですか？

div コンテナーをドラッグするための小さなスクリプトを作成します。タッチ イベントとマウス イベントで機能します。

タッチエンド後にコンテナを移動させるために、モーメンタム スクリプトを作成するのにいくつかの困難があります。運動量を計算する方法は知っていますが、それを実装する正しい方法がわかりません...

ここに私のスクリプト：

フィドル：http://jsfiddle.net/V5Jmu/2/

アップデート

http://jsfiddle.net/RdYQb/12/

matjazekの回答のおかげで、よりうまく機能するように見える新しいフィドルを作成しました