diff --git a/examples/canvas_ascii_effect.html b/examples/canvas_ascii_effect.html
index ce788f911c6b826d5cf3cad0793cc5f56c42dd0d..9bc1d848bb8895fdea5397b64063a25ca478e1a5 100644
--- a/examples/canvas_ascii_effect.html
+++ b/examples/canvas_ascii_effect.html
@@ -10,7 +10,7 @@
 				font-family: Monospace;
 				background-color: #f0f0f0;
 				margin: 0px;
-				overflow: hidden; 
+				overflow: hidden;
 			}
 		</style>
 	</head>
@@ -19,6 +19,7 @@
 		<script src="../build/Three.js"></script>
 		<script src="js/effects/AsciiEffect.js"></script>
 		<script src="js/Stats.js"></script>
+
 		<script>
 
 			var container, stats;
@@ -34,6 +35,9 @@
 
 			function init() {
 
+				var width = window.innerWidth || 2;
+				var height = window.innerHeight || 2;
+
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
@@ -47,7 +51,7 @@
 
 				scene = new THREE.Scene();
 
-				camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 1, 1000 );
+				camera = new THREE.PerspectiveCamera( 70, width / height, 1, 1000 );
 				camera.position.y = 150;
 				camera.position.z = 500;
 				scene.add( camera );
@@ -72,10 +76,11 @@
 				scene.add( plane );
 
 				renderer = new THREE.CanvasRenderer();
+				renderer.setSize( width, height );
 				// container.appendChild( renderer.domElement );
 
 				effect = new THREE.AsciiEffect( renderer );
-				effect.setSize( window.innerWidth, window.innerHeight );
+				effect.setSize( width, height );
 				container.appendChild( effect.domElement );
 
 				stats = new Stats();
@@ -83,6 +88,20 @@
 				stats.domElement.style.top = '0px';
 				container.appendChild( stats.domElement );
 
+				//
+
+				window.addEventListener( 'resize', onWindowResize, false );
+
+			}
+
+			function onWindowResize() {
+
+				camera.aspect = window.innerWidth / window.innerHeight;
+				camera.updateProjectionMatrix();
+
+				renderer.setSize( window.innerWidth, window.innerHeight );
+				effect.setSize( window.innerWidth, window.innerHeight );
+
 			}
 
 			//
diff --git a/examples/canvas_camera_orthographic.html b/examples/canvas_camera_orthographic.html
index 201d53ccad9d4b9ca41f16e628514150b70cbc59..7e2b19830d1ea4ee304056b14e51ae976685d60b 100644
--- a/examples/canvas_camera_orthographic.html
+++ b/examples/canvas_camera_orthographic.html
@@ -84,7 +84,7 @@
 					cube.position.y = ( cube.scale.y * 50 ) / 2;
 					cube.position.z = Math.floor( ( Math.random() * 1000 - 500 ) / 50 ) * 50 + 25;
 
-					scene.add(cube);
+					scene.add( cube );
 
 				}
 
@@ -117,6 +117,23 @@
 				stats.domElement.style.top = '0px';
 				container.appendChild( stats.domElement );
 
+				//
+
+				window.addEventListener( 'resize', onWindowResize, false );
+
+			}
+
+			function onWindowResize() {
+
+				camera.left = window.innerWidth / - 2;
+				camera.right = window.innerWidth / 2;
+				camera.top = window.innerHeight / 2;
+				camera.bottom = window.innerHeight / - 2;
+
+				camera.updateProjectionMatrix();
+
+				renderer.setSize( window.innerWidth, window.innerHeight );
+
 			}
 
 			//
diff --git a/examples/canvas_geometry_birds.html b/examples/canvas_geometry_birds.html
index 452b1348f6df4fd8ce2177be5126bdf69205670c..41b3ff970ec5b6c7ebab8516a71f94b176021066 100644
--- a/examples/canvas_geometry_birds.html
+++ b/examples/canvas_geometry_birds.html
@@ -383,6 +383,19 @@
 
 				document.getElementById( 'container' ).appendChild(stats.domElement);
 
+				//
+
+				window.addEventListener( 'resize', onWindowResize, false );
+
+			}
+
+			function onWindowResize() {
+
+				camera.aspect = window.innerWidth / window.innerHeight;
+				camera.updateProjectionMatrix();
+
+				renderer.setSize( window.innerWidth, window.innerHeight );
+
 			}
 
 			function onDocumentMouseMove( event ) {
diff --git a/examples/canvas_geometry_cube.html b/examples/canvas_geometry_cube.html
index 527f6603fd84c6faa512a238964626ef438892ff..86737ebb4bf451df8446f4b9e23ba7aec43c455f 100644
--- a/examples/canvas_geometry_cube.html
+++ b/examples/canvas_geometry_cube.html
@@ -91,6 +91,23 @@
 				document.addEventListener( 'mousedown', onDocumentMouseDown, false );
 				document.addEventListener( 'touchstart', onDocumentTouchStart, false );
 				document.addEventListener( 'touchmove', onDocumentTouchMove, false );
+
+				//
+
+				window.addEventListener( 'resize', onWindowResize, false );
+
+			}
+
+			function onWindowResize() {
+
+				windowHalfX = window.innerWidth / 2,
+				windowHalfY = window.innerHeight / 2,
+
+				camera.aspect = window.innerWidth / window.innerHeight;
+				camera.updateProjectionMatrix();
+
+				renderer.setSize( window.innerWidth, window.innerHeight );
+
 			}
 
 			//
@@ -105,6 +122,7 @@
 
 				mouseXOnMouseDown = event.clientX - windowHalfX;
 				targetRotationOnMouseDown = targetRotation;
