Three.js 粒子加载速度非常慢？是什么导致了 FPS 的缓慢和大幅削减？（从 60+ fps 到 1-2 fps）答案

【问题标题】：Three.js particles load insanely slow? What's causing the slowness and massive cut in FPS? (From 60+ fps to 1-2 fps)Three.js 粒子加载速度非常慢？是什么导致了 FPS 的缓慢和大幅削减？（从 60+ fps 到 1-2 fps）
【发布时间】：2013-04-03 21:08:40
【问题描述】：

我无法弄清楚是什么降低了我的可视化速度。理想情况下，我想要 60 fps。不是 1 fps 或 2 fps。

这里是存储库。对于第一个，在 LeapVis1.2 中，如果在下载文件夹后使用 Firefox 打开 index.html，vis 应该加载。 Non-Particles

对于使用粒子的存储库，请在 Firefox 中打开 canvas_particles_random.html。 Particles (Even slower)

【问题讨论】：

在jsfiddle.net发布演示
好的。我对 jsfiddle 没有经验，但我会尝试设置它。
由于某种原因没有加载可视化，但它确实有粒子可视化的代码。 jsfiddle.net/5zpqp
我猜 d.json 无法加载，因为您试图从 jsfiddle 加载它，而不是从它所在的任何地方加载。

标签： graph 3d three.js

【解决方案1】：

首先这是question 的延续。其缓慢的原因是因为您使用的是 CanvasRenderer 而不是 WebGLRenderer。我猜你误会了我。在 three.js 中有两个对象：Particle - 用于画布和 ParticleSystem - 用于 webgl。我从来没有使用过canvas，因为它与webgl相比非常慢。

【讨论】：

是的，有很大的不同。哇。感谢您的提示！
对于任何在未来寻找解决方案的人，我还没有粒子工作的图形代码。但是，如果您从域中保存一些文件，则可以轻松地使此代码脱机工作。这是一个很好的工作示例，虽然不是图表：oos.moxiecode.com/js_webgl/particles_morph
我知道这个问题已经很老了，但是您是否也设法加快了边缘速度？在我目前的项目中，它们仍然是几何图形，大大减慢了一切。