InstancedMesh: Add bounding volumes.

examples/jsm/modifiers/CurveModifier.js

@@ -291,6 +291,7 @@ export class InstancedFlow extends Flow {
 		);
 		this.object3D.setMatrixAt( index, matrix );
 		this.object3D.instanceMatrix.needsUpdate = true;
+		this.object3D.computeBoundingSphere();
 
 	}
 

examples/jsm/physics/AmmoPhysics.js

@@ -223,6 +223,7 @@ async function AmmoPhysics() {
 				}
 
 				mesh.instanceMatrix.needsUpdate = true;
+				mesh.computeBoundingSphere();
 
 			} else if ( mesh.isMesh ) {
 

examples/webgl_buffergeometry_instancing_interleaved.html

@@ -208,6 +208,7 @@
 			}
 
 			mesh.instanceMatrix.needsUpdate = true;
+			mesh.computeBoundingSphere();
 
 			lastTime = time;
 

examples/webgl_instancing_dynamic.html

@@ -12,6 +12,8 @@
 
 			import * as THREE from '../build/three.module.js';
 
+			import { OrbitControls } from './jsm/controls/OrbitControls.js';
+
 			import Stats from './jsm/libs/stats.module.js';
 			import { GUI } from './jsm/libs/dat.gui.module.js';
 
@@ -29,7 +31,6 @@
 
 				camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 0.1, 100 );
 				camera.position.set( amount * 0.9, amount * 0.9, amount * 0.9 );
-				camera.lookAt( 0, 0, 0 );
 
 				scene = new THREE.Scene();
 
@@ -70,6 +71,10 @@
 
 				window.addEventListener( 'resize', onWindowResize );
 
+				const controls = new OrbitControls( camera, renderer.domElement );
+				controls.minDistance = 10;
+				controls.maxDistance = 50;
+
 			}
 
 			function onWindowResize() {
@@ -126,6 +131,7 @@
 					}
 
 					mesh.instanceMatrix.needsUpdate = true;
+					mesh.computeBoundingSphere();
 
 				}
 

examples/webgl_instancing_modified.html

@@ -183,6 +183,7 @@
 					}
 
 					mesh.instanceMatrix.needsUpdate = true;
+					mesh.computeBoundingSphere();
 
 				}
 

examples/webgl_instancing_scatter.html

@@ -297,6 +297,9 @@
 					stemMesh.instanceMatrix.needsUpdate = true;
 					blossomMesh.instanceMatrix.needsUpdate = true;
 
+					stemMesh.computeBoundingSphere();
+					blossomMesh.computeBoundingSphere();
+
 				}
 
 				renderer.render( scene, camera );

src/math/Box3.js

@@ -209,21 +209,38 @@ class Box3 {
 
 		object.updateWorldMatrix( false, false );
 
-		const geometry = object.geometry;
+		if ( object.boundingBox !== undefined ) {
 
-		if ( geometry !== undefined ) {
+			if ( object.boundingBox === null ) {
 
-			if ( geometry.boundingBox === null ) {
-
-				geometry.computeBoundingBox();
+				object.computeBoundingBox();
 
 			}
 
-			_box.copy( geometry.boundingBox );
+			_box.copy( object.boundingBox );
 			_box.applyMatrix4( object.matrixWorld );
 
 			this.union( _box );
 
+		} else {
+
+			const geometry = object.geometry;
+
+			if ( geometry !== undefined ) {
+
+				if ( geometry.boundingBox === null ) {
+
+					geometry.computeBoundingBox();
+
+				}
+
+				_box.copy( geometry.boundingBox );
+				_box.applyMatrix4( object.matrixWorld );
+
+				this.union( _box );
+
+			}
+
 		}
 
 		const children = object.children;

src/math/Frustum.js

@@ -64,11 +64,21 @@ class Frustum {
 
 	intersectsObject( object ) {
 
-		const geometry = object.geometry;
+		if ( object.boundingSphere !== undefined ) {
 
-		if ( geometry.boundingSphere === null ) geometry.computeBoundingSphere();
+			if ( object.boundingSphere === null ) object.computeBoundingSphere();
 
-		_sphere.copy( geometry.boundingSphere ).applyMatrix4( object.matrixWorld );
+			_sphere.copy( object.boundingSphere ).applyMatrix4( object.matrixWorld );
+
+		} else {
+
+			const geometry = object.geometry;
+
+			if ( geometry.boundingSphere === null ) geometry.computeBoundingSphere();
+
+			_sphere.copy( geometry.boundingSphere ).applyMatrix4( object.matrixWorld );
+
+		}
 
 		return this.intersectsSphere( _sphere );
 

src/objects/InstancedMesh.js

@@ -1,13 +1,17 @@
 import { BufferAttribute } from '../core/BufferAttribute.js';
 import { Mesh } from './Mesh.js';
+import { Box3 } from '../math/Box3.js';
 import { Matrix4 } from '../math/Matrix4.js';
+import { Sphere } from '../math/Sphere.js';
 
 const _instanceLocalMatrix = new Matrix4();
 const _instanceWorldMatrix = new Matrix4();
 
 const _instanceIntersects = [];
 
+const _box3 = new Box3();
 const _mesh = new Mesh();
+const _sphere = new Sphere();
 
 function InstancedMesh( geometry, material, count ) {
 
@@ -18,7 +22,8 @@ function InstancedMesh( geometry, material, count ) {
 
 	this.count = count;
 
-	this.frustumCulled = false;
+	this.boundingBox = null;
+	this.boundingSphere = null;
 
 }
 
@@ -28,6 +33,72 @@ InstancedMesh.prototype = Object.assign( Object.create( Mesh.prototype ), {
 
 	isInstancedMesh: true,
 
+	computeBoundingBox: function () {
+
+		const geometry = this.geometry;
+		const count = this.count;
+
+		if ( this.boundingBox === null ) {
+
+			this.boundingBox = new Box3();
+
+		}
+
+		if ( geometry.boundingBox === null ) {
+
+			geometry.computeBoundingBox();
+
+		}
+
+		this.boundingBox.makeEmpty();
+
+		for ( let i = 0; i < count; i ++ ) {
+
+			this.getMatrixAt( i, _instanceLocalMatrix );
+
+			_box3.copy( geometry.boundingBox ).applyMatrix4( _instanceLocalMatrix );
+
+			this.boundingBox.union( _box3 );
+
+		}
+
+		return this;
+
+	},
+
+	computeBoundingSphere: function () {
+
+		const geometry = this.geometry;
+		const count = this.count;
+
+		if ( this.boundingSphere === null ) {
+
+			this.boundingSphere = new Sphere();
+
+		}
+
+		if ( geometry.boundingSphere === null ) {
+
+			geometry.computeBoundingSphere();
+
+		}
+
+		this.boundingSphere.makeEmpty();
+
+		for ( let i = 0; i < count; i ++ ) {
+
+			this.getMatrixAt( i, _instanceLocalMatrix );
+
+			_sphere.copy( geometry.boundingSphere ).applyMatrix4( _instanceLocalMatrix );
+
+			this.boundingSphere.union( _sphere );
+
+		}
+
+		return this;
+
+	},
+
 	copy: function ( source ) {
 
 		Mesh.prototype.copy.call( this, source );