2

を使用してアニメーション webGL シーンを描画するページhttp://williame.github.com/Mandel_1requestAnimationFrameがあります。これは、一般的に推奨されるアプローチです。

時折、キャンバスの横にある div 要素を更新します。

Firefox では、これはうまく機能しますが、Firefox のアドレス バーのフォーカスが遅くなる可能性があります。

Chrome では、更新されているにもかかわらず div が再描画されないことが多く、Chrome 全体が遅くなり、応答しなくなる可能性があります。これについては、Linux と Windows の両方の人々から報告を受けています。

さらに、私が計算した FPS (過去 3 秒間のフレーム数を定期的にカウントすることによって) は、Chrome 独自のデバッグ FPS カウンターが示す FPS と一致しません。この不一致は、Chrome が何か他のものを測定しているのではないかと思わせるのに十分です。

できるだけ良いフレームレートで描画しながら、Chrome や他のブラウザーの応答性を維持するために描画ループを構成するにはどうすればよいですか?

4

1 に答える 1

1

アプリで何が起こっているのかわかりませんが、div を挿入するたびに、4 つのシェーダーをコンパイルしてリンクし、成功を確認しているようです。コンパイルとリンクが遅い。

起動時にすべてのプログラムをコンパイルしてリンクしてみてください。

または、逆に、コンパイルとリンクが 100% 確実に行われる場合は、コンパイルとリンクの状態をチェックしないでください。その場合、コンパイルとリンクは JavaScript に対して 100% 非同期になります。

于 2012-08-03T20:57:38.080 に答える