设置纹理在三个.js性能问题

Question

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

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

this.materials.map = this.nextTexture;

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

多谢

Answer 1

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

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

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