Few dirty performance optimizations.

WebGLRenderer now as fast as WebGLRenderer2.

src/core/Matrix3.js

@@ -16,6 +16,24 @@ THREE.Matrix3.prototype = {
 
 		return this;
 
+	},
+	
+	transposeIntoArray: function ( r ) {
+
+		var m = this.m;
+
+		r[ 0 ] = m[ 0 ];
+		r[ 1 ] = m[ 3 ];
+		r[ 2 ] = m[ 6 ];
+		r[ 3 ] = m[ 1 ];
+		r[ 4 ] = m[ 4 ];
+		r[ 5 ] = m[ 7 ];
+		r[ 6 ] = m[ 2 ];
+		r[ 7 ] = m[ 5 ];
+		r[ 8 ] = m[ 8 ];
+		
+		return this;
+
 	}
 
 };

src/core/Matrix4.js

@@ -146,6 +146,62 @@ THREE.Matrix4.prototype = {
 
 	},
 
+	multiplyToArray: function ( a, b, r ) {
+
+		var a11 = a.n11, a12 = a.n12, a13 = a.n13, a14 = a.n14,
+		a21 = a.n21, a22 = a.n22, a23 = a.n23, a24 = a.n24,
+		a31 = a.n31, a32 = a.n32, a33 = a.n33, a34 = a.n34,
+		a41 = a.n41, a42 = a.n42, a43 = a.n43, a44 = a.n44,
+
+		b11 = b.n11, b12 = b.n12, b13 = b.n13, b14 = b.n14,
+		b21 = b.n21, b22 = b.n22, b23 = b.n23, b24 = b.n24,
+		b31 = b.n31, b32 = b.n32, b33 = b.n33, b34 = b.n34,
+		b41 = b.n41, b42 = b.n42, b43 = b.n43, b44 = b.n44;
+
+		this.n11 = a11 * b11 + a12 * b21 + a13 * b31 + a14 * b41;
+		this.n12 = a11 * b12 + a12 * b22 + a13 * b32 + a14 * b42;
+		this.n13 = a11 * b13 + a12 * b23 + a13 * b33 + a14 * b43;
+		this.n14 = a11 * b14 + a12 * b24 + a13 * b34 + a14 * b44;
+
+		this.n21 = a21 * b11 + a22 * b21 + a23 * b31 + a24 * b41;
+		this.n22 = a21 * b12 + a22 * b22 + a23 * b32 + a24 * b42;
+		this.n23 = a21 * b13 + a22 * b23 + a23 * b33 + a24 * b43;
+		this.n24 = a21 * b14 + a22 * b24 + a23 * b34 + a24 * b44;
+
+		this.n31 = a31 * b11 + a32 * b21 + a33 * b31 + a34 * b41;
+		this.n32 = a31 * b12 + a32 * b22 + a33 * b32 + a34 * b42;
+		this.n33 = a31 * b13 + a32 * b23 + a33 * b33 + a34 * b43;
+		this.n34 = a31 * b14 + a32 * b24 + a33 * b34 + a34 * b44;
+
+		this.n41 = a41 * b11 + a42 * b21 + a43 * b31 + a44 * b41;
+		this.n42 = a41 * b12 + a42 * b22 + a43 * b32 + a44 * b42;
+		this.n43 = a41 * b13 + a42 * b23 + a43 * b33 + a44 * b43;
+		this.n44 = a41 * b14 + a42 * b24 + a43 * b34 + a44 * b44;
+
+		r[ 0 ] = this.n11;
+		r[ 1 ] = this.n21;
+		r[ 2 ] = this.n31;
+		r[ 3 ] = this.n41;
+
+		r[ 4 ] = this.n12;
+		r[ 5 ] = this.n22;
+		r[ 6 ] = this.n32;
+		r[ 7 ] = this.n42;
+
+		r[ 8 ]  = this.n13;
+		r[ 9 ]  = this.n23;
+		r[ 10 ] = this.n33;
+		r[ 11 ] = this.n43;
+
+		r[ 12 ] = this.n14;
+		r[ 13 ] = this.n24;
+		r[ 14 ] = this.n34;
+		r[ 15 ] = this.n44;
+		
+		return this;
+
+	},
+
 	multiplySelf: function ( m ) {
 
 		var n11 = this.n11, n12 = this.n12, n13 = this.n13, n14 = this.n14,

src/renderers/WebGLRenderer.js

@@ -1486,7 +1486,13 @@ THREE.WebGLRenderer = function ( parameters ) {
 
 			if ( object.visible && ( ! ( object instanceof THREE.Mesh ) || isInFrustum( object ) ) ) {
 				
-				object.autoUpdateMatrix && object.updateMatrix();
+				if( object.autoUpdateMatrix ) { 
+					
+					object.updateMatrix();
+					object._objectMatrixArray.set( object.matrix.flatten() );
+				
+				}
+				
 				this.setupMatrices( object, camera );
 				
 				webGLObject.render = true;
@@ -1507,7 +1513,13 @@ THREE.WebGLRenderer = function ( parameters ) {
 			
 			if ( object.visible ) {
 			
-				object.autoUpdateMatrix && object.updateMatrix();
+				if( object.autoUpdateMatrix ) { 
+				
+					object.updateMatrix();
+					object._objectMatrixArray.set( object.matrix.flatten() );
+				
+				}
+				
 				this.setupMatrices( object, camera );
 			
 			}
@@ -1656,6 +1668,8 @@ THREE.WebGLRenderer = function ( parameters ) {
 				object._normalMatrixArray = new Float32Array( 9 );
 				object._modelViewMatrixArray = new Float32Array( 16 );	
 				object._objectMatrixArray = new Float32Array( 16 );
+					
+				object._objectMatrixArray.set( object.matrix.flatten() );
 
 			}
 
@@ -1790,13 +1804,8 @@ THREE.WebGLRenderer = function ( parameters ) {
 
 	this.setupMatrices = function ( object, camera ) {
 
-		object._modelViewMatrix.multiply( camera.matrix, object.matrix );
-		object._modelViewMatrixArray.set( object._modelViewMatrix.flatten() );
-
-		object._normalMatrix = THREE.Matrix4.makeInvert3x3( object._modelViewMatrix ).transpose();
-		object._normalMatrixArray.set( object._normalMatrix.m );
-
-		object._objectMatrixArray.set( object.matrix.flatten() );
+		object._modelViewMatrix.multiplyToArray( camera.matrix, object.matrix, object._modelViewMatrixArray );
+		object._normalMatrix = THREE.Matrix4.makeInvert3x3( object._modelViewMatrix ).transposeIntoArray( object._normalMatrixArray );
 
 	};