Three.js粒子加载异常缓慢?造成FPS缓慢和大幅下降的原因是什么? (从60+ fps到1-2 fps)

问题描述

我不知道是什么在减慢我的可视化速度.理想情况下，我想要60 fps.不是1 fps或2 fps.

I can't figure out what's slowing down my visualization. Ideally, I would like 60 fps. Not 1 fps or 2 fps.

这是存储库.对于第一个，在LeapVis1.2内，如果您在下载文件夹后使用Firefox打开index.html，则应该加载vis.非粒子

Here are the repositories. For the first one, inside LeapVis1.2, if you open index.html with Firefox after you download the folder the vis should load.Non-Particles

对于使用粒子的存储库，请在Firefox中打开canvas_particles_random.html.颗粒(甚至更慢)

For the repository that uses particles, open canvas_particles_random.html in Firefox.Particles (Even slower)

推荐答案

首先，这是.其速度较慢的原因是因为您使用的是CanvasRenderer而不是WebGLRenderer.我想你误会了我.在three.js中，有两个对象:粒子-用于画布，粒子系统-用于webgl.我从不打算使用canvas，因为与webgl相比，它非常慢.

First of all this is continuation of this question. The reason of its slowness is because your are using CanvasRenderer instead of WebGLRenderer. I guess you've misunderstood me. In three.js there are two objects: Particle - for canvas and ParticleSystem - for webgl. I've never ment to use canvas, because it is very slow in comparison with webgl.

这篇关于Three.js粒子加载异常缓慢?造成FPS缓慢和大幅下降的原因是什么? (从60+ fps到1-2 fps)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！