diff --git a/examples/webgl_loader_obj2.html b/examples/webgl_loader_obj2.html
index 5d49e5d08bf245..420c6f2bc2d0e2 100644
--- a/examples/webgl_loader_obj2.html
+++ b/examples/webgl_loader_obj2.html
@@ -1,334 +1,337 @@
 <!DOCTYPE html>
+<html lang="en">
+	<head>
+		<title>three.js webgl - OBJLoader2</title>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+
+		<style>
+			body {
+				font-family: Monospace;
+				background-color: #000;
+				color: #fff;
+				margin: 0px 0px 0px 0px;
+				padding: 0px 0px 0px 0px;
+				border: none;
+				cursor: default;
+			}
+			#info {
+				color: #fff;
+				position: absolute;
+				top: 10px;
+				width: 100%;
+				text-align: center;
+				z-index: 100;
+				display:block;
+			}
+			#info a {
+				color: #f00;
+				font-weight: bold;
+				text-decoration: underline;
+				cursor: pointer
+			}
+			#glFullscreen {
+				width: 100%;
+				height: 100vh;
+				min-width: 640px;
+				min-height: 360px;
+				position: relative;
+				overflow: hidden;
+				z-index: 0;
+			}
+			#example {
+				width: 100%;
+				height: 100%;
+				top: 0px;
+				left: 0px;
+				background-color: #000000;
+			}
+			#feedback {
+				color: darkorange;
+			}
+			#menu {
+				margin: 4px 4px 4px 4px;
+				padding: 4px 12px 4px 12px;
+				border: solid darkorange;
+				border-radius: 8px;
+				position: absolute;
+				left: 0px;
+				top: 0px;
+			}
+			#shading, #side {
+				border: solid 4px;
+				border-radius: 4px;
+				font-size: 18pt;
+				cursor: pointer;
+				width: 200px;
+			}
+			#shading {
+				border-color: darkgreen;
+				background-color: darkgreen;
+			}
+			#side {
+				border-color: darkorange;
+				background-color: darkorange;
+			}
+		</style>
+	</head>
+
+	<body>
+		<div id="info">
+			<a href="http://threejs.org" target="_blank">three.js</a> - OBJLoader2 direct loader test
+			<div id="feedback"></div>
+		</div>
+		<div id="glFullscreen">
+			<div id="menu">
+				<p id="shading" onclick="app.alterSmoothShading()">Smooth Shading</p>
+				<p id="side" onclick="app.alterDouble()">Front Side</p>
+			</div>
+			<canvas id="example"></canvas>
+		</div>
+
+		<script src="js/Detector.js"></script>
+		<script src="../build/three.js"></script>
+		<script src="js/controls/TrackballControls.js"></script>
+		<script src="js/loaders/MTLLoader.js"></script>
+
+		<script src="js/loaders/OBJLoader2.js"></script>
+		<script>
+
+			if ( THREE.examples === undefined ) THREE.examples = {};
+			if ( THREE.examples.loaders === undefined ) THREE.examples.loaders = {};
+
+			THREE.examples.loaders.OBJLoader2Verify = (function () {
+
+				function OBJLoader2Verify( elementToBindTo ) {
+					this.renderer = null;
+					this.canvas = elementToBindTo;
+					this.aspectRatio = 1;
+					this.recalcAspectRatio();
+
+					this.scene = null;
+					this.cameraDefaults = {
+						posCamera: new THREE.Vector3( 0.0, 175.0, 500.0 ),
+						posCameraTarget: new THREE.Vector3( 0, 0, 0 ),
+						near: 0.1,
+						far: 10000,
+						fov: 45
+					};
+					this.camera = null;
+					this.cameraTarget = this.cameraDefaults.posCameraTarget;
+
+					this.controls = null;
+
+					this.smoothShading = true;
+					this.doubleSide = false;
+
+					this.cube = null;
+					this.pivot = null;
+
+					this.objDef = {
+						path: 'obj/female02/',
+						fileObj: 'female02.obj',
+						texturePath: 'obj/female02/',
+						fileMtl: 'female02.mtl'
+					};
+				}
 
-<title>OBJLoader2 Testbed</title>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-
-<style>
-	body {
-		font-family: Monospace;
-		background-color: #000;
-		color: #fff;
-		margin: 0px 0px 0px 0px;
-		padding: 0px 0px 0px 0px;
-		border: none;
-		cursor: default;
-	}
-	#info {
-		color: #fff;
-		position: absolute;
-		top: 10px;
-		width: 100%;
-		text-align: center;
-		z-index: 100;
-		display:block;
-	}
-	#info a {
-		color: #f00;
-		font-weight: bold;
-		text-decoration: underline;
-		cursor: pointer
-	}
-	#glFullscreen {
-		width: 100%;
-		height: 100vh;
-		min-width: 640px;
-		min-height: 360px;
-		position: relative;
-		overflow: hidden;
-		z-index: 0;
-	}
-	#example {
-		width: 100%;
-		height: 100%;
-		top: 0px;
-		left: 0px;
-		background-color: #000000;
-	}
-	#feedback {
-		color: darkorange;
-	}
-	#menu {
-		margin: 4px 4px 4px 4px;
-		padding: 4px 12px 4px 12px;
-		border: solid darkorange;
-		border-radius: 8px;
-		position: absolute;
-		left: 0px;
-		top: 0px;
-	}
-	#shading, #side {
-		border: solid 4px;
-		border-radius: 4px;
-		font-size: 18pt;
-		cursor: pointer;
-		width: 200px;
-	}
-	#shading {
-		border-color: darkgreen;
-		background-color: darkgreen;
-	}
-	#side {
-		border-color: darkorange;
-		background-color: darkorange;
-	}
-</style>
-
-<div id="info">
-	<a href="http://threejs.org" target="_blank">three.js</a> - OBJLoader2 direct loader test
-	<div id="feedback"></div>
-</div>
-<div id="glFullscreen">
-	<div id="menu">
-		<p id="shading" onclick="app.alterSmoothShading()">Smooth Shading</p>
-		<p id="side" onclick="app.alterDouble()">Front Side</p>
-	</div>
-	<canvas id="example"></canvas>
-</div>
-
-<script src="js/Detector.js"></script>
-<script src="../build/three.js"></script>
-<script src="js/controls/TrackballControls.js"></script>
-<script src="js/loaders/MTLLoader.js"></script>
-
-<script src="js/loaders/OBJLoader2.js"></script>
-<script>
-
-'use strict';
-
-if ( THREE.examples === undefined ) THREE.examples = {};
-if ( THREE.examples.loaders === undefined ) THREE.examples.loaders = {};
-
-THREE.examples.loaders.OBJLoader2Verify = (function () {
-
-	function OBJLoader2Verify( elementToBindTo ) {
-		this.renderer = null;
-		this.canvas = elementToBindTo;
-		this.aspectRatio = 1;
-		this.recalcAspectRatio();
-
-		this.scene = null;
-		this.cameraDefaults = {
-			posCamera: new THREE.Vector3( 0.0, 175.0, 500.0 ),
-			posCameraTarget: new THREE.Vector3( 0, 0, 0 ),
-			near: 0.1,
-			far: 10000,
-			fov: 45
-		};
-		this.camera = null;
-		this.cameraTarget = this.cameraDefaults.posCameraTarget;
-
-		this.controls = null;
-
-		this.smoothShading = true;
-		this.doubleSide = false;
-
-		this.cube = null;
-		this.pivot = null;
-
-		this.objDef = {
-			path: 'obj/female02/',
-			fileObj: 'female02.obj',
-			texturePath: 'obj/female02/',
-			fileMtl: 'female02.mtl'
-		};
-	}
-
-	OBJLoader2Verify.prototype.initGL = function () {
-		this.renderer = new THREE.WebGLRenderer( {
-			canvas: this.canvas,
-			antialias: true,
-			autoClear: true
-		} );
-		this.renderer.setClearColor( 0x050505 );
-
-		this.scene = new THREE.Scene();
-
-		this.camera = new THREE.PerspectiveCamera( this.cameraDefaults.fov, this.aspectRatio, this.cameraDefaults.near, this.cameraDefaults.far );
-		this.resetCamera();
-		this.controls = new THREE.TrackballControls( this.camera );
-
-		var ambientLight = new THREE.AmbientLight( 0x404040 );
-		var directionalLight1 = new THREE.DirectionalLight( 0xC0C090 );
-		var directionalLight2 = new THREE.DirectionalLight( 0xC0C090 );
-
-		directionalLight1.position.set( -100, -50, 100 );
-		directionalLight2.position.set( 100, 50, -100 );
-
-		this.scene.add( directionalLight1 );
-		this.scene.add( directionalLight2 );
-		this.scene.add( ambientLight );
-
-		var geometry = new THREE.BoxGeometry( 10, 10, 10 );
-		var material = new THREE.MeshNormalMaterial();
-		this.cube = new THREE.Mesh( geometry, material );
-		this.cube.position.set( 0, -20, 0 );
-		this.scene.add( this.cube );
-
-		this.pivot = new THREE.Object3D();
-		this.pivot.name = 'Pivot';
-		this.scene.add( this.pivot );
-	};
-
-	OBJLoader2Verify.prototype.initPostGL = function () {
-		var scope = this;
-
-		var mtlLoader = new THREE.MTLLoader();
-		mtlLoader.setPath( scope.objDef.texturePath );
-		mtlLoader.load( scope.objDef.fileMtl, function( materials ) {
-
-			materials.preload();
-
-			var objLoader = new THREE.OBJLoader2();
-			objLoader.setSceneGraphBaseNode( scope.pivot );
-			objLoader.setMaterials( materials.materials );
-			objLoader.setPath( scope.objDef.path );
-			objLoader.setDebug( false, false );
-
-			var onSuccess = function ( object3d ) {
-				console.log( 'Loading complete. Meshes were attached to: ' + object3d.name );
-			};
+				OBJLoader2Verify.prototype.initGL = function () {
+					this.renderer = new THREE.WebGLRenderer( {
+						canvas: this.canvas,
+						antialias: true,
+						autoClear: true
+					} );
+					this.renderer.setClearColor( 0x050505 );
 
-			var onProgress = function ( event ) {
-				if ( event.lengthComputable ) {
+					this.scene = new THREE.Scene();
 
-					var percentComplete = event.loaded / event.total * 100;
-					var output = 'Download of "' + scope.objDef.fileObj + '": ' + Math.round( percentComplete ) + '%';
-					console.log(output);
+					this.camera = new THREE.PerspectiveCamera( this.cameraDefaults.fov, this.aspectRatio, this.cameraDefaults.near, this.cameraDefaults.far );
+					this.resetCamera();
+					this.controls = new THREE.TrackballControls( this.camera );
 
-				}
-			};
+					var ambientLight = new THREE.AmbientLight( 0x404040 );
+					var directionalLight1 = new THREE.DirectionalLight( 0xC0C090 );
+					var directionalLight2 = new THREE.DirectionalLight( 0xC0C090 );
 
-			var onError = function ( event ) {
-				console.error( 'Error of type "' + event.type + '" occurred when trying to load: ' + event.src );
-			};
+					directionalLight1.position.set( -100, -50, 100 );
+					directionalLight2.position.set( 100, 50, -100 );
 
-			objLoader.load( scope.objDef.fileObj, onSuccess, onProgress, onError );
+					this.scene.add( directionalLight1 );
+					this.scene.add( directionalLight2 );
+					this.scene.add( ambientLight );
 
-		});
+					var geometry = new THREE.BoxGeometry( 10, 10, 10 );
+					var material = new THREE.MeshNormalMaterial();
+					this.cube = new THREE.Mesh( geometry, material );
+					this.cube.position.set( 0, -20, 0 );
+					this.scene.add( this.cube );
 
-		return true;
-	};
+					this.pivot = new THREE.Object3D();
+					this.pivot.name = 'Pivot';
+					this.scene.add( this.pivot );
+				};
 
-	OBJLoader2Verify.prototype.resizeDisplayGL = function () {
-		this.controls.handleResize();
+				OBJLoader2Verify.prototype.initPostGL = function () {
+					var scope = this;
 
-		this.recalcAspectRatio();
-		this.renderer.setSize( this.canvas.offsetWidth, this.canvas.offsetHeight, false );
+					var mtlLoader = new THREE.MTLLoader();
+					mtlLoader.setPath( scope.objDef.texturePath );
+					mtlLoader.load( scope.objDef.fileMtl, function( materials ) {
 
-		this.updateCamera();
-	};
+						materials.preload();
 
-	OBJLoader2Verify.prototype.recalcAspectRatio = function () {
-		this.aspectRatio = ( this.canvas.offsetHeight === 0 ) ? 1 : this.canvas.offsetWidth / this.canvas.offsetHeight;
-	};
+						var objLoader = new THREE.OBJLoader2();
+						objLoader.setSceneGraphBaseNode( scope.pivot );
+						objLoader.setMaterials( materials.materials );
+						objLoader.setPath( scope.objDef.path );
+						objLoader.setDebug( false, false );
 
-	OBJLoader2Verify.prototype.resetCamera = function () {
-		this.camera.position.copy( this.cameraDefaults.posCamera );
-		this.cameraTarget.copy( this.cameraDefaults.posCameraTarget );
+						var onSuccess = function ( object3d ) {
+							console.log( 'Loading complete. Meshes were attached to: ' + object3d.name );
+						};
 
-		this.updateCamera();
-	};
+						var onProgress = function ( event ) {
+							if ( event.lengthComputable ) {
 
-	OBJLoader2Verify.prototype.updateCamera = function () {
-		this.camera.aspect = this.aspectRatio;
-		this.camera.lookAt( this.cameraTarget );
-		this.camera.updateProjectionMatrix();
-	};
+								var percentComplete = event.loaded / event.total * 100;
+								var output = 'Download of "' + scope.objDef.fileObj + '": ' + Math.round( percentComplete ) + '%';
+								console.log(output);
 
-	OBJLoader2Verify.prototype.render = function () {
-		if ( ! this.renderer.autoClear ) this.renderer.clear();
+							}
+						};
 
-		this.controls.update();
+						var onError = function ( event ) {
+							console.error( 'Error of type "' + event.type + '" occurred when trying to load: ' + event.src );
+						};
 
-		this.cube.rotation.x += 0.05;
-		this.cube.rotation.y += 0.05;
+						objLoader.load( scope.objDef.fileObj, onSuccess, onProgress, onError );
 
-		this.renderer.render( this.scene, this.camera );
-	};
+					});
 
-	OBJLoader2Verify.prototype.alterSmoothShading = function () {
+					return true;
+				};
 
-		var scope = this;
-		scope.smoothShading = ! scope.smoothShading;
-		var side = document.getElementById( 'shading' );
-		side.style.backgroundColor = scope.smoothShading ? 'darkgreen' : 'darkorange';
-		side.style.borderColor = scope.smoothShading ? 'darkgreen' : 'darkorange';
-		side.innerHTML = scope.smoothShading ? 'Smooth Shading' : 'Flat Shading';
-		console.log( scope.smoothShading ? 'Enabling SmoothShading' : 'Enabling FlatShading');
+				OBJLoader2Verify.prototype.resizeDisplayGL = function () {
+					this.controls.handleResize();
 
+					this.recalcAspectRatio();
+					this.renderer.setSize( this.canvas.offsetWidth, this.canvas.offsetHeight, false );
 
-		scope.traversalFunction = function ( material ) {
-			material.shading = scope.smoothShading ? THREE.SmoothShading : THREE.FlatShading;
-			material.needsUpdate = true;
-		};
-		var scopeTraverse = function ( object3d ) {
-			scope.traverseScene( object3d );
-		};
-		scope.pivot.traverse( scopeTraverse );
-	};
+					this.updateCamera();
+				};
 
-	OBJLoader2Verify.prototype.alterDouble = function () {
+				OBJLoader2Verify.prototype.recalcAspectRatio = function () {
+					this.aspectRatio = ( this.canvas.offsetHeight === 0 ) ? 1 : this.canvas.offsetWidth / this.canvas.offsetHeight;
+				};
 
-		var scope = this;
-		scope.doubleSide = ! scope.doubleSide;
-		var side = document.getElementById( 'side' );
-		side.style.backgroundColor = scope.doubleSide ? 'darkgreen' : 'darkorange';
-		side.style.borderColor = scope.doubleSide ? 'darkgreen' : 'darkorange';
-		side.innerHTML = scope.doubleSide ? 'Double Side' : 'Front Side';
-		console.log( scope.doubleSide ? 'Enabling DoubleSide materials' : 'Enabling FrontSide materials');
+				OBJLoader2Verify.prototype.resetCamera = function () {
+					this.camera.position.copy( this.cameraDefaults.posCamera );
+					this.cameraTarget.copy( this.cameraDefaults.posCameraTarget );
 
+					this.updateCamera();
+				};
 
-		scope.traversalFunction  = function ( material ) {
-			material.side = scope.doubleSide ? THREE.DoubleSide : THREE.FrontSide;
-		};
+				OBJLoader2Verify.prototype.updateCamera = function () {
+					this.camera.aspect = this.aspectRatio;
+					this.camera.lookAt( this.cameraTarget );
+					this.camera.updateProjectionMatrix();
+				};
 
-		var scopeTraverse = function ( object3d ) {
-			scope.traverseScene( object3d );
-		};
-		scope.pivot.traverse( scopeTraverse );
-	};
+				OBJLoader2Verify.prototype.render = function () {
+					if ( ! this.renderer.autoClear ) this.renderer.clear();
 
-	OBJLoader2Verify.prototype.traverseScene = function ( object3d ) {
+					this.controls.update();
 
-		if ( object3d.material instanceof THREE.MultiMaterial ) {
+					this.cube.rotation.x += 0.05;
+					this.cube.rotation.y += 0.05;
 
-			for ( var matName in object3d.material.materials ) {
+					this.renderer.render( this.scene, this.camera );
+				};
 
-				this.traversalFunction( object3d.material.materials[matName] );
+				OBJLoader2Verify.prototype.alterSmoothShading = function () {
 
-			}
+					var scope = this;
+					scope.smoothShading = ! scope.smoothShading;
+					var side = document.getElementById( 'shading' );
+					side.style.backgroundColor = scope.smoothShading ? 'darkgreen' : 'darkorange';
+					side.style.borderColor = scope.smoothShading ? 'darkgreen' : 'darkorange';
+					side.innerHTML = scope.smoothShading ? 'Smooth Shading' : 'Flat Shading';
+					console.log( scope.smoothShading ? 'Enabling SmoothShading' : 'Enabling FlatShading');
+
+
+					scope.traversalFunction = function ( material ) {
+						material.shading = scope.smoothShading ? THREE.SmoothShading : THREE.FlatShading;
+						material.needsUpdate = true;
+					};
+					var scopeTraverse = function ( object3d ) {
+						scope.traverseScene( object3d );
+					};
+					scope.pivot.traverse( scopeTraverse );
+				};
+
+				OBJLoader2Verify.prototype.alterDouble = function () {
+
+					var scope = this;
+					scope.doubleSide = ! scope.doubleSide;
+					var side = document.getElementById( 'side' );
+					side.style.backgroundColor = scope.doubleSide ? 'darkgreen' : 'darkorange';
+					side.style.borderColor = scope.doubleSide ? 'darkgreen' : 'darkorange';
+					side.innerHTML = scope.doubleSide ? 'Double Side' : 'Front Side';
+					console.log( scope.doubleSide ? 'Enabling DoubleSide materials' : 'Enabling FrontSide materials');
+
+
+					scope.traversalFunction  = function ( material ) {
+						material.side = scope.doubleSide ? THREE.DoubleSide : THREE.FrontSide;
+					};
+
+					var scopeTraverse = function ( object3d ) {
+						scope.traverseScene( object3d );
+					};
+					scope.pivot.traverse( scopeTraverse );
+				};
 
-		} else if ( object3d.material ) {
+				OBJLoader2Verify.prototype.traverseScene = function ( object3d ) {
 
-			this.traversalFunction( object3d.material );
+					if ( object3d.material instanceof THREE.MultiMaterial ) {
 
-		}
+						for ( var matName in object3d.material.materials ) {
 
-	};
+							this.traversalFunction( object3d.material.materials[matName] );
 
-	return OBJLoader2Verify;
+						}
 
-})();
+					} else if ( object3d.material ) {
 
-	var app = new THREE.examples.loaders.OBJLoader2Verify( document.getElementById( 'example' ) );
+						this.traversalFunction( object3d.material );
 
-	var resizeWindow = function () {
-		app.resizeDisplayGL();
-	};
+					}
 
-	var render = function () {
-		requestAnimationFrame(render);
-		app.render();
-	};
+				};
+
+				return OBJLoader2Verify;
+
+			})();
+
+			var app = new THREE.examples.loaders.OBJLoader2Verify( document.getElementById( 'example' ) );
+
+			var resizeWindow = function () {
+				app.resizeDisplayGL();
+			};
+
+			var render = function () {
+				requestAnimationFrame(render);
+				app.render();
+			};
 
-	window.addEventListener('resize', resizeWindow, false);
+			window.addEventListener('resize', resizeWindow, false);
 
-	console.log("Starting initialisation phase...");
-	app.initGL();
-	app.resizeDisplayGL();
-	app.initPostGL();
+			console.log("Starting initialisation phase...");
+			app.initGL();
+			app.resizeDisplayGL();
+			app.initPostGL();
 
-	render();
+			render();
 
-</script>
+		</script>
+	</body>
+</html>
\ No newline at end of file
