cleanup the example

examples/css3d_orthographic.html

@@ -53,7 +53,7 @@
 				var aspect = window.innerWidth / window.innerHeight;
 				camera = new THREE.OrthographicCamera( frustumSize * aspect / - 2, frustumSize * aspect / 2, frustumSize / 2, frustumSize / - 2, 1, 1000 );
 
-				camera.position.set( 200, 200, 200 );
+				camera.position.set( - 200, 200, 200 );
 
 				controls = new THREE.OrbitControls( camera );
 
@@ -68,29 +68,29 @@
 				createPlane(
 					100, 100,
 					'chocolate',
-					new THREE.Vector3( -25, 0, 25 ),
-					new THREE.Euler( 0, 0, 0 )
+					new THREE.Vector3( - 50, 0, 0 ),
+					new THREE.Euler( 0, - 90 * THREE.Math.DEG2RAD, 0 )
 				);
 				// right
 				createPlane(
 					100, 100,
 					'saddlebrown',
-					new THREE.Vector3( 25, 0, -25 ),
-					new THREE.Euler( 0, -90 * THREE.Math.DEG2RAD, 0 )
+					new THREE.Vector3( 0, 0, 50 ),
+					new THREE.Euler( 0, 0, 0 )
 				);
 				// top
 				createPlane(
 					100, 100,
 					'yellowgreen',
-					new THREE.Vector3( -25, 50, -25 ),
-					new THREE.Euler( 90 * THREE.Math.DEG2RAD, 0, 0 )
+					new THREE.Vector3( 0, 50, 0 ),
+					new THREE.Euler( - 90 * THREE.Math.DEG2RAD, 0, 0 )
 				);
 				// bottom
 				createPlane(
-					500, 500,
+					300, 300,
 					'seagreen',
-					new THREE.Vector3( -25, -50, -25 ),
-					new THREE.Euler( 90 * THREE.Math.DEG2RAD, 0, 0 )
+					new THREE.Vector3( 0, - 50, 0 ),
+					new THREE.Euler( - 90 * THREE.Math.DEG2RAD, 0, 0 )
 				);
 
 				//
@@ -119,7 +119,7 @@
 					object.rotation.copy( rot );
 					scene2.add( object );
 
-					var geometry = new THREE.PlaneGeometry( width, height );
+					var geometry = new THREE.PlaneBufferGeometry( width, height );
 					var mesh = new THREE.Mesh( geometry, material );
 					mesh.position.copy( object.position );
 					mesh.rotation.copy( object.rotation );
@@ -133,8 +133,6 @@
 
 				requestAnimationFrame( animate );
 
-				controls.update();
-
 				renderer.render( scene, camera );
 				renderer2.render( scene2, camera );