+
 			}
 
 			function onDocumentMouseMove( event ) {
@@ -112,6 +130,7 @@
 				mouseX = event.clientX - windowHalfX;
 
 				targetRotation = targetRotationOnMouseDown + ( mouseX - mouseXOnMouseDown ) * 0.02;
+
 			}
 
 			function onDocumentMouseUp( event ) {
@@ -119,6 +138,7 @@
 				document.removeEventListener( 'mousemove', onDocumentMouseMove, false );
 				document.removeEventListener( 'mouseup', onDocumentMouseUp, false );
 				document.removeEventListener( 'mouseout', onDocumentMouseOut, false );
+
 			}
 
 			function onDocumentMouseOut( event ) {
@@ -126,11 +146,12 @@
 				document.removeEventListener( 'mousemove', onDocumentMouseMove, false );
 				document.removeEventListener( 'mouseup', onDocumentMouseUp, false );
 				document.removeEventListener( 'mouseout', onDocumentMouseOut, false );
+
 			}
 
 			function onDocumentTouchStart( event ) {
 
-				if ( event.touches.length == 1 ) {
+				if ( event.touches.length === 1 ) {
 
 					event.preventDefault();
 
@@ -138,11 +159,12 @@
 					targetRotationOnMouseDown = targetRotation;
 
 				}
+
 			}
 
 			function onDocumentTouchMove( event ) {
 
-				if ( event.touches.length == 1 ) {
+				if ( event.touches.length === 1 ) {
 
 					event.preventDefault();
 
@@ -150,6 +172,7 @@
 					targetRotation = targetRotationOnMouseDown + ( mouseX - mouseXOnMouseDown ) * 0.05;
 
 				}
+
 			}
 
 			//
diff --git a/examples/canvas_geometry_earth.html b/examples/canvas_geometry_earth.html
index 136be3e978b0618561a20c3a71a4bdfb6fa45e69..1716b20d2679b5c4bed61ac8d6c84831b7998035 100644
--- a/examples/canvas_geometry_earth.html
+++ b/examples/canvas_geometry_earth.html
@@ -64,7 +64,7 @@
 				scene.add( group );
 
 				// earth
-				
+
 				var earthTexture = new THREE.Texture();
 				var loader = new THREE.ImageLoader();
 
@@ -84,12 +84,12 @@
 				group.add( mesh );
 
 				// shadow
-				
+
 				var shadowTexture = new THREE.Texture();
 				var loader = new THREE.ImageLoader();
 
 				loader.addEventListener( 'load', function ( event ) {
-				
+
 					shadowTexture.image = event.content;
 					shadowTexture.needsUpdate = true;
 
@@ -116,6 +116,22 @@
 
 				document.addEventListener( 'mousemove', onDocumentMouseMove, false );
 
+				//
+
+				window.addEventListener( 'resize', onWindowResize, false );
+
+			}
+
+			function onWindowResize() {
+
+				windowHalfX = window.innerWidth / 2,
+				windowHalfY = window.innerHeight / 2,
+
+				camera.aspect = window.innerWidth / window.innerHeight;
+				camera.updateProjectionMatrix();
+
+				renderer.setSize( window.innerWidth, window.innerHeight );
+
 			}
 
 			function onDocumentMouseMove( event ) {
diff --git a/examples/canvas_geometry_hierarchy.html b/examples/canvas_geometry_hierarchy.html
index 4bdc6fd47c9ee9c432154b2861fe8e5843429360..d2df448800d271bfdfddce79b0c977657b670506 100644
--- a/examples/canvas_geometry_hierarchy.html
+++ b/examples/canvas_geometry_hierarchy.html
@@ -82,6 +82,22 @@
 				stats.domElement.style.zIndex = 100;
 				container.appendChild( stats.domElement );
 
+				//
+
+				window.addEventListener( 'resize', onWindowResize, false );
+
+			}
+
+			function onWindowResize() {
+
+				windowHalfX = window.innerWidth / 2,
+				windowHalfY = window.innerHeight / 2,
+
+				camera.aspect = window.innerWidth / window.innerHeight;
+				camera.updateProjectionMatrix();
+
+				renderer.setSize( window.innerWidth, window.innerHeight );
+
 			}
 
 			function onDocumentMouseMove(event) {
diff --git a/examples/canvas_geometry_panorama.html b/examples/canvas_geometry_panorama.html
index 9eb7ab1450335010673439c03fe832a20826e6a6..9e4b01450b115008de3497cce347cf9251c4bc3f 100644
--- a/examples/canvas_geometry_panorama.html
+++ b/examples/canvas_geometry_panorama.html
@@ -96,6 +96,21 @@
 				document.addEventListener( 'touchstart', onDocumentTouchStart, false );
 				document.addEventListener( 'touchmove', onDocumentTouchMove, false );
 
+				//
+
+				window.addEventListener( 'resize', onWindowResize, false );
+
+			}
+
+			function onWindowResize() {
+
+				camera.aspect = window.innerWidth / window.innerHeight;
+				camera.updateProjectionMatrix();
+
+				renderer.setSize( window.innerWidth, window.innerHeight );
+
+				render();
+
 			}
 
 			function loadTexture( path ) {
@@ -141,6 +156,7 @@
 					render();
 
 				}
+
 			}
 
 			function onDocumentMouseUp( event ) {
diff --git a/examples/canvas_geometry_panorama_fisheye.html b/examples/canvas_geometry_panorama_fisheye.html
index 98e31021d90f9b47209365db5917d1e7842c1619..4a233d8bb4090004a52ea95ec58673493672280e 100644
--- a/examples/canvas_geometry_panorama_fisheye.html
+++ b/examples/canvas_geometry_panorama_fisheye.html
@@ -106,6 +106,21 @@
 				document.addEventListener( 'touchstart', onDocumentTouchStart, false );
 				document.addEventListener( 'touchmove', onDocumentTouchMove, false );
 
+				//
+
+				window.addEventListener( 'resize', onWindowResize, false );
+
+			}
+
+			function onWindowResize() {
+
+				camera.aspect = window.innerWidth / window.innerHeight;
+				camera.updateProjectionMatrix();
+
+				renderer.setSize( window.innerWidth, window.innerHeight );
+
+				render();
+
 			}
 
 			function loadTexture( path ) {
diff --git a/examples/canvas_geometry_terrain.html b/examples/canvas_geometry_terrain.html
index 12972ba745127f0ca10fb59de8985a25448ba020..6a198993674e6a9d5b00e3c4d1c0ba03e0e23fde 100644
--- a/examples/canvas_geometry_terrain.html
+++ b/examples/canvas_geometry_terrain.html
@@ -98,6 +98,22 @@
 
 				document.addEventListener( 'mousemove', onDocumentMouseMove, false );
 
+				//
+
+				window.addEventListener( 'resize', onWindowResize, false );
+
+			}
+
+			function onWindowResize() {
+
+				windowHalfX = window.innerWidth / 2,
+				windowHalfY = window.innerHeight / 2,
+
+				camera.aspect = window.innerWidth / window.innerHeight;
+				camera.updateProjectionMatrix();
+
+				renderer.setSize( window.innerWidth, window.innerHeight );
+
 			}
 
 			function generateHeight( width, height ) {
diff --git a/examples/canvas_geometry_text.html b/examples/canvas_geometry_text.html
index ea9512c96d4be1c9db00fc1492c24803b5913be9..fcc413e6a5c73a210ee27341e40211ce0f0ef5de 100644
--- a/examples/canvas_geometry_text.html
+++ b/examples/canvas_geometry_text.html
@@ -120,6 +120,22 @@
 				document.addEventListener( 'touchstart', onDocumentTouchStart, false );
 				document.addEventListener( 'touchmove', onDocumentTouchMove, false );
 
+				//
+
+				window.addEventListener( 'resize', onWindowResize, false );
+
+			}
+
+			function onWindowResize() {
+
+				windowHalfX = window.innerWidth / 2,
+				windowHalfY = window.innerHeight / 2,
+
+				camera.aspect = window.innerWidth / window.innerHeight;
+				camera.updateProjectionMatrix();
+
+				renderer.setSize( window.innerWidth, window.innerHeight );
+
 			}
 
 			//
diff --git a/examples/canvas_interactive_cubes.html b/examples/canvas_interactive_cubes.html
index 149d05ba1eb095b95dda142e80d976e6757aeaf0..b2052c89234a5791c33ad4d6c1f62557693a87f7 100644
--- a/examples/canvas_interactive_cubes.html
+++ b/examples/canvas_interactive_cubes.html
@@ -102,6 +102,19 @@
 
 				document.addEventListener( 'mousedown', onDocumentMouseDown, false );
 
+				//
+
+				window.addEventListener( 'resize', onWindowResize, false );
+
+			}
+
+			function onWindowResize() {
+
+				camera.aspect = window.innerWidth / window.innerHeight;
+				camera.updateProjectionMatrix();
+
+				renderer.setSize( window.innerWidth, window.innerHeight );
+
 			}
 
 			function onDocumentMouseDown( event ) {
diff --git a/examples/canvas_interactive_cubes_tween.html b/examples/canvas_interactive_cubes_tween.html
index 44361720b2c24126f1e7436f4cfc357442498984..c07c0eb1cd3198484d5e6bb9c91c7f93c9985615 100644
--- a/examples/canvas_interactive_cubes_tween.html
+++ b/examples/canvas_interactive_cubes_tween.html
@@ -81,6 +81,19 @@
 
 				document.addEventListener( 'mousedown', onDocumentMouseDown, false );
 
+				//
+
+				window.addEventListener( 'resize', onWindowResize, false );
+
+			}
+
+			function onWindowResize() {
+
+				camera.aspect = window.innerWidth / window.innerHeight;
+				camera.updateProjectionMatrix();
+
+				renderer.setSize( window.innerWidth, window.innerHeight );
+
 			}
 
 			function onDocumentMouseDown( event ) {
diff --git a/examples/canvas_interactive_particles.html b/examples/canvas_interactive_particles.html
index c952258f25305a4508a86b2f016547cd2ae4f9dd..2caf417e2f405b06a510543751ce6cf3f03acce7 100644
--- a/examples/canvas_interactive_particles.html
+++ b/examples/canvas_interactive_particles.html
@@ -95,6 +95,19 @@
 
 				document.addEventListener( 'mousemove', onDocumentMouseMove, false );
 
+				//
+
+				window.addEventListener( 'resize', onWindowResize, false );
+
+			}
+
+			function onWindowResize() {
+
+				camera.aspect = window.innerWidth / window.innerHeight;
+				camera.updateProjectionMatrix();
+
+				renderer.setSize( window.innerWidth, window.innerHeight );
+
 			}
 
 			function onDocumentMouseMove( event ) {
diff --git a/examples/canvas_interactive_voxelpainter.html b/examples/canvas_interactive_voxelpainter.html
index 3d55a1e0fba6b502c312cbd66fb0c39186249f2a..1782164fed3eab9a1c8687b944bb92a3cc455854 100644
--- a/examples/canvas_interactive_voxelpainter.html
+++ b/examples/canvas_interactive_voxelpainter.html
@@ -115,6 +115,19 @@
 				document.addEventListener( 'keydown', onDocumentKeyDown, false );
 				document.addEventListener( 'keyup', onDocumentKeyUp, false );
 
+				//
+
+				window.addEventListener( 'resize', onWindowResize, false );
+
+			}
+
+			function onWindowResize() {
+
+				camera.aspect = window.innerWidth / window.innerHeight;
+				camera.updateProjectionMatrix();
+
+				renderer.setSize( window.innerWidth, window.innerHeight );
+
 			}
 
 			function onDocumentMouseMove( event ) {
diff --git a/examples/canvas_lights_pointlights.html b/examples/canvas_lights_pointlights.html
index 0b3f87b2b9ec4ac977f69d3286ff9c0cd85d1dc7..d9d64ee6c0ab6f10510509329fd0d227d19aee01 100644
--- a/examples/canvas_lights_pointlights.html
+++ b/examples/canvas_lights_pointlights.html
@@ -106,6 +106,19 @@
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				container.appendChild( renderer.domElement );
 
+				//
+
+				window.addEventListener( 'resize', onWindowResize, false );
+
+			}
+
+			function onWindowResize() {
+
+				camera.aspect = window.innerWidth / window.innerHeight;
+				camera.updateProjectionMatrix();
+
+				renderer.setSize( window.innerWidth, window.innerHeight );
+
 			}
 
 			//
diff --git a/examples/canvas_lights_pointlights_smooth.html b/examples/canvas_lights_pointlights_smooth.html
index 69a581cd412c5c8d71fb4500e50b5e6eb0f85bed..a7ca74a13aaf49de300208e00ff30926cda4f719 100644
--- a/examples/canvas_lights_pointlights_smooth.html
+++ b/examples/canvas_lights_pointlights_smooth.html
@@ -108,6 +108,19 @@
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				container.appendChild( renderer.domElement );
 
+				//
+
+				window.addEventListener( 'resize', onWindowResize, false );
+
+			}
+
+			function onWindowResize() {
+
+				camera.aspect = window.innerWidth / window.innerHeight;
+				camera.updateProjectionMatrix();
+
+				renderer.setSize( window.innerWidth, window.innerHeight );
+
 			}
 
 			//
