Tweaks to geometry2_sandbox example.

examples/canvas_geometry2_sandbox.html

@@ -44,61 +44,65 @@
 
 				scene = new THREE.Scene();
 
-				// Plane
+				//
 
-				console.time( 'PlaneGeometry' );
+				addGeometries( 'PlaneGeometry', 'BoxGeometry', - 200 );
+				addGeometries( 'PlaneGeometry2', 'BoxGeometry2', 200 );
 
-				var geometry = new THREE.PlaneGeometry( 200, 200, 10, 10 );
+				//
 
-				console.timeEnd( 'PlaneGeometry' );
+				renderer = new THREE.CanvasRenderer();
+				renderer.setClearColor( 0xf0f0f0 );
+				renderer.setSize( window.innerWidth, window.innerHeight );
 
-				geometry.applyMatrix( new THREE.Matrix4().makeRotationX( - Math.PI / 2 ) );
+				container.appendChild( renderer.domElement );
 
-				var material = new THREE.MeshBasicMaterial( { color: 0xff0000, wireframe: true } );
+				stats = new Stats();
+				stats.domElement.style.position = 'absolute';
+				stats.domElement.style.top = '0px';
+				container.appendChild( stats.domElement );
 
-				plane = new THREE.Mesh( geometry, material );
-				plane.position.x = - 200;
-				scene.add( plane );
+				//
 
-				// Cube
+				window.addEventListener( 'resize', onWindowResize, false );
 
-				console.time( 'BoxGeometry' );
+				setInterval( function () {
 
-				var geometry = new THREE.BoxGeometry( 200, 200, 200, 10, 10, 10 );
+					console.log( '---' );
 
-				console.timeEnd( 'BoxGeometry' );
+					createGeometry( 'PlaneGeometry' );
+					createGeometry( 'PlaneGeometry2' );
 
-				var material = new THREE.MeshBasicMaterial( { color: 0x000000, wireframe: true } );
+				}, 1000 );
 
-				cube = new THREE.Mesh( geometry, material );
-				cube.position.y = 150;
-				plane.add( cube );
+			}
 
-				//
+			function createGeometry( primitive ) {
 
-				// Plane
+				console.time( primitive );
+
+				new THREE[ primitive ]( 200, 200, 60, 60 );
+
+				console.timeEnd( primitive );
 
-				console.time( 'PlaneGeometry2' );
+			}
 
-				var geometry = new THREE.PlaneGeometry2( 200, 200, 10, 10 );
+			function addGeometries( PlaneGeometry, BoxGeometry, x ) {
 
-				console.timeEnd( 'PlaneGeometry2' );
+				// Plane
 
+				var geometry = new THREE[ PlaneGeometry ]( 200, 200, 10, 10 );
 				geometry.applyMatrix( new THREE.Matrix4().makeRotationX( - Math.PI / 2 ) );
 
 				var material = new THREE.MeshBasicMaterial( { color: 0xff0000, wireframe: true } );
 
 				plane = new THREE.Mesh( geometry, material );
-				plane.position.x = 200;
+				plane.position.x = x;
 				scene.add( plane );
 
 				// Cube
 
-				console.time( 'BoxGeometry2' );
-
-				var geometry = new THREE.BoxGeometry2( 200, 200, 200, 10, 10, 10 );
-
-				console.timeEnd( 'BoxGeometry2' );
+				var geometry = new THREE[ BoxGeometry ]( 200, 200, 200, 10, 10, 10 );
 
 				var material = new THREE.MeshBasicMaterial( { color: 0x000000, wireframe: true } );
 
@@ -106,23 +110,6 @@
 				cube.position.y = 150;
 				plane.add( cube );
 
-				//
-
-				renderer = new THREE.CanvasRenderer();
-				renderer.setClearColor( 0xf0f0f0 );
-				renderer.setSize( window.innerWidth, window.innerHeight );
-
-				container.appendChild( renderer.domElement );
-
-				stats = new Stats();
-				stats.domElement.style.position = 'absolute';
-				stats.domElement.style.top = '0px';
-				container.appendChild( stats.domElement );
-
-				//
-
-				window.addEventListener( 'resize', onWindowResize, false );
-
 			}
 
 			function onWindowResize() {