Three.js - 處理大量實例

Question

我一直在使用three.js來處理大量200-300個頂點實例（〜2000）的場景。現在我用EffectComposer介紹一些後處理效果，並注意到一些減速。

有什麼辦法可以解決大量實例引起的慢度問題（在任何時候都不能在場景中同時顯示）？

我一直在創造我的情況下，與

var newObject = object.clone();

Answer 1

檢查出一些OpenGL的實例化教程：

https://learnopengl.com/#!Advanced-OpenGL/Instancing

而且three.js所實例化例子：

https://threejs.org/examples/webgl_buffergeometry_instancing.html

基本上這個想法是可以共享實例的數據。如果您僅使用object.clone()，則不能共享。