diff --git a/examples/canvas_lines.html b/examples/canvas_lines.html
index 12e46dbee9bbf0cb3b0c615cf2a25de6567a4a92..559bf3a218cc0aef4500b382b36051f3e96e6eae 100644
--- a/examples/canvas_lines.html
+++ b/examples/canvas_lines.html
@@ -97,6 +97,23 @@
 				document.addEventListener( 'mousemove', onDocumentMouseMove, false );
 				document.addEventListener( 'touchstart', onDocumentTouchStart, false );
 				document.addEventListener( 'touchmove', onDocumentTouchMove, false );
+
+				//
+
+				window.addEventListener( 'resize', onWindowResize, false );
+
+			}
+
+			function onWindowResize() {
+
+				windowHalfX = window.innerWidth / 2,
+				windowHalfY = window.innerHeight / 2,
+
+				camera.aspect = window.innerWidth / window.innerHeight;
+				camera.updateProjectionMatrix();
+
+				renderer.setSize( window.innerWidth, window.innerHeight );
+
 			}
 
 			//
@@ -105,6 +122,7 @@
 
 				mouseX = event.clientX - windowHalfX;
 				mouseY = event.clientY - windowHalfY;
+
 			}
 
 			function onDocumentTouchStart( event ) {
diff --git a/examples/canvas_lines_sphere.html b/examples/canvas_lines_sphere.html
index 919b0aef65c6b815645439b61c1cc85b5b2bcafa..f6eb9bd2e71bcb1ed343f4a3d5a573eb39d4391b 100644
--- a/examples/canvas_lines_sphere.html
+++ b/examples/canvas_lines_sphere.html
@@ -111,6 +111,23 @@
 				document.addEventListener( 'mousemove', onDocumentMouseMove, false );
 				document.addEventListener( 'touchstart', onDocumentTouchStart, false );
 				document.addEventListener( 'touchmove', onDocumentTouchMove, false );
+
+				//
+
+				window.addEventListener( 'resize', onWindowResize, false );
+
+			}
+
+			function onWindowResize() {
+
+				windowHalfX = window.innerWidth / 2,
+				windowHalfY = window.innerHeight / 2,
+
+				camera.aspect = window.innerWidth / window.innerHeight;
+				camera.updateProjectionMatrix();
+
+				renderer.setSize( window.innerWidth, window.innerHeight );
+
 			}
 
 			//
