sprites 如何在 three.js 中工作？

Question

我有一个场景有很多精灵和非常糟糕的帧速率。我试图降低精灵分辨率，将相机限制设置为渲染距离，但无济于事。还有另外两种方法：创建面向相机或粒子系统的板，但是这个精灵使用很多纹理，所以这个方法会调用很多绘制调用（对于每个纹理）。那么你能解释一下精灵何时以及如何在场景中绘制，它们如何使用绘制调用以及可能有任何性能技巧吗？

我有大约 2500 个精灵和 200 个纹理 (256x256)。

抱歉重复了我的question，但我不敢相信 sprite 在three.js 中的效果如此糟糕

Answer 1

精灵的绘制方式与其他所有内容相同，它们只是旋转以面向相机的四边形。

使用三个，确保您没有重新创建相同的对象 - 材料、纹理等等 - 当您可以制作一个并重复使用它时。

我认为问题可能在于大量不同的纹理。使用纹理图集可能会更好。