三个J太慢渲染导致浏览器无法响应

Question

我使用ThreeJS绘制3D场景。 3D场景包括根据一些布局分布的一万个粒子。通过Threejs，可以轻松渲染3D世界中的粒子。但我有一个问题。在渲染过程中，浏览器将显示空白30秒。 30秒的时间对用户来说是如此不友好。

任何人都可以告诉我如何解决渲染时间这么长的问题吗？或者如何提高渲染效率？任何帮助将不胜感激！

Answer 1

很难说不看代码。如果延迟原因是javascript，您可以通过基准测试来测量它，例如console.time。但是如果你的GPU中断了，可能你应该使用更少数量的粒子

Answer 2

如果你在一个go中添加所有粒子（例如）一个for循环，它会阻止渲染循环。 您可以尝试以千分之一的方式添加所有粒子，直到达到所需的数量。