diff --git a/examples/canvas_materials.html b/examples/canvas_materials.html
index 3ac535a200c9b32e7cf4d2d114341b4f1cc78723..d1e35d782f97815683a439ee50758ca13e11dea2 100644
--- a/examples/canvas_materials.html
+++ b/examples/canvas_materials.html
@@ -162,6 +162,19 @@
 				stats.domElement.style.top = '0px';
 				container.appendChild(stats.domElement);
 
+				//
+
+				window.addEventListener( 'resize', onWindowResize, false );
+
+			}
+
+			function onWindowResize() {
+
+				camera.aspect = window.innerWidth / window.innerHeight;
+				camera.updateProjectionMatrix();
+
+				renderer.setSize( window.innerWidth, window.innerHeight );
+
 			}
 
 			function loadImage( path ) {
diff --git a/examples/canvas_materials_depth.html b/examples/canvas_materials_depth.html
index 92adaac8347d6cc813c6f8180487a8480d32b246..4f31d2dfd26318801469ddd939f7f6bf2b9d70d2 100644
--- a/examples/canvas_materials_depth.html
+++ b/examples/canvas_materials_depth.html
@@ -33,9 +33,6 @@
 			var mouseX = 0;
 			var mouseXOnMouseDown = 0;
 
-			var windowHalfX = window.innerWidth / 2;
-			var windowHalfY = window.innerHeight / 2;
-
 			var moveForward = false;
 			var moveBackwards = false;
 			var moveLeft = false;
@@ -121,6 +118,20 @@
 
 				document.addEventListener( 'keydown', onDocumentKeyDown, false );
 				document.addEventListener( 'keyup', onDocumentKeyUp, false );
+
+				//
+
+				window.addEventListener( 'resize', onWindowResize, false );
+
+			}
+
+			function onWindowResize() {
+
+				camera.aspect = window.innerWidth / window.innerHeight;
+				camera.updateProjectionMatrix();
+
+				renderer.setSize( window.innerWidth, window.innerHeight );
+
 			}
 
 			function onDocumentKeyDown( event ) {
diff --git a/examples/canvas_materials_normal.html b/examples/canvas_materials_normal.html
index 2f90f2a0f491429f962f87df16921eba49134dd2..588fe89f4f29b70b227694da7bc5b81b72eb4bdc 100644
--- a/examples/canvas_materials_normal.html
+++ b/examples/canvas_materials_normal.html
@@ -72,6 +72,19 @@
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				container.appendChild( renderer.domElement );
 
+				//
+
+				window.addEventListener( 'resize', onWindowResize, false );
+
+			}
+
+			function onWindowResize() {
+
+				camera.aspect = window.innerWidth / window.innerHeight;
+				camera.updateProjectionMatrix();
+
+				renderer.setSize( window.innerWidth, window.innerHeight );
+
 			}
 
 			//
diff --git a/examples/canvas_materials_reflection.html b/examples/canvas_materials_reflection.html
index 6dd53fd95b2ab5daf39ac913dd8351a3245f57df..f51a0a3a667665bb9a63949ece9f870d72a680b7 100644
--- a/examples/canvas_materials_reflection.html
+++ b/examples/canvas_materials_reflection.html
@@ -75,6 +75,19 @@
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				container.appendChild( renderer.domElement );
 
+				//
+
+				window.addEventListener( 'resize', onWindowResize, false );
+
+			}
+
+			function onWindowResize() {
+
+				camera.aspect = window.innerWidth / window.innerHeight;
+				camera.updateProjectionMatrix();
+
+				renderer.setSize( window.innerWidth, window.innerHeight );
+
 			}
 
 			//
diff --git a/examples/canvas_materials_video.html b/examples/canvas_materials_video.html
index 0f77bfc34d4d69ac001fee09a5d5f9c918e26fc5..88af15b12839b93dd29e8ba2bcf38ad665056ac3 100644
--- a/examples/canvas_materials_video.html
+++ b/examples/canvas_materials_video.html
@@ -151,6 +151,7 @@
 						scene.add( particle );
 
 					}
+
 				}
 
 				renderer = new THREE.CanvasRenderer();
@@ -165,9 +166,25 @@
 
 				document.addEventListener( 'mousemove', onDocumentMouseMove, false );
 
+				//
+
+				window.addEventListener( 'resize', onWindowResize, false );
+
+			}
+
+			function onWindowResize() {
+
+				windowHalfX = window.innerWidth / 2,
+				windowHalfY = window.innerHeight / 2,
+
+				camera.aspect = window.innerWidth / window.innerHeight;
+				camera.updateProjectionMatrix();
+
+				renderer.setSize( window.innerWidth, window.innerHeight );
+
 			}
 
