私は、ユーザーがドラッグできる「モジュール」とそうでない「モジュール」をリンクする、グラフィカルなフローチャートのようなアプリケーションを開発しています。グラフィックを作成するためにSVGとHTML5キャンバスを使用するdraw2d(たとえば、raphael.jsを使用する)のようなライブラリを使用しています。
しかし、私はまだ「ストレス」レベルと見なすレベルに近づいておらず、ブラウザでの実行速度が途方もなく遅くなっています。モジュール(青いボックス)をドラッグすると、1秒あたり10フレーム以下のように感じます。画面に表示されているものを示すスクリーンショット:
私のラップトップには、AMDが提供するシステムモニターがあり、CPUコアとGPUの何パーセントが使用されているかを示しています。オブジェクトをドラッグすると、CPUコア(4つすべて)が最大まで使用されますが、GPUはまったく使用されません。
グラフィックベースのWebフレームワークはGPUを使用していませんか?私のアプリケーションがやろうとしていることと、現在パフォーマンスの面で悪い状態にあることを考えると、openGLなどを使用する新しいグラフィックライブラリを見つける必要がある可能性がありますか?そのようなものは存在しますか?