Three.js - 处理大量实例

时间:2017-07-15 12:48:18

标签: javascript graphics three.js webgl

我一直在使用three.js来处理具有大量200-300个顶点实例(~2000)的场景。现在我用EffectComposer介绍了一些后期处理效果,并发现了一些减速。

有没有办法处理由大量实例引起的缓慢(在任何时候都无法在场景中同时显示)?

我一直用

创建我的实例

var newObject = object.clone();

1 个答案:

答案 0 :(得分:1)

查看一些OpenGL Instancing教程:

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

还有Three.js实例示例:

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

基本上,这个想法是可以共享实例的数据。如果您只使用object.clone(),则无法共享。