Examples: Set DynamicDrawUsage on dynamic instancing examples.

examples/webgl_instancing_dynamic.html

@@ -44,6 +44,7 @@
 					// var material = new THREE.MeshBasicMaterial( { color: 0xff0000, opacity: 0.1, transparent: true } );
 
 					mesh = new THREE.InstancedMesh( geometry, material, count );
+					mesh.instanceMatrix.setUsage( THREE.DynamicDrawUsage ); // will be updated every frame
 					scene.add( mesh );
 
 					//

examples/webgl_instancing_scatter.html

@@ -66,8 +66,11 @@
 				var _stemMesh = gltf.scene.getObjectByName('Stem');
 				var _blossomMesh = gltf.scene.getObjectByName('Blossom');
 
-				stemGeometry = _stemMesh.geometry;
-				blossomGeometry = _blossomMesh.geometry;
+				stemGeometry = new THREE.InstancedBufferGeometry();
+				blossomGeometry = new THREE.InstancedBufferGeometry();
+
+				THREE.BufferGeometry.prototype.copy.call( stemGeometry, _stemMesh.geometry );
+				THREE.BufferGeometry.prototype.copy.call( blossomGeometry, _blossomMesh.geometry );
 
 				var defaultTransform = new THREE.Matrix4()
 					.makeRotationX( Math.PI )
@@ -97,6 +100,10 @@
 				stemMesh = new THREE.InstancedMesh( stemGeometry, stemMaterial, count );
 				blossomMesh = new THREE.InstancedMesh( blossomGeometry, blossomMaterial, count );
 
+				// Instance matrices will be updated every frame.
+				stemMesh.instanceMatrix.setUsage( THREE.DynamicDrawUsage );
+				blossomMesh.instanceMatrix.setUsage( THREE.DynamicDrawUsage );
+
 				resample();
 
 				init();