1

私は、ユーザーがドラッグできる「モジュール」とそうでない「モジュール」をリンクする、グラフィカルなフローチャートのようなアプリケーションを開発しています。グラフィックを作成するためにSVGとHTML5キャンバスを使用するdraw2d(たとえば、raphael.jsを使用する)のようなライブラリを使用しています。

しかし、私はまだ「ストレス」レベルと見なすレベルに近づいておらず、ブラウザでの実行速度が途方もなく遅くなっています。モジュール(青いボックス)をドラッグすると、1秒あたり10フレーム以下のように感じます。画面に表示されているものを示すスクリーンショット:

私のアプリケーションのサンプルショット。 大きな長方形のドラッグは本当に遅いです。

私のラップトップには、AMDが提供するシステムモニターがあり、CPUコアとGPUの何パーセントが使用されているかを示しています。オブジェクトをドラッグすると、CPUコア(4つすべて)が最大まで使用されますが、GPUはまったく使用されません。

グラフィックベースのWebフレームワークはGPUを使用していませんか?私のアプリケーションがやろうとしていることと、現在パフォーマンスの面で悪い状態にあることを考えると、openGLなどを使用する新しいグラフィックライブラリを見つける必要がある可能性がありますか?そのようなものは存在しますか?

4

1 に答える 1

3

それは本当にライブラリと使用するブラウザに依存します。Chromeを使用する場合、最初のステップはchrome:// gpuに移動して、GPUアクセラレーションで有効になっている機能を確認することです。次に、標準のキャンバス描画関数を使用している場合、または独自のソフトウェアレンダリング機能を実装している場合は、2Dフレームワークライブラリに完全に依存します。

于 2012-09-04T03:58:12.480 に答える