Three.js with instancing - can't get it to work without FrustumCulling = false

Question

I\'m using three.js and instancing (as in this example), but I\'m having the same problem others have reported: the objects are randomly clipped and keep disappearing from the c

Answer 1

If you are using instancing, there are two ways to handle frustum culling.

One is to turn frustum culling off for the object:

object.frustumCulled = false;

The other option is to set the bounding sphere of the geometry manually -- if you know it, or can estimate it:

geometry.boundingSphere = new THREE.Sphere( new THREE.Vector3(), radius );

three.js r.86