-			function onDocumentMouseMove(event) {
+			function onDocumentMouseMove( event ) {
 
 				mouseX = ( event.clientX - windowHalfX );
 				mouseY = ( event.clientY - windowHalfY ) * 0.2;
diff --git a/examples/canvas_particles_floor.html b/examples/canvas_particles_floor.html
index 57541ccf3907afe0cc0bf4ec448877ed7f78a99d..f800bd5d94d4039fa843588e07ae10f24bd95ce8 100644
--- a/examples/canvas_particles_floor.html
+++ b/examples/canvas_particles_floor.html
@@ -88,11 +88,28 @@
 				document.addEventListener( 'mousemove', onDocumentMouseMove, false );
 				document.addEventListener( 'touchstart', onDocumentTouchStart, false );
 				document.addEventListener( 'touchmove', onDocumentTouchMove, false );
+
+				//
+
+				window.addEventListener( 'resize', onWindowResize, false );
+
+			}
+
+			function onWindowResize() {
+
+				windowHalfX = window.innerWidth / 2,
+				windowHalfY = window.innerHeight / 2,
+
+				camera.aspect = window.innerWidth / window.innerHeight;
+				camera.updateProjectionMatrix();
+
+				renderer.setSize( window.innerWidth, window.innerHeight );
+
 			}
 
 			//
 
-			function onDocumentMouseMove(event) {
+			function onDocumentMouseMove( event ) {
 
 				mouseX = event.clientX - windowHalfX;
 				mouseY = event.clientY - windowHalfY;
@@ -118,6 +135,7 @@
 					mouseX = event.touches[ 0 ].pageX - windowHalfX;
 					mouseY = event.touches[ 0 ].pageY - windowHalfY;
 				}
+
 			}
 
 			//
diff --git a/examples/canvas_particles_random.html b/examples/canvas_particles_random.html
index 21edc0509179f989f84d1379297e4547786829cc..50883b09255984fe135ad9f086953dae3b6b9ded 100644
--- a/examples/canvas_particles_random.html
+++ b/examples/canvas_particles_random.html
@@ -81,6 +81,23 @@
 				document.addEventListener( 'mousemove', onDocumentMouseMove, false );
 				document.addEventListener( 'touchstart', onDocumentTouchStart, false );
 				document.addEventListener( 'touchmove', onDocumentTouchMove, false );
+
+				//
+
+				window.addEventListener( 'resize', onWindowResize, false );
+
+			}
+
+			function onWindowResize() {
+
+				windowHalfX = window.innerWidth / 2,
+				windowHalfY = window.innerHeight / 2,
+
+				camera.aspect = window.innerWidth / window.innerHeight;
+				camera.updateProjectionMatrix();
+
+				renderer.setSize( window.innerWidth, window.innerHeight );
+
 			}
 
 			//
