Clean up.

examples/index.html

@@ -13,7 +13,7 @@
 				font-style: normal;
 			}
 
-			*{
+			* {
 				box-sizing: border-box;
 			}
 
@@ -248,6 +248,7 @@
 				"webgl_lines_dashed",
 				"webgl_lines_sphere",
 				"webgl_lines_splines",
+				"webgl_loader_amf",
 				"webgl_loader_assimp2json",
 				"webgl_loader_awd",
 				"webgl_loader_babylon",

examples/webgl_loader_amf.html

@@ -42,7 +42,6 @@
 			<a href="http://amf.wikispaces.com" target="_blank">AMF File format</a>
 			<div>AMF loader test by <a href="https://github.com/tamarintech">tamarintech</a></div>
 			<div>Rook manufacturing file from <a href="http://amf.wikispaces.com/AMF+test+files">AMF test files</a></div>
-
 		</div>
 
 		<script src="../build/three.min.js"></script>
@@ -55,23 +54,16 @@
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 
-			var container;
-
-			var camera, controls, scene, renderer, grid;
-
-			var loader;
+			var camera, scene, renderer;
 
 			init();
 
 			function init() {
 
-				container = document.createElement( 'div' );
-				document.body.appendChild( container );
-
 				scene = new THREE.Scene();
 				scene.add( new THREE.AmbientLight( 0x999999 ) );
 
-				camera = new THREE.PerspectiveCamera( 35, window.innerWidth / window.innerHeight, 1, 50 );
+				camera = new THREE.PerspectiveCamera( 35, window.innerWidth / window.innerHeight, 1, 500 );
 
 				// Z is up for objects intended to be 3D printed.
 
@@ -82,7 +74,7 @@
 
 				scene.add( camera );
 
-				grid = new THREE.GridHelper( 25, 1.0 );
+				var grid = new THREE.GridHelper( 25, 1.0 );
 				grid.setColors( 0xffffff, 0x555555 );
 				grid.rotateOnAxis( new THREE.Vector3( 1, 0, 0 ), 90 * ( Math.PI/180 ) );
 				scene.add( grid );
@@ -90,11 +82,9 @@
 				renderer = new THREE.WebGLRenderer( { antialias: true } );
 				renderer.setClearColor( 0x999999 );
 				renderer.setSize( window.innerWidth, window.innerHeight );
+				document.body.appendChild( renderer.domElement );
 
-				container.appendChild( renderer.domElement );
-
-				loader = new THREE.AMFLoader();
-
+				var loader = new THREE.AMFLoader();
 				loader.load( './models/amf/rook.amf', function ( amfobject ) {
 
 					scene.add( amfobject );
@@ -102,26 +92,24 @@
 
 				} );
 
-				controls = new THREE.OrbitControls( camera, renderer.domElement );
+				var controls = new THREE.OrbitControls( camera, renderer.domElement );
+				controls.addEventListener( 'change', render );
 				controls.target.set( 0, 1.2, 2 );
 				controls.update();
 
-				controls.addEventListener( 'change', render );
-
 				window.addEventListener( 'resize', onWindowResize, false );
 
-				loader = new THREE.AMFLoader();
 			}
 
 			function onWindowResize() {
 
 				camera.aspect = window.innerWidth / window.innerHeight;
-
 				camera.updateProjectionMatrix();
 
 				renderer.setSize( window.innerWidth, window.innerHeight );
 
 				render();
+
 			}
 
 			function render() {