remove inset and tweak control

examples/webgl_materials_texture3d_volume.html

@@ -50,6 +50,7 @@
 	<script src="../build/three.js"></script>
 
 	<script src="js/controls/OrthographicTrackballControls.js"></script>
+	<script src="js/controls/OrbitControls.js"></script>
 
 	<script src="js/Volume.js"></script>
 	<script src="js/VolumeSlice.js"></script>
@@ -71,12 +72,7 @@
 			controls,
 			scene,
 			renderer,
-			gui,
-			container2,
-			renderer2,
-			camera2,
-			axes2,
-			scene2;
+			gui;
 
 		init();
 		animate();
@@ -170,22 +166,18 @@
 			container.appendChild( renderer.domElement );
 
 			controls = new THREE.OrthographicTrackballControls( camera, renderer.domElement );
+			//controls = new THREE.OrbitControls( camera, renderer.comElement );
+			//controls.addEventListener( 'change', this.animate.bind(this) );
 			controls.target.set( 64, 64, 128 );
-			controls.rotateSpeed = 5.0;
-			controls.zoomSpeed = 5;
-			controls.panSpeed = 2;
-			controls.noZoom = false;
-			controls.noPan = false;
+			controls.zoomSpeed = -1.0;  // trackball does it wrong
 			controls.staticMoving = true;
-			controls.dynamicDampingFactor = 0.3;
+			//controls.dynamicDampingFactor = 0.3;
 
 			stats = new Stats();
 			container.appendChild( stats.dom );
 
 			var gui = new dat.GUI();
 
-			setupInset();
-
 			window.addEventListener( 'resize', onWindowResize, false );
 
 		}
@@ -220,47 +212,12 @@
 		function animate() {
 
 			requestAnimationFrame( animate );
-
 			controls.update();
-
-			//copy position of the camera into inset
-			camera2.position.copy( camera.position );
-			camera2.position.sub( controls.target );
-			camera2.position.setLength( 300 );
-			camera2.lookAt( scene2.position );
-
 			renderer.render( scene, camera );
-			renderer2.render( scene2, camera2);
-
 			stats.update();
 
 		}
 
-		function setupInset () {
-			var insetWidth = 150,
-				insetHeight = 150;
-			container2 = document.getElementById( 'inset' );
-			container2.width = insetWidth;
-			container2.height = insetHeight;
-
-			// renderer
-			renderer2 = new THREE.WebGLRenderer( { alpha : true } );
-			renderer2.setClearColor( 0x000000, 0 );
-			renderer2.setSize( insetWidth, insetHeight );
-			container2.appendChild( renderer2.domElement );
-
-			// scene
-			scene2 = new THREE.Scene();
-
-			// camera
-			camera2 = new THREE.PerspectiveCamera( 50, insetWidth / insetHeight, 1, 1000 );
-			camera2.up = camera.up; // important!
-
-			// axes
-			axes2 = new THREE.AxesHelper( 100 );
-			scene2.add( axes2 );
-		}
-
 	</script>
 
 </body>