graph - Three.js パーティクルの読み込みが異常に遅い？FPS の速度低下と大幅なカットの原因は何ですか? (60+ fps から 1-2 fps まで)

Question

視覚化を遅らせている原因がわかりません。理想的には、60 fps が必要です。1 fps や 2 fps ではありません。

ここにリポジトリがあります。最初のものについては、LeapVis1.2 内で、フォルダーをダウンロードした後に Firefox で index.html を開くと、vis が読み込まれます。 非粒子

パーティクルを使用するリポジトリについては、Firefox で canvas_particles_random.html を開きます。 粒子 (さらに遅い)

Answer 1

まずこの質問の続きです。遅い理由は、WebGLRenderer の代わりに CanvasRenderer を使用しているためです。あなたは私を誤解していると思います。three.js には、キャンバス用の Particle と webgl 用の ParticleSystem の 2 つのオブジェクトがあります。キャンバスは webgl に比べて非常に遅いため、キャンバスの使用について言及したことはありません。