Graph 3.js粒子加载速度慢得离谱?什么';是什么导致FPS的速度缓慢和大幅削减?(从60帧/秒到1-2帧/秒)

Graph 3.js粒子加载速度慢得离谱?什么';是什么导致FPS的速度缓慢和大幅削减?(从60帧/秒到1-2帧/秒),graph,3d,three.js,Graph,3d,Three.js,我想不出是什么让我的想象变慢了。理想情况下,我想要60帧/秒。不是1 fps或2 fps 这里是存储库。对于第一个,在LeapVis1.2中,如果在下载vis应该加载的文件夹后使用Firefox打开index.html。 对于使用粒子的存储库,请在Firefox中打开canvas_particles_random.html。 首先,这是这个的延续。其速度缓慢的原因是您使用的是CanvasRenderer而不是WebGLRenderer。我想你误解我了。在three.js中有两个对象:用于画布的

我想不出是什么让我的想象变慢了。理想情况下,我想要60帧/秒。不是1 fps或2 fps

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

对于使用粒子的存储库,请在Firefox中打开canvas_particles_random.html。

首先,这是这个的延续。其速度缓慢的原因是您使用的是CanvasRenderer而不是WebGLRenderer。我想你误解我了。在three.js中有两个对象:用于画布的Particle和用于webgl的ParticleSystem。我从未尝试过使用canvas,因为它与webgl相比非常慢。

在OK上发布演示。我对JSFIDLE没有经验,但我会尝试设置它。出于某种原因,这不会加载可视化,但它确实有粒子可视化的代码。我猜无法加载d.json,因为您试图从JSFIDLE加载它,而不是从它所在的任何地方。哇!谢谢你的提示!对于将来寻找解决方案的人来说,我还没有粒子工作的图形代码。但是,如果从域中保存一些文件,则可以轻松地使此代码脱机工作。这是一个很好的、有效的例子,虽然不是一个图表:我知道这个问题已经很老了,但你是否也设法加快了你的速度?在我目前的项目中,它们仍然是几何图形,大大减慢了速度。