diff --git a/examples/webgl_geometry_terrain_fog_types_legacy_test.html b/examples/webgl_geometry_terrain_fog_types_legacy_test.html
deleted file mode 100644
index e2ac4016167595..00000000000000
--- a/examples/webgl_geometry_terrain_fog_types_legacy_test.html
+++ /dev/null
@@ -1,281 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-	<head>
-		<title>three.js webgl - fog types</title>
-		<meta charset="utf-8">
-		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<link type="text/css" rel="stylesheet" href="main.css">
-		<style>
-			body {
-				color: #61443e;
-				overflow: hidden;
-			}
-			div#info {
-				position: absolute;
-				top: 1vh;
-				z-index: 5;
-			}
-			div#container {
-				position: absolute;
-				top: 0;
-				left: 0;
-				width: 100vw;
-				height: 100vh;
-			}
-			a {
-				color: #a06851;
-			}
-		</style>
-	</head>
-	<body>
-
-		<div id="container"></div>
-		<div id="info"><a href="http://threejs.org" target="_blank" rel="noopener">three.js</a> - webgl terrain + fog types<br /></div>
-
-		<script type="module">
-
-			import * as THREE from '../build/three.module.js';
-
-			import Stats from './jsm/libs/stats.module.js';
-			import { GUI } from './jsm/libs/dat.gui.module.js';
-
-			import { ImprovedNoise } from './jsm/math/ImprovedNoise.js';
-
-			var container, stats;
-
-			var camera, scene, renderer;
-
-			var mesh, texture;
-
-			var worldWidth = 256, worldDepth = 256;
-			var worldHalfWidth = worldWidth / 2;
-			var worldHalfDepth = worldDepth / 2;
-
-			var clock = new THREE.Clock();
-
-			var fogs, fogGuis;
-
-			var params = {
-				"Fog type": "FogExp2",
-				"Fog color": "#efd1b5",
-			}
-
-			init();
-			animate();
-
-			function init() {
-
-				container = document.getElementById( 'container' );
-
-				camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 1, 10000 );
-
-				scene = new THREE.Scene();
-				scene.background = new THREE.Color();
-
-				fogs = {
-					"Fog": new THREE.Fog(),
-					"FogExp2": new THREE.FogExp2()
-				}
-				
-				setFogColor( params[ "Fog color" ] );
-
-				var data = generateHeight( worldWidth, worldDepth );
-
-				camera.position.y = data[ worldHalfWidth + worldHalfDepth * worldWidth ] * 10 + 500;
-
-				var geometry = new THREE.PlaneBufferGeometry( 7500, 7500, worldWidth - 1, worldDepth - 1 );
-				geometry.rotateX( - Math.PI / 2 );
-
-				var vertices = geometry.attributes.position.array;
-
-				for ( var i = 0, j = 0, l = vertices.length; i < l; i ++, j += 3 ) {
-
-					vertices[ j + 1 ] = data[ i ] * 10;
-
-				}
-
-				texture = new THREE.CanvasTexture( generateTexture( data, worldWidth, worldDepth ) );
-				texture.wrapS = THREE.ClampToEdgeWrapping;
-				texture.wrapT = THREE.ClampToEdgeWrapping;
-
-				mesh = new THREE.Mesh( geometry, new THREE.MeshBasicMaterial( { map: texture } ) );
-				scene.add( mesh );
-
-				renderer = new THREE.WebGLRenderer();
-				renderer.setPixelRatio( window.devicePixelRatio );
-				renderer.setSize( window.innerWidth, window.innerHeight );
-				container.appendChild( renderer.domElement );
-
-				stats = new Stats();
-				container.appendChild( stats.dom );
-
-
-				//
-
-				window.addEventListener( 'resize', onWindowResize, false );
-				
-				//
-				
-				var gui = new GUI();
-				
-				gui.add( params, "Fog type", Object.keys( fogs ) ).onChange( setFogType );
-				
-				gui.addColor( params, "Fog color" ).onChange( setFogColor );
-				
-				fogGuis = {
-					"Fog": gui.addFolder( "Fog" ),
-					"FogExp2": gui.addFolder( "FogExp2" ),
-				}
-				
-				setFogType( params[ "Fog type" ] );
-				
-				fogGuis.Fog.add( fogs.Fog, "near", 0., 1000 );
-				fogGuis.Fog.add( fogs.Fog, "far", 1000., 5000 );
-
-				fogGuis.FogExp2.add( fogs.FogExp2, "density", 0., 0.005 );
-			}
-
-			function setFogType( type ) {
-
-				scene.fog = fogs[ type ];
-				
-				for (let fogGui of Object.values(fogGuis)) {
-
-					fogGui.close();
-
-				}
-
-				fogGuis[ type ].open();
-
-			}
-
-			function setFogColor( css_string ) {
-				document.body.style[ "background-color" ] = css_string;
-				scene.background.set( css_string );
-				
-				for (let fog of Object.values( fogs )) {
-
-					fog.color.set( css_string );
-
-				}
-			}
-
-			function onWindowResize() {
-
-				camera.aspect = window.innerWidth / window.innerHeight;
-				camera.updateProjectionMatrix();
-
-				renderer.setSize( window.innerWidth, window.innerHeight );
-
-			}
-
-			function generateHeight( width, height ) {
-
-				var size = width * height, data = new Uint8Array( size ),
-					perlin = new ImprovedNoise(), quality = 1, z = Math.random() * 100;
-
-				for ( var j = 0; j < 4; j ++ ) {
-
-					for ( var i = 0; i < size; i ++ ) {
-
-						var x = i % width, y = ~ ~ ( i / width );
-						data[ i ] += Math.abs( perlin.noise( x / quality, y / quality, z ) * quality * 1.75 );
-
-					}
-
-					quality *= 5;
-
-				}
-
-				return data;
-
-			}
-
-			function generateTexture( data, width, height ) {
-
-				var canvas, canvasScaled, context, image, imageData, vector3, sun, shade;
-
-				vector3 = new THREE.Vector3( 0, 0, 0 );
-
-				sun = new THREE.Vector3( 1, 1, 1 );
-				sun.normalize();
-
-				canvas = document.createElement( 'canvas' );
-				canvas.width = width;
-				canvas.height = height;
-
-				context = canvas.getContext( '2d' );
-				context.fillStyle = '#000';
-				context.fillRect( 0, 0, width, height );
-
-				image = context.getImageData( 0, 0, canvas.width, canvas.height );
-				imageData = image.data;
-
-				for ( var i = 0, j = 0, l = imageData.length; i < l; i += 4, j ++ ) {
-
-					vector3.x = data[ j - 2 ] - data[ j + 2 ];
-					vector3.y = 2;
-					vector3.z = data[ j - width * 2 ] - data[ j + width * 2 ];
-					vector3.normalize();
-
-					shade = vector3.dot( sun );
-
-					imageData[ i ] = ( 96 + shade * 128 ) * ( 0.5 + data[ j ] * 0.007 );
-					imageData[ i + 1 ] = ( 32 + shade * 96 ) * ( 0.5 + data[ j ] * 0.007 );
-					imageData[ i + 2 ] = ( shade * 96 ) * ( 0.5 + data[ j ] * 0.007 );
-
-				}
-
-				context.putImageData( image, 0, 0 );
-
-				// Scaled 4x
-
-				canvasScaled = document.createElement( 'canvas' );
-				canvasScaled.width = width * 4;
-				canvasScaled.height = height * 4;
-
-				context = canvasScaled.getContext( '2d' );
-				context.scale( 4, 4 );
-				context.drawImage( canvas, 0, 0 );
-
-				image = context.getImageData( 0, 0, canvasScaled.width, canvasScaled.height );
-				imageData = image.data;
-
-				for ( var i = 0, l = imageData.length; i < l; i += 4 ) {
-
-					var v = ~ ~ ( Math.random() * 5 );
-
-					imageData[ i ] += v;
-					imageData[ i + 1 ] += v;
-					imageData[ i + 2 ] += v;
-
-				}
-
-				context.putImageData( image, 0, 0 );
-
-				return canvasScaled;
-
-			}
-
-			//
-
-			function animate() {
-
-				requestAnimationFrame( animate );
-
-				render();
-				stats.update();
-
-			}
-
-
-			function render() {
-
-				renderer.render( scene, camera );
-
-			}
-
-		</script>
-
-	</body>
-</html>
diff --git a/examples/webgl_geometry_terrain_fog_types_lowp_test.html b/examples/webgl_geometry_terrain_fog_types_lowp_test.html
deleted file mode 100644
index 5d191c5b2a5daf..00000000000000
--- a/examples/webgl_geometry_terrain_fog_types_lowp_test.html
+++ /dev/null
@@ -1,282 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-	<head>
-		<title>three.js webgl - fog types</title>
-		<meta charset="utf-8">
-		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<link type="text/css" rel="stylesheet" href="main.css">
-		<style>
-			body {
-				color: #61443e;
-				overflow: hidden;
-			}
-			div#info {
-				position: absolute;
-				top: 1vh;
-				z-index: 5;
-			}
-			div#container {
-				position: absolute;
-				top: 0;
-				left: 0;
-				width: 100vw;
-				height: 100vh;
-			}
-			a {
-				color: #a06851;
-			}
-		</style>
-	</head>
-	<body>
-
-		<div id="container"></div>
-		<div id="info"><a href="http://threejs.org" target="_blank" rel="noopener">three.js</a> - webgl terrain + fog types<br /></div>
-
-		<script type="module">
-
-			import * as THREE from '../build/three.module.js';
-
-			import Stats from './jsm/libs/stats.module.js';
-			import { GUI } from './jsm/libs/dat.gui.module.js';
-
-			import { ImprovedNoise } from './jsm/math/ImprovedNoise.js';
-
-			var container, stats;
-
-			var camera, scene, renderer;
-
-			var mesh, texture;
-
-			var worldWidth = 256, worldDepth = 256;
-			var worldHalfWidth = worldWidth / 2;
-			var worldHalfDepth = worldDepth / 2;
-
-			var clock = new THREE.Clock();
-
-			var fogs, fogGuis;
-
-			var params = {
-				"Fog type": "DensityFog",
-				"Fog color": "#efd1b5",
-			}
-
-			init();
-			animate();
-
-			function init() {
-
-				container = document.getElementById( 'container' );
-
-				camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 1, 10000 );
-
-				scene = new THREE.Scene();
-				scene.background = new THREE.Color();
-
-				fogs = {
-					"RangeFog": new THREE.RangeFog(),
-					"DensityFog": new THREE.DensityFog(),
-				}
-				
-				setFogColor( params[ "Fog color" ] );
-
-				var data = generateHeight( worldWidth, worldDepth );
-
-				camera.position.y = data[ worldHalfWidth + worldHalfDepth * worldWidth ] * 10 + 500;
-
-				var geometry = new THREE.PlaneBufferGeometry( 7500, 7500, worldWidth - 1, worldDepth - 1 );
-				geometry.rotateX( - Math.PI / 2 );
-
-				var vertices = geometry.attributes.position.array;
-
-				for ( var i = 0, j = 0, l = vertices.length; i < l; i ++, j += 3 ) {
-
-					vertices[ j + 1 ] = data[ i ] * 10;
-
-				}
-
-				texture = new THREE.CanvasTexture( generateTexture( data, worldWidth, worldDepth ) );
-				texture.wrapS = THREE.ClampToEdgeWrapping;
-				texture.wrapT = THREE.ClampToEdgeWrapping;
-
-				mesh = new THREE.Mesh( geometry, new THREE.MeshBasicMaterial( { map: texture } ) );
-				scene.add( mesh );
-
-				renderer = new THREE.WebGLRenderer( { precision: "lowp" } );
-				renderer.setPixelRatio( window.devicePixelRatio );
-				renderer.setSize( window.innerWidth, window.innerHeight );
-				container.appendChild( renderer.domElement );
-
-				stats = new Stats();
-				container.appendChild( stats.dom );
-
-
-				//
-
-				window.addEventListener( 'resize', onWindowResize, false );
-				
-				//
-				
-				var gui = new GUI();
-				
-				gui.add( params, "Fog type", Object.keys( fogs ) ).onChange( setFogType );
-				
-				gui.addColor( params, "Fog color" ).onChange( setFogColor );
-				
-				fogGuis = {
-					"RangeFog": gui.addFolder( "RangeFog" ),
-					"DensityFog": gui.addFolder( "DensityFog" )
-				}
-				
-				setFogType( params[ "Fog type" ] );
-				
-				fogGuis.RangeFog.add( fogs.RangeFog, "near", 0., 1000 );
-				fogGuis.RangeFog.add( fogs.RangeFog, "far", 1000., 5000 );
-
-				fogGuis.DensityFog.add( fogs.DensityFog, "density", 0., 0.005 );
-				fogGuis.DensityFog.add( fogs.DensityFog, "squared" );
-			}
-
-			function setFogType( type ) {
-
-				scene.fog = fogs[ type ];
-				
-				for (let fogGui of Object.values(fogGuis)) {
-
-					fogGui.close();
-
-				}
-
-				fogGuis[ type ].open();
-
-			}
-
-			function setFogColor( css_string ) {
-				document.body.style[ "background-color" ] = css_string;
-				scene.background.set( css_string );
-				
-				for (let fog of Object.values( fogs )) {
-
-					fog.color.set( css_string );
-
-				}
-			}
-
-			function onWindowResize() {
-
-				camera.aspect = window.innerWidth / window.innerHeight;
-				camera.updateProjectionMatrix();
-
-				renderer.setSize( window.innerWidth, window.innerHeight );
-
-			}
-
-			function generateHeight( width, height ) {
-
-				var size = width * height, data = new Uint8Array( size ),
-					perlin = new ImprovedNoise(), quality = 1, z = Math.random() * 100;
-
-				for ( var j = 0; j < 4; j ++ ) {
-
-					for ( var i = 0; i < size; i ++ ) {
-
-						var x = i % width, y = ~ ~ ( i / width );
-						data[ i ] += Math.abs( perlin.noise( x / quality, y / quality, z ) * quality * 1.75 );
-
-					}
-
-					quality *= 5;
-
-				}
-
-				return data;
-
-			}
-
-			function generateTexture( data, width, height ) {
-
-				var canvas, canvasScaled, context, image, imageData, vector3, sun, shade;
-
-				vector3 = new THREE.Vector3( 0, 0, 0 );
-
-				sun = new THREE.Vector3( 1, 1, 1 );
-				sun.normalize();
-
-				canvas = document.createElement( 'canvas' );
-				canvas.width = width;
-				canvas.height = height;
-
-				context = canvas.getContext( '2d' );
-				context.fillStyle = '#000';
-				context.fillRect( 0, 0, width, height );
-
-				image = context.getImageData( 0, 0, canvas.width, canvas.height );
-				imageData = image.data;
-
-				for ( var i = 0, j = 0, l = imageData.length; i < l; i += 4, j ++ ) {
-
-					vector3.x = data[ j - 2 ] - data[ j + 2 ];
-					vector3.y = 2;
-					vector3.z = data[ j - width * 2 ] - data[ j + width * 2 ];
-					vector3.normalize();
-
-					shade = vector3.dot( sun );
-
-					imageData[ i ] = ( 96 + shade * 128 ) * ( 0.5 + data[ j ] * 0.007 );
-					imageData[ i + 1 ] = ( 32 + shade * 96 ) * ( 0.5 + data[ j ] * 0.007 );
-					imageData[ i + 2 ] = ( shade * 96 ) * ( 0.5 + data[ j ] * 0.007 );
-
-				}
-
-				context.putImageData( image, 0, 0 );
-
-				// Scaled 4x
-
-				canvasScaled = document.createElement( 'canvas' );
-				canvasScaled.width = width * 4;
-				canvasScaled.height = height * 4;
-
-				context = canvasScaled.getContext( '2d' );
-				context.scale( 4, 4 );
-				context.drawImage( canvas, 0, 0 );
-
-				image = context.getImageData( 0, 0, canvasScaled.width, canvasScaled.height );
-				imageData = image.data;
-
-				for ( var i = 0, l = imageData.length; i < l; i += 4 ) {
-
-					var v = ~ ~ ( Math.random() * 5 );
-
-					imageData[ i ] += v;
-					imageData[ i + 1 ] += v;
-					imageData[ i + 2 ] += v;
-
-				}
-
-				context.putImageData( image, 0, 0 );
-
-				return canvasScaled;
-
-			}
-
-			//
-
-			function animate() {
-
-				requestAnimationFrame( animate );
-
-				render();
-				stats.update();
-
-			}
-
-
-			function render() {
-
-				renderer.render( scene, camera );
-
-			}
-
-		</script>
-
-	</body>
-</html>
diff --git a/examples/webgl_geometry_terrain_fog_types_mediump_test.html b/examples/webgl_geometry_terrain_fog_types_mediump_test.html
deleted file mode 100644
index ed6e686b3af6db..00000000000000
--- a/examples/webgl_geometry_terrain_fog_types_mediump_test.html
+++ /dev/null
@@ -1,282 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-	<head>
-		<title>three.js webgl - fog types</title>
-		<meta charset="utf-8">
-		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<link type="text/css" rel="stylesheet" href="main.css">
-		<style>
-			body {
-				color: #61443e;
-				overflow: hidden;
-			}
-			div#info {
-				position: absolute;
-				top: 1vh;
-				z-index: 5;
-			}
-			div#container {
-				position: absolute;
-				top: 0;
-				left: 0;
-				width: 100vw;
-				height: 100vh;
-			}
-			a {
-				color: #a06851;
-			}
-		</style>
-	</head>
-	<body>
-
-		<div id="container"></div>
-		<div id="info"><a href="http://threejs.org" target="_blank" rel="noopener">three.js</a> - webgl terrain + fog types<br /></div>
-
-		<script type="module">
-
-			import * as THREE from '../build/three.module.js';
-
-			import Stats from './jsm/libs/stats.module.js';
-			import { GUI } from './jsm/libs/dat.gui.module.js';
-
-			import { ImprovedNoise } from './jsm/math/ImprovedNoise.js';
-
-			var container, stats;
-
-			var camera, scene, renderer;
-
-			var mesh, texture;
-
-			var worldWidth = 256, worldDepth = 256;
-			var worldHalfWidth = worldWidth / 2;
-			var worldHalfDepth = worldDepth / 2;
-
-			var clock = new THREE.Clock();
-
-			var fogs, fogGuis;
-
-			var params = {
-				"Fog type": "DensityFog",
-				"Fog color": "#efd1b5",
-			}
-
-			init();
-			animate();
-
-			function init() {
-
-				container = document.getElementById( 'container' );
-
-				camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 1, 10000 );
-
-				scene = new THREE.Scene();
-				scene.background = new THREE.Color();
-
-				fogs = {
-					"RangeFog": new THREE.RangeFog(),
-					"DensityFog": new THREE.DensityFog(),
-				}
-				
-				setFogColor( params[ "Fog color" ] );
-
-				var data = generateHeight( worldWidth, worldDepth );
-
-				camera.position.y = data[ worldHalfWidth + worldHalfDepth * worldWidth ] * 10 + 500;
-
-				var geometry = new THREE.PlaneBufferGeometry( 7500, 7500, worldWidth - 1, worldDepth - 1 );
-				geometry.rotateX( - Math.PI / 2 );
-
-				var vertices = geometry.attributes.position.array;
-
-				for ( var i = 0, j = 0, l = vertices.length; i < l; i ++, j += 3 ) {
-
-					vertices[ j + 1 ] = data[ i ] * 10;
-
-				}
-
-				texture = new THREE.CanvasTexture( generateTexture( data, worldWidth, worldDepth ) );
-				texture.wrapS = THREE.ClampToEdgeWrapping;
-				texture.wrapT = THREE.ClampToEdgeWrapping;
-
-				mesh = new THREE.Mesh( geometry, new THREE.MeshBasicMaterial( { map: texture } ) );
-				scene.add( mesh );
-
-				renderer = new THREE.WebGLRenderer( { precision: "mediump" } );
-				renderer.setPixelRatio( window.devicePixelRatio );
-				renderer.setSize( window.innerWidth, window.innerHeight );
-				container.appendChild( renderer.domElement );
-
-				stats = new Stats();
-				container.appendChild( stats.dom );
-
-
-				//
-
-				window.addEventListener( 'resize', onWindowResize, false );
-				
-				//
-				
-				var gui = new GUI();
-				
-				gui.add( params, "Fog type", Object.keys( fogs ) ).onChange( setFogType );
-				
-				gui.addColor( params, "Fog color" ).onChange( setFogColor );
-				
-				fogGuis = {
-					"RangeFog": gui.addFolder( "RangeFog" ),
-					"DensityFog": gui.addFolder( "DensityFog" )
-				}
-				
-				setFogType( params[ "Fog type" ] );
-				
-				fogGuis.RangeFog.add( fogs.RangeFog, "near", 0., 1000 );
-				fogGuis.RangeFog.add( fogs.RangeFog, "far", 1000., 5000 );
-
-				fogGuis.DensityFog.add( fogs.DensityFog, "density", 0., 0.005 );
-				fogGuis.DensityFog.add( fogs.DensityFog, "squared" );
-			}
-
-			function setFogType( type ) {
-
-				scene.fog = fogs[ type ];
-				
-				for (let fogGui of Object.values(fogGuis)) {
-
-					fogGui.close();
-
-				}
-
-				fogGuis[ type ].open();
-
-			}
-
-			function setFogColor( css_string ) {
-				document.body.style[ "background-color" ] = css_string;
-				scene.background.set( css_string );
-				
-				for (let fog of Object.values( fogs )) {
-
-					fog.color.set( css_string );
-
-				}
-			}
-
-			function onWindowResize() {
-
-				camera.aspect = window.innerWidth / window.innerHeight;
-				camera.updateProjectionMatrix();
-
-				renderer.setSize( window.innerWidth, window.innerHeight );
-
-			}
-
-			function generateHeight( width, height ) {
-
-				var size = width * height, data = new Uint8Array( size ),
-					perlin = new ImprovedNoise(), quality = 1, z = Math.random() * 100;
-
-				for ( var j = 0; j < 4; j ++ ) {
-
-					for ( var i = 0; i < size; i ++ ) {
-
-						var x = i % width, y = ~ ~ ( i / width );
-						data[ i ] += Math.abs( perlin.noise( x / quality, y / quality, z ) * quality * 1.75 );
-
-					}
-
-					quality *= 5;
-
-				}
-
-				return data;
-
-			}
-
-			function generateTexture( data, width, height ) {
-
-				var canvas, canvasScaled, context, image, imageData, vector3, sun, shade;
-
-				vector3 = new THREE.Vector3( 0, 0, 0 );
-
-				sun = new THREE.Vector3( 1, 1, 1 );
-				sun.normalize();
-
-				canvas = document.createElement( 'canvas' );
-				canvas.width = width;
-				canvas.height = height;
-
-				context = canvas.getContext( '2d' );
-				context.fillStyle = '#000';
-				context.fillRect( 0, 0, width, height );
-
-				image = context.getImageData( 0, 0, canvas.width, canvas.height );
-				imageData = image.data;
-
-				for ( var i = 0, j = 0, l = imageData.length; i < l; i += 4, j ++ ) {
-
-					vector3.x = data[ j - 2 ] - data[ j + 2 ];
-					vector3.y = 2;
-					vector3.z = data[ j - width * 2 ] - data[ j + width * 2 ];
-					vector3.normalize();
-
-					shade = vector3.dot( sun );
-
-					imageData[ i ] = ( 96 + shade * 128 ) * ( 0.5 + data[ j ] * 0.007 );
-					imageData[ i + 1 ] = ( 32 + shade * 96 ) * ( 0.5 + data[ j ] * 0.007 );
-					imageData[ i + 2 ] = ( shade * 96 ) * ( 0.5 + data[ j ] * 0.007 );
-
-				}
-
-				context.putImageData( image, 0, 0 );
-
-				// Scaled 4x
-
-				canvasScaled = document.createElement( 'canvas' );
-				canvasScaled.width = width * 4;
-				canvasScaled.height = height * 4;
-
-				context = canvasScaled.getContext( '2d' );
-				context.scale( 4, 4 );
-				context.drawImage( canvas, 0, 0 );
-
-				image = context.getImageData( 0, 0, canvasScaled.width, canvasScaled.height );
-				imageData = image.data;
-
-				for ( var i = 0, l = imageData.length; i < l; i += 4 ) {
-
-					var v = ~ ~ ( Math.random() * 5 );
-
-					imageData[ i ] += v;
-					imageData[ i + 1 ] += v;
-					imageData[ i + 2 ] += v;
-
-				}
-
-				context.putImageData( image, 0, 0 );
-
-				return canvasScaled;
-
-			}
-
-			//
-
-			function animate() {
-
-				requestAnimationFrame( animate );
-
-				render();
-				stats.update();
-
-			}
-
-
-			function render() {
-
-				renderer.render( scene, camera );
-
-			}
-
-		</script>
-
-	</body>
-</html>
