performance - three.js 中的 setTexture 性能问题

Question

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

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

this.materials.map = this.nextTexture;

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

非常感谢

Answer 1

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

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

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