在三个js中渲染大量几何图形的最佳方法是哪一种？

Question

最初，当我启动基于three.js的应用程序时，很少有多维数据集(小于50个)，并且它们没有时间呈现。但是随着立方体数量的增加，渲染时间增加。当我到达150个立方体时，每个立方体都有所有六面的纹理。渲染场景需要很长时间(3到5分钟)。在呈现场景后，我希望添加/删除单个多维数据集，而不重新呈现整个场景。

我也经历过类似的问题，here。但是，使用这种技术有以下缺点：

不可能独立地移动合并的对象。或者，如果不重新计算整个几何图形，就不能再删除或添加对象。

如何解决这个问题?注意:我正在使用WebGL渲染器

Answer 1

这似乎很管用，不是吗？

draggablecubes.html

代码看起来也很正常，把立方体作为单独的对象。虽然你的意思是需要更多..。

我编辑了这个例子，为我做了1000个立方体，在这台带有英特尔hd 4000的笔记本电脑上我得到了40 for -我想说的还不错！