Clean up

examples/webgl_loader_nrrd.html

@@ -172,10 +172,11 @@
 				container.appendChild( renderer.domElement );
 
 				controls = new TrackballControls( camera, renderer.domElement );
+				controls.minDistance = 100;
+				controls.maxDistance = 500;
 				controls.rotateSpeed = 5.0;
 				controls.zoomSpeed = 5;
 				controls.panSpeed = 2;
-				controls.staticMoving = true;
 
 				stats = new Stats();
 				container.appendChild( stats.dom );

examples/webgl_loader_vrm.html

@@ -97,6 +97,9 @@
 				container.appendChild( renderer.domElement );
 
 				controls = new OrbitControls( camera, renderer.domElement );
+				controls.minDistance = 1;
+				controls.maxDistance = 5;
+				controls.enableDamping = true;
 				controls.target.set( 0, 0.9, 0 );
 				controls.update();
 
@@ -123,6 +126,8 @@
 
 				requestAnimationFrame( animate );
 
+				controls.update(); // to support damping
+
 				renderer.render( scene, camera );
 
 				stats.update();

examples/webgl_loader_vrml.html

@@ -31,7 +31,7 @@
 			import { OrbitControls } from './jsm/controls/OrbitControls.js';
 			import { VRMLLoader } from './jsm/loaders/VRMLLoader.js';
 
-			var camera, scene, renderer, stats;
+			var camera, scene, renderer, stats, controls;
 
 			init();
 			animate();
@@ -39,7 +39,7 @@
 			function init() {
 
 				camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 0.1, 1e10 );
-				camera.position.z = 6;
+				camera.position.set( - 10, 5, 10 );
 
 				scene = new THREE.Scene();
 				scene.add( camera );
@@ -47,7 +47,7 @@
 				// light
 
 				var dirLight = new THREE.DirectionalLight( 0xffffff );
-				dirLight.position.set( 200, 200, 1000 ).normalize();
+				dirLight.position.set( 200, 200, 1000 );
 
 				camera.add( dirLight );
 				camera.add( dirLight.target );
@@ -68,9 +68,10 @@
 
 				// controls
 
-				var controls = new OrbitControls( camera, renderer.domElement );
+				controls = new OrbitControls( camera, renderer.domElement );
 				controls.minDistance = 1;
 				controls.maxDistance = 100;
+				controls.enableDamping = true;
 
 				//
 
@@ -96,6 +97,8 @@
 
 				requestAnimationFrame( animate );
 
+				controls.update(); // to support damping
+
 				renderer.render( scene, camera );
 
 				stats.update();

examples/webgl_loader_vtk.html

@@ -42,19 +42,18 @@
 				// light
 
 				var dirLight = new THREE.DirectionalLight( 0xffffff );
-				dirLight.position.set( 200, 200, 1000 ).normalize();
+				dirLight.position.set( 2, 2, 10 );
 
 				camera.add( dirLight );
 				camera.add( dirLight.target );
 
-				var material = new THREE.MeshLambertMaterial( { color: 0xffffff, side: THREE.DoubleSide } );
-
 				var loader = new VTKLoader();
 				loader.load( "models/vtk/bunny.vtk", function ( geometry ) {
 
 					geometry.center();
 					geometry.computeVertexNormals();
 
+					var material = new THREE.MeshLambertMaterial( { color: 0xffffff } );
 					var mesh = new THREE.Mesh( geometry, material );
 					mesh.position.set( - 0.075, 0.005, 0 );
 					mesh.scale.multiplyScalar( 0.2 );
@@ -68,7 +67,7 @@
 					geometry.computeVertexNormals();
 					geometry.center();
 
-					var material = new THREE.MeshLambertMaterial( { color: 0x00ff00, side: THREE.DoubleSide } );
+					var material = new THREE.MeshLambertMaterial( { color: 0x00ff00 } );
 					var mesh = new THREE.Mesh( geometry, material );
 
 					mesh.position.set( - 0.025, 0, 0 );
@@ -85,7 +84,7 @@
 					geometry.computeVertexNormals();
 					geometry.center();
 
-					var material = new THREE.MeshLambertMaterial( { color: 0x0000ff, side: THREE.DoubleSide } );
+					var material = new THREE.MeshLambertMaterial( { color: 0x0000ff } );
 					var mesh = new THREE.Mesh( geometry, material );
 
 					mesh.position.set( 0.025, 0, 0 );
@@ -102,7 +101,7 @@
 					geometry.computeVertexNormals();
 					geometry.center();
 
-					var material = new THREE.MeshLambertMaterial( { color: 0xff0000, side: THREE.DoubleSide } );
+					var material = new THREE.MeshLambertMaterial( { color: 0xff0000 } );
 					var mesh = new THREE.Mesh( geometry, material );
 
 					mesh.position.set( 0.075, 0, 0 );
@@ -126,12 +125,9 @@
 				// controls
 
 				controls = new TrackballControls( camera, renderer.domElement );
-
+				controls.minDistance = .1;
+				controls.maxDistance = 0.5;
 				controls.rotateSpeed = 5.0;
-				controls.zoomSpeed = 5;
-				controls.panSpeed = 2;
-
-				controls.staticMoving = true;
 
 				stats = new Stats();
 				container.appendChild( stats.dom );
@@ -158,6 +154,7 @@
 				requestAnimationFrame( animate );
 
 				controls.update();
+
 				renderer.render( scene, camera );
 
 				stats.update();