精灵如何在three.js中运作?

时间:2018-05-16 20:29:21

标签: javascript three.js

我有一个场景,有很多精灵和相当糟糕的帧速率。我试图减少精灵分辨率,设置相机限制以渲染距离,但无济于事。还有另外两种方法:创建面向相机或粒子系统的板,但是这些精灵使用了很多纹理,所以这种方法会调用很多绘制调用(对于每个纹理)。那么你可以解释精灵何时以及如何在场景中绘制,他们如何使用绘制调用并且可能有任何表现技巧?

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

很抱歉重复我的question,但我不相信精灵在three.js中运作如此糟糕

1 个答案:

答案 0 :(得分:0)

Sprites的绘制方式与其他所有内容相同,它们只是旋转以面对相机的四边形。

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

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