为什么three.js粒子精灵示例性能如此糟糕？

Question

我正在尝试使用three.js进行一些粒子实验，我从this example开始。

该示例以60fps平滑运行，具有1000个粒子，但在将粒子数设置为10000（仅将第57行更改为for ( var i = 0; i < 10000; i++ )时）时会停止大约10 fps

我看到其他例子可以轻松地显示更多数量的对象，高达一百万？ （example）

我尝试的示例中的限制因素是什么？它如何缩放到10000或100000个粒子？

Answer 1

您受限于绘制调用的开销。您正在发放10,000个，而您可以使用单个字母呈现百万个字母。 1000开始很多。在画布上甚至不可能进行这种优化。