@@ -93,24 +110,28 @@
 
 			function onDocumentTouchStart( event ) {
 
-				if ( event.touches.length == 1 ) {
+				if ( event.touches.length === 1 ) {
 
 					event.preventDefault();
 
 					mouseX = event.touches[ 0 ].pageX - windowHalfX;
 					mouseY = event.touches[ 0 ].pageY - windowHalfY;
+
 				}
+
 			}
 
 			function onDocumentTouchMove( event ) {
 
-				if ( event.touches.length == 1 ) {
+				if ( event.touches.length === 1 ) {
 
 					event.preventDefault();
 
 					mouseX = event.touches[ 0 ].pageX - windowHalfX;
 					mouseY = event.touches[ 0 ].pageY - windowHalfY;
+
 				}
+
 			}
 
 			//
diff --git a/examples/canvas_particles_shapes.html b/examples/canvas_particles_shapes.html
index d9b82eefbac10545a027209e6a546942277969e0..81786669eea41ca5106092f6baab35cea495d9a9 100644
--- a/examples/canvas_particles_shapes.html
+++ b/examples/canvas_particles_shapes.html
@@ -138,6 +138,7 @@
 				heartShape.bezierCurveTo( x + 35, y, x + 25, y + 25, x + 25, y + 25 );
 
 				var circleLines = function ( context ) {
+
 					context.lineWidth = 0.05;
 					context.beginPath();
 					context.arc( 0, 0, 1, 0, Math.PI*2, true );
@@ -146,11 +147,13 @@
 
 					context.globalAlpha = 0.2;
 					context.fill();
+
 				}
 
 				var hue = 0;
 
 				var hearts = function ( context ) {
+
 					context.globalAlpha = 0.5;
 					var x = 0, y = 0;
 					context.scale(0.1, -0.1); // Scale so canvas render can redraw within bounds
@@ -166,6 +169,7 @@
 					context.fill();
 					context.lineWidth = 0.5; //0.05
 					context.stroke();
+
 				}
 
 				var setTargetParticle = function() {
@@ -183,6 +187,7 @@
 					particleCloud.add( particle );
 
 					return particle;
+
 				};
 
 				var onParticleCreated = function(p) {
@@ -233,6 +238,22 @@
 				document.addEventListener( 'touchstart', onDocumentTouchStart, false );
 				document.addEventListener( 'touchmove', onDocumentTouchMove, false );
 
+				//
+
+				window.addEventListener( 'resize', onWindowResize, false );
+
+			}
+
+			function onWindowResize() {
+
+				windowHalfX = window.innerWidth / 2,
+				windowHalfY = window.innerHeight / 2,
+
+				camera.aspect = window.innerWidth / window.innerHeight;
+				camera.updateProjectionMatrix();
+
+				renderer.setSize( window.innerWidth, window.innerHeight );
+
 			}
 
 			//
@@ -246,10 +267,14 @@
 				mouseXOnMouseDown = event.clientX - windowHalfX;
 				targetRotationOnMouseDown = targetRotation;
 
-				if (sparksEmitter.isRunning()) {
+				if ( sparksEmitter.isRunning() ) {
+
 					sparksEmitter.stop();
+
 				} else {
+
 					sparksEmitter.start();
+
 				}
 
 			}
diff --git a/examples/canvas_particles_sprites.html b/examples/canvas_particles_sprites.html
index e9b64422a76165ade95e069cffb9c4a408a4cc1c..2d7766bf6670475d3334d49e5ae9972e70d68d8e 100644
--- a/examples/canvas_particles_sprites.html
+++ b/examples/canvas_particles_sprites.html
@@ -72,8 +72,24 @@
 				document.addEventListener( 'mousemove', onDocumentMouseMove, false );
 				document.addEventListener( 'touchstart', onDocumentTouchStart, false );
 				document.addEventListener( 'touchmove', onDocumentTouchMove, false );
+
+				//
+
+				window.addEventListener( 'resize', onWindowResize, false );
+
 			}
 
+			function onWindowResize() {
+
+				windowHalfX = window.innerWidth / 2,
+				windowHalfY = window.innerHeight / 2,
+
+				camera.aspect = window.innerWidth / window.innerHeight;
+				camera.updateProjectionMatrix();
+
+				renderer.setSize( window.innerWidth, window.innerHeight );
+
+			}
 
 			function generateSprite() {
 
diff --git a/examples/canvas_particles_waves.html b/examples/canvas_particles_waves.html
index 4d1a3fd8b6477212fe50c2ada9198d6a9bc5e5c1..1bf25abd4b96e069af4be02fc41479f422a8251f 100644
--- a/examples/canvas_particles_waves.html
+++ b/examples/canvas_particles_waves.html
@@ -93,6 +93,23 @@
 				document.addEventListener( 'mousemove', onDocumentMouseMove, false );
 				document.addEventListener( 'touchstart', onDocumentTouchStart, false );
 				document.addEventListener( 'touchmove', onDocumentTouchMove, false );
+
+				//
+
+				window.addEventListener( 'resize', onWindowResize, false );
+
+			}
+
+			function onWindowResize() {
+
+				windowHalfX = window.innerWidth / 2,
+				windowHalfY = window.innerHeight / 2,
+
+				camera.aspect = window.innerWidth / window.innerHeight;
+				camera.updateProjectionMatrix();
+
+				renderer.setSize( window.innerWidth, window.innerHeight );
+
 			}
 
 			//
@@ -106,7 +123,7 @@
 
 			function onDocumentTouchStart( event ) {
 
-				if ( event.touches.length == 1 ) {
+				if ( event.touches.length === 1 ) {
 
 					event.preventDefault();
 
@@ -119,7 +136,7 @@
 
 			function onDocumentTouchMove( event ) {
 
-				if ( event.touches.length == 1 ) {
+				if ( event.touches.length === 1 ) {
 
 					event.preventDefault();
 
@@ -158,6 +175,7 @@
 						particle.scale.x = particle.scale.y = ( Math.sin( ( ix + count ) * 0.3 ) + 1 ) * 2 + ( Math.sin( ( iy + count ) * 0.5 ) + 1 ) * 2;
 
 					}
+
 				}
 
 				renderer.render( scene, camera );
diff --git a/examples/canvas_performance.html b/examples/canvas_performance.html
index 20eeff78f3773cefe594423fece357d00e77d8c2..3954de22c0cbff1d510013a2292b77a3147ada36 100644
--- a/examples/canvas_performance.html
+++ b/examples/canvas_performance.html
@@ -27,15 +27,6 @@
 
 			var sphere, plane;
 
-			var targetRotation = 0;
-			var targetRotationOnMouseDown = 0;
-
-			var mouseX = 0;
-			var mouseXOnMouseDown = 0;
-
-			var windowHalfX = window.innerWidth / 2;
-			var windowHalfY = window.innerHeight / 2;
-
 			init();
 			animate();
 
@@ -112,6 +103,19 @@
 				stats.domElement.style.top = '0px';
 				container.appendChild(stats.domElement);
 
+				//
+
+				window.addEventListener( 'resize', onWindowResize, false );
+
+			}
+
+			function onWindowResize() {
+
+				camera.aspect = window.innerWidth / window.innerHeight;
+				camera.updateProjectionMatrix();
+
+				renderer.setSize( window.innerWidth, window.innerHeight );
+
 			}
 
 			//
diff --git a/examples/canvas_sandbox.html b/examples/canvas_sandbox.html
index ee132a49112f524b2ff227fa6e23c3889bb2766f..70bbd1ff21155fa8e43991eff36507a5fd0982a2 100644
--- a/examples/canvas_sandbox.html
+++ b/examples/canvas_sandbox.html
@@ -155,6 +155,23 @@
 
 				document.addEventListener( 'keydown', onDocumentKeyDown, false );
 				document.addEventListener( 'keyup', onDocumentKeyUp, false );
+
+				//
+
+				window.addEventListener( 'resize', onWindowResize, false );
+
+			}
+
+			function onWindowResize() {
+
+				windowHalfX = window.innerWidth / 2,
+				windowHalfY = window.innerHeight / 2,
+
+				camera.aspect = window.innerWidth / window.innerHeight;
+				camera.updateProjectionMatrix();
+
+				renderer.setSize( window.innerWidth, window.innerHeight );
+
 			}
 
 			function onDocumentKeyDown( event ) {
diff --git a/examples/js/effects/AsciiEffect.js b/examples/js/effects/AsciiEffect.js
index 0c1300f164527b0248441d031efc75847b6c40d2..5431417faaacfaa507fc927bc23c67eaff2652d3 100644
--- a/examples/js/effects/AsciiEffect.js
+++ b/examples/js/effects/AsciiEffect.js
@@ -1,30 +1,33 @@
 /*
- * @author zz85 / https://github.com/zz85 
+ * @author zz85 / https://github.com/zz85
  *
  * Ascii generation is based on http://www.nihilogic.dk/labs/jsascii/
  * Maybe more about this later with a blog post at http://lab4games.net/zz85/blog
- * 
+ *
  * 16 April 2012 - @blurspline
  */
-  
+
 THREE.AsciiEffect = function ( renderer, charSet, options ) {
 
 	// its fun to create one your own!
-	charSet = (charSet === undefined) ? ' .:-=+*#%@' : charSet; 
-	
-	// ' .,:;=|iI+hHOE#`$'; 
+
+	charSet = ( charSet === undefined ) ? ' .:-=+*#%@' : charSet;
+
+	// ' .,:;=|iI+hHOE#`$';
 	// darker bolder character set from https://github.com/saw/Canvas-ASCII-Art/
 	// ' .\'`^",:;Il!i~+_-?][}{1)(|/tfjrxnuvczXYUJCLQ0OZmwqpdbkhao*#MW&8%B@$'.split('');
 
-	if (!options) options = {};
+	if ( !options ) options = {};
+
 	// Some ASCII settings
+
 	var bResolution = !options['resolution'] ? 0.15 : options['resolution']; // Higher for more details
 	var iScale = !options['scale'] ? 1 : options['scale'];
 	var bColor = !options['color'] ? false : options['color']; // nice but slows down rendering!
 	var bAlpha = !options['alpha'] ? false : options['alpha']; // Transparency
 	var bBlock = !options['block'] ? false : options['block']; // blocked characters. like good O dos
 	var bInvert = !options['invert'] ? false : options['invert']; // black is white, white is black
-	
+
 	var strResolution = 'low';
 
 	var width, height;
@@ -33,7 +36,7 @@ THREE.AsciiEffect = function ( renderer, charSet, options ) {
 	domElement.style.cursor = 'default';
 
 	var oAscii = document.createElement("table");
-	domElement.appendChild(oAscii);
+	domElement.appendChild( oAscii );
 
 	var iWidth, iHeight;
 	var oImg;
@@ -61,6 +64,7 @@ THREE.AsciiEffect = function ( renderer, charSet, options ) {
 
 
 	// Throw in ascii library from http://www.nihilogic.dk/labs/jsascii/jsascii.js
+
 	/*
 	* jsAscii 0.1
 	* Copyright (c) 2008 Jacob Seidelin, jseidelin@nihilogic.dk, http://blog.nihilogic.dk/
@@ -68,8 +72,9 @@ THREE.AsciiEffect = function ( renderer, charSet, options ) {
 	*/
 
 	function initAsciiSize() {
-		iWidth = Math.round(width * fResolution);
-		iHeight = Math.round(height * fResolution);
+
+		iWidth = Math.round( width * fResolution );
+		iHeight = Math.round( height * fResolution );
 
 		oCanvas.width = iWidth;
 		oCanvas.height = iHeight;
@@ -78,9 +83,12 @@ THREE.AsciiEffect = function ( renderer, charSet, options ) {
 		// oCanvas.style.height = iHeight;
 
 		oImg = renderer.domElement;
-		if (oImg.style.backgroundColor) {
+
+		if ( oImg.style.backgroundColor ) {
+
 			oAscii.rows[0].cells[0].style.backgroundColor = oImg.style.backgroundColor;
 			oAscii.rows[0].cells[0].style.color = oImg.style.color;
+
 		}
 
 		oAscii.cellSpacing = 0;
@@ -112,6 +120,7 @@ THREE.AsciiEffect = function ( renderer, charSet, options ) {
 	if (!oCanvas.getContext) {
 		return;
 	}
+
 	var oCtx = oCanvas.getContext("2d");
 	if (!oCtx.getImageData) {
 		return;
@@ -119,49 +128,63 @@ THREE.AsciiEffect = function ( renderer, charSet, options ) {
 
 	var aCharList = (bColor ? aDefaultColorCharList : aDefaultCharList);
 
-	if (charSet) aCharList = charSet; 
+	if (charSet) aCharList = charSet;
 
 	var fResolution = 0.5;
-	switch (strResolution) {
+
+	switch ( strResolution ) {
+
 		case "low" : 	fResolution = 0.25; break;
 		case "medium" : fResolution = 0.5; break;
 		case "high" : 	fResolution = 1; break;
+
 	}
 
-	if (bResolution) fResolution = bResolution;
+	if ( bResolution ) fResolution = bResolution;
 
 	// Setup dom
+
 	var fFontSize = (2/fResolution)*iScale;
 	var fLineHeight = (2/fResolution)*iScale;
 
 	// adjust letter-spacing for all combinations of scale and resolution to get it to fit the image width.
+
 	var fLetterSpacing = 0;
-	if (strResolution == "low") {
+
+	if ( strResolution == "low" ) {
+
 		switch (iScale) {
 			case 1 : fLetterSpacing = -1; break;
-			case 2 : 
+			case 2 :
 			case 3 : fLetterSpacing = -2.1; break;
 			case 4 : fLetterSpacing = -3.1; break;
 			case 5 : fLetterSpacing = -4.15; break;
 		}
+
 	}
-	if (strResolution == "medium") {
+
+	if ( strResolution == "medium" ) {
+
 		switch (iScale) {
 			case 1 : fLetterSpacing = 0; break;
 			case 2 : fLetterSpacing = -1; break;
 			case 3 : fLetterSpacing = -1.04; break;
-			case 4 : 
+			case 4 :
 			case 5 : fLetterSpacing = -2.1; break;
 		}
+
 	}
-	if (strResolution == "high") {
+
+	if ( strResolution == "high" ) {
+
 		switch (iScale) {
-			case 1 : 
+			case 1 :
 			case 2 : fLetterSpacing = 0; break;
-			case 3 : 
-			case 4 : 
+			case 3 :
+			case 4 :
 			case 5 : fLetterSpacing = -1; break;
 		}
+
 	}
 
 
@@ -169,10 +192,11 @@ THREE.AsciiEffect = function ( renderer, charSet, options ) {
 
 
 	// convert img element to ascii
-	function asciifyImage(canvasRenderer, oAscii) {
 
-		oCtx.clearRect(0, 0, iWidth, iHeight);
-		oCtx.drawImage(oCanvasImg, 0, 0, iWidth, iHeight);
+	function asciifyImage( canvasRenderer, oAscii ) {
+
+		oCtx.clearRect( 0, 0, iWidth, iHeight );
+		oCtx.drawImage( oCanvasImg, 0, 0, iWidth, iHeight );
 		var oImgData = oCtx.getImageData(0, 0, iWidth, iHeight).data;
 
 		// Coloring loop starts now
@@ -183,7 +207,7 @@ THREE.AsciiEffect = function ( renderer, charSet, options ) {
 		for (var y=0;y<iHeight;y+=2) {
 			for (var x=0;x<iWidth;x++) {
 				var iOffset = (y*iWidth + x) * 4;
-	
+
 				var iRed = oImgData[iOffset];
 				var iGreen = oImgData[iOffset + 1];
 				var iBlue = oImgData[iOffset + 2];
@@ -194,14 +218,14 @@ THREE.AsciiEffect = function ( renderer, charSet, options ) {
 
 				fBrightness = (0.3*iRed + 0.59*iGreen + 0.11*iBlue) / 255;
 				// fBrightness = (0.3*iRed + 0.5*iGreen + 0.3*iBlue) / 255;
-				
+
 				if (iAlpha == 0) {
 					// should calculate alpha instead, but quick hack :)
-					//fBrightness *= (iAlpha / 255); 
+					//fBrightness *= (iAlpha / 255);
 					fBrightness = 1;
-					
-				} 
-							 
+
+				}
+
 				iCharIdx = Math.floor((1-fBrightness) * (aCharList.length-1));
 
 				if (bInvert) {
@@ -212,7 +236,7 @@ THREE.AsciiEffect = function ( renderer, charSet, options ) {
 				//fBrightness = Math.floor(fBrightness * 10);
 				//strThisChar = fBrightness;
 
-				var strThisChar = aCharList[iCharIdx];		
+				var strThisChar = aCharList[iCharIdx];
 
 				if (strThisChar===undefined || strThisChar == " ")
 					strThisChar = "&nbsp;";
@@ -229,14 +253,14 @@ THREE.AsciiEffect = function ( renderer, charSet, options ) {
 			}
 			strChars += "<br/>";
 		}
-	
+
 		oAscii.innerHTML = "<tr><td>" + strChars + "</td></tr>";
 
 		// console.timeEnd('rendering');
-		
+
 		// return oAscii;
 	}
 
 	// end modified asciifyImage block
-	
+
 };
diff --git a/examples/misc_lights_test.html b/examples/misc_lights_test.html
index bda27217cf7039d805b74ddd1b94519f2c0a9316..15bcf43006b1d8044b05ec8b51dc6f3b1fbf10c7 100644
--- a/examples/misc_lights_test.html
+++ b/examples/misc_lights_test.html
@@ -178,8 +178,8 @@
 				camera.aspect = SCREEN_WIDTH / SCREEN_HEIGHT;
 				camera.updateProjectionMatrix();
 
-				if ( render_canvas ) canvasRenderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
-				if ( render_gl && has_gl ) webglRenderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
+				if ( canvasRenderer ) canvasRenderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
+				if ( webglRenderer ) webglRenderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
 
 			}
 
diff --git a/examples/webgl_loader_json_objconverter.html b/examples/webgl_loader_json_objconverter.html
index 5200cc3f86f81ec28974dbae3a9b4d60ad450311..e60bb44f849f357d2435dc86b6461dfe8bbbce57 100644
--- a/examples/webgl_loader_json_objconverter.html
+++ b/examples/webgl_loader_json_objconverter.html
@@ -205,8 +205,8 @@
 				camera.aspect = window.innerWidth / window.innerHeight;
 				camera.updateProjectionMatrix();
 
-				if ( render_gl && has_gl ) webglRenderer.setSize( window.innerWidth, window.innerHeight );
-				if ( render_canvas ) canvasRenderer.setSize( window.innerWidth, window.innerHeight );
+				if ( webglRenderer ) webglRenderer.setSize( window.innerWidth, window.innerHeight );
+				if ( canvasRenderer ) canvasRenderer.setSize( window.innerWidth, window.innerHeight );
 
 			}
 
diff --git a/examples/webgl_loader_obj.html b/examples/webgl_loader_obj.html
index 193abfdee2cd40e2db4c275e3eefd10ed471d182..42d40a4b6a190e77f2772ee14b37156af41157be 100644
--- a/examples/webgl_loader_obj.html
+++ b/examples/webgl_loader_obj.html
@@ -46,7 +46,7 @@
 
 			var windowHalfX = window.innerWidth / 2;
 			var windowHalfY = window.innerHeight / 2;
-		
+
 
 			init();
 			animate();
@@ -104,7 +104,7 @@
 				});
 				loader.load( 'obj/male02/male02.obj' );
 
-				// 
+				//
 
 				renderer = new THREE.WebGLRenderer();
 				renderer.setSize( window.innerWidth, window.innerHeight );
@@ -112,6 +112,22 @@
 
 				document.addEventListener( 'mousemove', onDocumentMouseMove, false );
 
+				//
+
+				window.addEventListener( 'resize', onWindowResize, false );
+
+			}
+
+			function onWindowResize() {
+
+				windowHalfX = window.innerWidth / 2,
+				windowHalfY = window.innerHeight / 2,
+
+				camera.aspect = window.innerWidth / window.innerHeight;
+				camera.updateProjectionMatrix();
+
+				renderer.setSize( window.innerWidth, window.innerHeight );
+
 			}
 
 			function onDocumentMouseMove( event ) {
diff --git a/examples/webgl_loader_scene.html b/examples/webgl_loader_scene.html
index 8669029f63cf84d260b2d8c28c1ef41f7b25f84c..cca6513c2b5432dca2610a57ae6e8d9698fcb305 100644
--- a/examples/webgl_loader_scene.html
+++ b/examples/webgl_loader_scene.html
@@ -311,6 +311,22 @@
 
 				$( "plus_exp" ).addEventListener( 'click', createToggle( "exp" ), false );
 
+				//
+
+				window.addEventListener( 'resize', onWindowResize, false );
+
+			}
+
+			function onWindowResize() {
+
+				windowHalfX = window.innerWidth / 2,
+				windowHalfY = window.innerHeight / 2,
+
+				camera.aspect = window.innerWidth / window.innerHeight;
+				camera.updateProjectionMatrix();
+
+				renderer.setSize( window.innerWidth, window.innerHeight );
+
 			}
 
 			function setButtonActive( id ) {
diff --git a/examples/webgl_loader_scene_blender.html b/examples/webgl_loader_scene_blender.html
index 6adfe517a2e9e91b5007ea35ac5b3a2c5d9db2ce..295a91b6bbf56ac95bd5075f0ce6763416f545ff 100644
--- a/examples/webgl_loader_scene_blender.html
+++ b/examples/webgl_loader_scene_blender.html
@@ -278,6 +278,22 @@
 
 				$( "plus_exp" ).addEventListener( 'click', createToggle( "exp" ), false );
 
+				//
+
+				window.addEventListener( 'resize', onWindowResize, false );
+
+			}
+
+			function onWindowResize() {
+
+				windowHalfX = window.innerWidth / 2,
+				windowHalfY = window.innerHeight / 2,
+
+				camera.aspect = window.innerWidth / window.innerHeight;
+				camera.updateProjectionMatrix();
+
+				renderer.setSize( window.innerWidth, window.innerHeight );
+
 			}
 
 			function setButtonActive( id ) {
diff --git a/examples/webgl_loader_utf8.html b/examples/webgl_loader_utf8.html
index 2512bc3bbb3be25b9cdc3b9ef807a802719f87cc..cd9562418013a47904d83368d0a65bf9c9d3561d 100644
--- a/examples/webgl_loader_utf8.html
+++ b/examples/webgl_loader_utf8.html
@@ -125,6 +125,22 @@
 
 				}, { scale: 0.707192, offsetX: -0.109362, offsetY: -0.006435, offsetZ: -0.268751 } );
 
+				//
+
+				window.addEventListener( 'resize', onWindowResize, false );
+
+			}
+
+			function onWindowResize() {
+
+				windowHalfX = window.innerWidth / 2,
+				windowHalfY = window.innerHeight / 2,
+
+				camera.aspect = window.innerWidth / window.innerHeight;
+				camera.updateProjectionMatrix();
+
+				renderer.setSize( window.innerWidth, window.innerHeight );
+
 			}
 
 			function callbackModel( geometry, s, color, x, y, z ) {
diff --git a/examples/webgl_loader_vtk.html b/examples/webgl_loader_vtk.html
index 65822c10762fb12d1497bedc97aa294ec3f60e6c..90c508243d0552a87a28237dbd25a99850fc65e3 100644
--- a/examples/webgl_loader_vtk.html
+++ b/examples/webgl_loader_vtk.html
@@ -110,6 +110,21 @@
 				stats.domElement.style.top = '0px';
 				container.appendChild( stats.domElement );
 
+				//
+
+				window.addEventListener( 'resize', onWindowResize, false );
+
+			}
+
+			function onWindowResize() {
+
+				camera.aspect = window.innerWidth / window.innerHeight;
+				camera.updateProjectionMatrix();
+
+				renderer.setSize( window.innerWidth, window.innerHeight );
+
+				controls.handleResize();
+
 			}
 
 			function animate() {