Three.js - traiter un grand nombre d'instances

Question

J'ai utilisé three.js pour une scène avec un grand nombre de 200 à 300 vertices (~ 2000). En ce moment, je présente quelques effets de post-traitement avec EffectComposer et j'ai remarqué quelques ralentissements.

Y at-il un moyen de gérer la lenteur causée par un grand nombre d'instances (qui ne sont pas visibles en même temps dans la scène)?

J'ai mes instances avec créais

var newObject = object.clone();

Answer 1

Découvrez quelques tutoriels OpenGL instanciation:

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

Three.js également instanciation exemple:

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

Fondamentalement, l'idée est que les données des instances peuvent être partagées. Il ne peut pas être partagé si vous utilisez simplement object.clone().