setTexture中的three.js性能问题

Question

当我更改网格的纹理时，在某些计算机上，应用程序会冻结半秒钟。我在100个不同的网格上做到这一点。在Chrome分析器上，我看到Three.js方法setTexture位于CPU使用率之上。

我用来应用下一个纹理的方法最简单：

this.materials.map = this.nextTexture;

这是有效的，但我不知道如何优化它。 如果使用粒子系统，它会改进吗？

非常感谢

Answer 1

你真的使用100种不同的纹理吗？

尝试根据纹理对对象进行排序，以最大限度地减少纹理交换。

纹理变化是更昂贵的GPU操作之一。