Javascript 使用不同材质渲染巨大网格时Threejs崩溃

所以我有一个mehs，里面有大约59k个立方体。我想为每个立方体指定不同的颜色，所以我使用了MeshFaceMaterial

但当我打开网页时，它立即在Chrome上崩溃了。所以我尝试了Firefox，因为它有更好的开发工具，它呈现了部分立方体，然后冻结并崩溃得很厉害

---

网面材质是否不适合处理59k左右的材质？还是只是渲染了这么多的材质才是问题所在？

每个立方体是否使用不同的材质？如果您想拥有不同的颜色，可以尝试使用顶点颜色。更改

材质

进行

状态更改

通常非常昂贵。@vorsk是顶点颜色facer，然后在大网格上使用面材质？@gaitat我没有更改任何材质，我在现场前把他们都安排好了loads@KeithM顶点颜色使用更多内存，但绘制调用更少。如果你想给每个立方体一个不同的颜色，顶点的颜色是完美的。你是否为每个立方体使用不同的材质？如果您想拥有不同的颜色，可以尝试使用顶点颜色。更改

材质

进行

状态更改

通常非常昂贵。@vorsk是顶点颜色facer，然后在大网格上使用面材质？@gaitat我没有更改任何材质，我在现场前把他们都安排好了loads@KeithM顶点颜色使用更多内存，但绘制调用更少。如果你想给每个立方体一个不同的颜色，顶点颜色是完美的。