super-three 0.147.1 → 0.152.0

package/examples/js/utils/LDrawUtils.js

@@ -1,179 +0,0 @@
-( function () {
-
-	class LDrawUtils {
-
-		static mergeObject( object ) {
-
-			// Merges geometries in object by materials and returns new object. Use on not indexed geometries.
-			// The object buffers reference the old object ones.
-			// Special treatment is done to the conditional lines generated by LDrawLoader.
-
-			function extractGroup( geometry, group, elementSize, isConditionalLine ) {
-
-				// Extracts a group from a geometry as a new geometry (with attribute buffers referencing original buffers)
-
-				const newGeometry = new THREE.BufferGeometry();
-				const originalPositions = geometry.getAttribute( 'position' ).array;
-				const originalNormals = elementSize === 3 ? geometry.getAttribute( 'normal' ).array : null;
-				const numVertsGroup = Math.min( group.count, Math.floor( originalPositions.length / 3 ) - group.start );
-				const vertStart = group.start * 3;
-				const vertEnd = ( group.start + numVertsGroup ) * 3;
-				const positions = originalPositions.subarray( vertStart, vertEnd );
-				const normals = originalNormals !== null ? originalNormals.subarray( vertStart, vertEnd ) : null;
-				newGeometry.setAttribute( 'position', new THREE.BufferAttribute( positions, 3 ) );
-				if ( normals !== null ) newGeometry.setAttribute( 'normal', new THREE.BufferAttribute( normals, 3 ) );
-				if ( isConditionalLine ) {
-
-					const controlArray0 = geometry.getAttribute( 'control0' ).array.subarray( vertStart, vertEnd );
-					const controlArray1 = geometry.getAttribute( 'control1' ).array.subarray( vertStart, vertEnd );
-					const directionArray = geometry.getAttribute( 'direction' ).array.subarray( vertStart, vertEnd );
-					newGeometry.setAttribute( 'control0', new THREE.BufferAttribute( controlArray0, 3, false ) );
-					newGeometry.setAttribute( 'control1', new THREE.BufferAttribute( controlArray1, 3, false ) );
-					newGeometry.setAttribute( 'direction', new THREE.BufferAttribute( directionArray, 3, false ) );
-
-				}
-
-				return newGeometry;
-
-			}
-
-			function addGeometry( mat, geometry, geometries ) {
-
-				const geoms = geometries[ mat.uuid ];
-				if ( ! geoms ) {
-
-					geometries[ mat.uuid ] = {
-						mat: mat,
-						arr: [ geometry ]
-					};
-
-				} else {
-
-					geoms.arr.push( geometry );
-
-				}
-
-			}
-
-			function permuteAttribute( attribute, elemSize ) {
-
-				// Permutes first two vertices of each attribute element
-
-				if ( ! attribute ) return;
-				const verts = attribute.array;
-				const numVerts = Math.floor( verts.length / 3 );
-				let offset = 0;
-				for ( let i = 0; i < numVerts; i ++ ) {
-
-					const x = verts[ offset ];
-					const y = verts[ offset + 1 ];
-					const z = verts[ offset + 2 ];
-					verts[ offset ] = verts[ offset + 3 ];
-					verts[ offset + 1 ] = verts[ offset + 4 ];
-					verts[ offset + 2 ] = verts[ offset + 5 ];
-					verts[ offset + 3 ] = x;
-					verts[ offset + 4 ] = y;
-					verts[ offset + 5 ] = z;
-					offset += elemSize * 3;
-
-				}
-
-			}
-
-			// Traverse the object hierarchy collecting geometries and transforming them to world space
-
-			const meshGeometries = {};
-			const linesGeometries = {};
-			const condLinesGeometries = {};
-			object.updateMatrixWorld( true );
-			const normalMatrix = new THREE.Matrix3();
-			object.traverse( c => {
-
-				if ( c.isMesh | c.isLineSegments ) {
-
-					const elemSize = c.isMesh ? 3 : 2;
-					const geometry = c.geometry.clone();
-					const matrixIsInverted = c.matrixWorld.determinant() < 0;
-					if ( matrixIsInverted ) {
-
-						permuteAttribute( geometry.attributes.position, elemSize );
-						permuteAttribute( geometry.attributes.normal, elemSize );
-
-					}
-
-					geometry.applyMatrix4( c.matrixWorld );
-					if ( c.isConditionalLine ) {
-
-						geometry.attributes.control0.applyMatrix4( c.matrixWorld );
-						geometry.attributes.control1.applyMatrix4( c.matrixWorld );
-						normalMatrix.getNormalMatrix( c.matrixWorld );
-						geometry.attributes.direction.applyNormalMatrix( normalMatrix );
-
-					}
-
-					const geometries = c.isMesh ? meshGeometries : c.isConditionalLine ? condLinesGeometries : linesGeometries;
-					if ( Array.isArray( c.material ) ) {
-
-						for ( const groupIndex in geometry.groups ) {
-
-							const group = geometry.groups[ groupIndex ];
-							const mat = c.material[ group.materialIndex ];
-							const newGeometry = extractGroup( geometry, group, elemSize, c.isConditionalLine );
-							addGeometry( mat, newGeometry, geometries );
-
-						}
-
-					} else {
-
-						addGeometry( c.material, geometry, geometries );
-
-					}
-
-				}
-
-			} );
-
-			// Create object with merged geometries
-
-			const mergedObject = new THREE.Group();
-			const meshMaterialsIds = Object.keys( meshGeometries );
-			for ( const meshMaterialsId of meshMaterialsIds ) {
-
-				const meshGeometry = meshGeometries[ meshMaterialsId ];
-				const mergedGeometry = THREE.mergeBufferGeometries( meshGeometry.arr );
-				mergedObject.add( new THREE.Mesh( mergedGeometry, meshGeometry.mat ) );
-
-			}
-
-			const linesMaterialsIds = Object.keys( linesGeometries );
-			for ( const linesMaterialsId of linesMaterialsIds ) {
-
-				const lineGeometry = linesGeometries[ linesMaterialsId ];
-				const mergedGeometry = THREE.mergeBufferGeometries( lineGeometry.arr );
-				mergedObject.add( new THREE.LineSegments( mergedGeometry, lineGeometry.mat ) );
-
-			}
-
-			const condLinesMaterialsIds = Object.keys( condLinesGeometries );
-			for ( const condLinesMaterialsId of condLinesMaterialsIds ) {
-
-				const condLineGeometry = condLinesGeometries[ condLinesMaterialsId ];
-				const mergedGeometry = THREE.mergeBufferGeometries( condLineGeometry.arr );
-				const condLines = new THREE.LineSegments( mergedGeometry, condLineGeometry.mat );
-				condLines.isConditionalLine = true;
-				mergedObject.add( condLines );
-
-			}
-
-			mergedObject.userData.constructionStep = 0;
-			mergedObject.userData.numConstructionSteps = 1;
-			return mergedObject;
-
-		}
-
-	}
-
-	THREE.LDrawUtils = {};
-	THREE.LDrawUtils.LDrawUtils = LDrawUtils;
-
-} )();

package/examples/js/utils/PackedPhongMaterial.js

@@ -1,109 +0,0 @@
-( function () {
-
-	/**
- * `PackedPhongMaterial` inherited from THREE.MeshPhongMaterial
- *
- * @param {Object} parameters
- */
-	class PackedPhongMaterial extends THREE.MeshPhongMaterial {
-
-		constructor( parameters ) {
-
-			super();
-			this.defines = {};
-			this.type = 'PackedPhongMaterial';
-			this.uniforms = THREE.UniformsUtils.merge( [ THREE.ShaderLib.phong.uniforms, {
-				quantizeMatPos: {
-					value: null
-				},
-				quantizeMatUV: {
-					value: null
-				}
-			} ] );
-			this.vertexShader = [ '#define PHONG', 'varying vec3 vViewPosition;', THREE.ShaderChunk.common, THREE.ShaderChunk.uv_pars_vertex, THREE.ShaderChunk.uv2_pars_vertex, THREE.ShaderChunk.displacementmap_pars_vertex, THREE.ShaderChunk.envmap_pars_vertex, THREE.ShaderChunk.color_pars_vertex, THREE.ShaderChunk.fog_pars_vertex, THREE.ShaderChunk.normal_pars_vertex, THREE.ShaderChunk.morphtarget_pars_vertex, THREE.ShaderChunk.skinning_pars_vertex, THREE.ShaderChunk.shadowmap_pars_vertex, THREE.ShaderChunk.logdepthbuf_pars_vertex, THREE.ShaderChunk.clipping_planes_pars_vertex, `#ifdef USE_PACKED_NORMAL
-					#if USE_PACKED_NORMAL == 0
-						vec3 decodeNormal(vec3 packedNormal)
-						{
-							float x = packedNormal.x * 2.0 - 1.0;
-							float y = packedNormal.y * 2.0 - 1.0;
-							vec2 scth = vec2(sin(x * PI), cos(x * PI));
-							vec2 scphi = vec2(sqrt(1.0 - y * y), y);
-							return normalize( vec3(scth.y * scphi.x, scth.x * scphi.x, scphi.y) );
-						}
-					#endif
-
-					#if USE_PACKED_NORMAL == 1
-						vec3 decodeNormal(vec3 packedNormal)
-						{
-							vec3 v = vec3(packedNormal.xy, 1.0 - abs(packedNormal.x) - abs(packedNormal.y));
-							if (v.z < 0.0)
-							{
-								v.xy = (1.0 - abs(v.yx)) * vec2((v.x >= 0.0) ? +1.0 : -1.0, (v.y >= 0.0) ? +1.0 : -1.0);
-							}
-							return normalize(v);
-						}
-					#endif
-
-					#if USE_PACKED_NORMAL == 2
-						vec3 decodeNormal(vec3 packedNormal)
-						{
-							vec3 v = (packedNormal * 2.0) - 1.0;
-							return normalize(v);
-						}
-					#endif
-				#endif`, `#ifdef USE_PACKED_POSITION
-					#if USE_PACKED_POSITION == 0
-						uniform mat4 quantizeMatPos;
-					#endif
-				#endif`, `#ifdef USE_PACKED_UV
-					#if USE_PACKED_UV == 1
-						uniform mat3 quantizeMatUV;
-					#endif
-				#endif`, `#ifdef USE_PACKED_UV
-					#if USE_PACKED_UV == 0
-						vec2 decodeUV(vec2 packedUV)
-						{
-							vec2 uv = (packedUV * 2.0) - 1.0;
-							return uv;
-						}
-					#endif
-
-					#if USE_PACKED_UV == 1
-						vec2 decodeUV(vec2 packedUV)
-						{
-							vec2 uv = ( vec3(packedUV, 1.0) * quantizeMatUV ).xy;
-							return uv;
-						}
-					#endif
-				#endif`, 'void main() {', THREE.ShaderChunk.uv_vertex, `#ifdef USE_UV
-					#ifdef USE_PACKED_UV
-						vUv = decodeUV(vUv);
-					#endif
-				#endif`, THREE.ShaderChunk.uv2_vertex, THREE.ShaderChunk.color_vertex, THREE.ShaderChunk.beginnormal_vertex, `#ifdef USE_PACKED_NORMAL
-					objectNormal = decodeNormal(objectNormal);
-				#endif
-
-				#ifdef USE_TANGENT
-					vec3 objectTangent = vec3( tangent.xyz );
-				#endif
-				`, THREE.ShaderChunk.morphnormal_vertex, THREE.ShaderChunk.skinbase_vertex, THREE.ShaderChunk.skinnormal_vertex, THREE.ShaderChunk.defaultnormal_vertex, THREE.ShaderChunk.normal_vertex, THREE.ShaderChunk.begin_vertex, `#ifdef USE_PACKED_POSITION
-					#if USE_PACKED_POSITION == 0
-						transformed = ( vec4(transformed, 1.0) * quantizeMatPos ).xyz;
-					#endif
-				#endif`, THREE.ShaderChunk.morphtarget_vertex, THREE.ShaderChunk.skinning_vertex, THREE.ShaderChunk.displacementmap_vertex, THREE.ShaderChunk.project_vertex, THREE.ShaderChunk.logdepthbuf_vertex, THREE.ShaderChunk.clipping_planes_vertex, 'vViewPosition = - mvPosition.xyz;', THREE.ShaderChunk.worldpos_vertex, THREE.ShaderChunk.envmap_vertex, THREE.ShaderChunk.shadowmap_vertex, THREE.ShaderChunk.fog_vertex, '}' ].join( '\n' );
-
-			// Use the original THREE.MeshPhongMaterial's fragmentShader.
-			this.fragmentShader = [ '#define PHONG', 'uniform vec3 diffuse;', 'uniform vec3 emissive;', 'uniform vec3 specular;', 'uniform float shininess;', 'uniform float opacity;', THREE.ShaderChunk.common, THREE.ShaderChunk.packing, THREE.ShaderChunk.dithering_pars_fragment, THREE.ShaderChunk.color_pars_fragment, THREE.ShaderChunk.uv_pars_fragment, THREE.ShaderChunk.uv2_pars_fragment, THREE.ShaderChunk.map_pars_fragment, THREE.ShaderChunk.alphamap_pars_fragment, THREE.ShaderChunk.aomap_pars_fragment, THREE.ShaderChunk.lightmap_pars_fragment, THREE.ShaderChunk.emissivemap_pars_fragment, THREE.ShaderChunk.envmap_common_pars_fragment, THREE.ShaderChunk.envmap_pars_fragment, THREE.ShaderChunk.fog_pars_fragment, THREE.ShaderChunk.bsdfs, THREE.ShaderChunk.lights_pars_begin, THREE.ShaderChunk.normal_pars_fragment, THREE.ShaderChunk.lights_phong_pars_fragment, THREE.ShaderChunk.shadowmap_pars_fragment, THREE.ShaderChunk.bumpmap_pars_fragment, THREE.ShaderChunk.normalmap_pars_fragment, THREE.ShaderChunk.specularmap_pars_fragment, THREE.ShaderChunk.logdepthbuf_pars_fragment, THREE.ShaderChunk.clipping_planes_pars_fragment, 'void main() {', THREE.ShaderChunk.clipping_planes_fragment, 'vec4 diffuseColor = vec4( diffuse, opacity );', 'ReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );', 'vec3 totalEmissiveRadiance = emissive;', THREE.ShaderChunk.logdepthbuf_fragment, THREE.ShaderChunk.map_fragment, THREE.ShaderChunk.color_fragment, THREE.ShaderChunk.alphamap_fragment, THREE.ShaderChunk.alphatest_fragment, THREE.ShaderChunk.specularmap_fragment, THREE.ShaderChunk.normal_fragment_begin, THREE.ShaderChunk.normal_fragment_maps, THREE.ShaderChunk.emissivemap_fragment,
-				// accumulation
-				THREE.ShaderChunk.lights_phong_fragment, THREE.ShaderChunk.lights_fragment_begin, THREE.ShaderChunk.lights_fragment_maps, THREE.ShaderChunk.lights_fragment_end,
-				// modulation
-				THREE.ShaderChunk.aomap_fragment, 'vec3 outgoingLight = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse + reflectedLight.directSpecular + reflectedLight.indirectSpecular + totalEmissiveRadiance;', THREE.ShaderChunk.envmap_fragment, 'gl_FragColor = vec4( outgoingLight, diffuseColor.a );', THREE.ShaderChunk.tonemapping_fragment, THREE.ShaderChunk.encodings_fragment, THREE.ShaderChunk.fog_fragment, THREE.ShaderChunk.premultiplied_alpha_fragment, THREE.ShaderChunk.dithering_fragment, '}' ].join( '\n' );
-			this.setValues( parameters );
-
-		}
-
-	}
-
-	THREE.PackedPhongMaterial = PackedPhongMaterial;
-
-} )();

package/examples/js/utils/SceneUtils.js

@@ -1,214 +0,0 @@
-( function () {
-
-	const _color = /*@__PURE__*/new THREE.Color();
-	const _matrix = /*@__PURE__*/new THREE.Matrix4();
-	function createMeshesFromInstancedMesh( instancedMesh ) {
-
-		const group = new THREE.Group();
-		const count = instancedMesh.count;
-		const geometry = instancedMesh.geometry;
-		const material = instancedMesh.material;
-		for ( let i = 0; i < count; i ++ ) {
-
-			const mesh = new THREE.Mesh( geometry, material );
-			instancedMesh.getMatrixAt( i, mesh.matrix );
-			mesh.matrix.decompose( mesh.position, mesh.quaternion, mesh.scale );
-			group.add( mesh );
-
-		}
-
-		group.copy( instancedMesh );
-		group.updateMatrixWorld(); // ensure correct world matrices of meshes
-
-		return group;
-
-	}
-
-	function createMeshesFromMultiMaterialMesh( mesh ) {
-
-		if ( Array.isArray( mesh.material ) === false ) {
-
-			console.warn( 'THREE.SceneUtils.createMeshesFromMultiMaterialMesh(): The given mesh has no multiple materials.' );
-			return mesh;
-
-		}
-
-		const object = new THREE.Group();
-		object.copy( mesh );
-
-		// merge groups (which automatically sorts them)
-
-		const geometry = THREE.mergeGroups( mesh.geometry );
-		const index = geometry.index;
-		const groups = geometry.groups;
-		const attributeNames = Object.keys( geometry.attributes );
-
-		// create a mesh for each group by extracting the buffer data into a new geometry
-
-		for ( let i = 0; i < groups.length; i ++ ) {
-
-			const group = groups[ i ];
-			const start = group.start;
-			const end = start + group.count;
-			const newGeometry = new THREE.BufferGeometry();
-			const newMaterial = mesh.material[ group.materialIndex ];
-
-			// process all buffer attributes
-
-			for ( let j = 0; j < attributeNames.length; j ++ ) {
-
-				const name = attributeNames[ j ];
-				const attribute = geometry.attributes[ name ];
-				const itemSize = attribute.itemSize;
-				const newLength = group.count * itemSize;
-				const type = attribute.array.constructor;
-				const newArray = new type( newLength );
-				const newAttribute = new THREE.BufferAttribute( newArray, itemSize );
-				for ( let k = start, n = 0; k < end; k ++, n ++ ) {
-
-					const ind = index.getX( k );
-					if ( itemSize >= 1 ) newAttribute.setX( n, attribute.getX( ind ) );
-					if ( itemSize >= 2 ) newAttribute.setY( n, attribute.getY( ind ) );
-					if ( itemSize >= 3 ) newAttribute.setZ( n, attribute.getZ( ind ) );
-					if ( itemSize >= 4 ) newAttribute.setW( n, attribute.getW( ind ) );
-
-				}
-
-				newGeometry.setAttribute( name, newAttribute );
-
-			}
-
-			const newMesh = new THREE.Mesh( newGeometry, newMaterial );
-			object.add( newMesh );
-
-		}
-
-		return object;
-
-	}
-
-	function createMultiMaterialObject( geometry, materials ) {
-
-		const group = new THREE.Group();
-		for ( let i = 0, l = materials.length; i < l; i ++ ) {
-
-			group.add( new THREE.Mesh( geometry, materials[ i ] ) );
-
-		}
-
-		return group;
-
-	}
-
-	function reduceVertices( object, func, initialValue ) {
-
-		let value = initialValue;
-		const vertex = new THREE.Vector3();
-		object.updateWorldMatrix( true, true );
-		object.traverseVisible( child => {
-
-			const {
-				geometry
-			} = child;
-			if ( geometry !== undefined ) {
-
-				const {
-					position
-				} = geometry.attributes;
-				if ( position !== undefined ) {
-
-					for ( let i = 0, l = position.count; i < l; i ++ ) {
-
-						vertex.fromBufferAttribute( position, i );
-						if ( child.isSkinnedMesh ) {
-
-							child.boneTransform( i, vertex );
-
-						} else {
-
-							vertex.applyMatrix4( child.matrixWorld );
-
-						}
-
-						value = func( value, vertex );
-
-					}
-
-				}
-
-			}
-
-		} );
-		return value;
-
-	}
-
-	/**
- * @param {InstancedMesh}
- * @param {function(int, int):int}
- */
-	function sortInstancedMesh( mesh, compareFn ) {
-
-		// store copy of instanced attributes for lookups
-
-		const instanceMatrixRef = THREE.deepCloneAttribute( mesh.instanceMatrix );
-		const instanceColorRef = mesh.instanceColor ? THREE.deepCloneAttribute( mesh.instanceColor ) : null;
-		const attributeRefs = new Map();
-		for ( const name in mesh.geometry.attributes ) {
-
-			const attribute = mesh.geometry.attributes[ name ];
-			if ( attribute.isInstancedBufferAttribute ) {
-
-				attributeRefs.set( attribute, THREE.deepCloneAttribute( attribute ) );
-
-			}
-
-		}
-
-		// compute sort order
-
-		const tokens = [];
-		for ( let i = 0; i < mesh.count; i ++ ) tokens.push( i );
-		tokens.sort( compareFn );
-
-		// apply sort order
-
-		for ( let i = 0; i < tokens.length; i ++ ) {
-
-			const refIndex = tokens[ i ];
-			_matrix.fromArray( instanceMatrixRef.array, refIndex * mesh.instanceMatrix.itemSize );
-			_matrix.toArray( mesh.instanceMatrix.array, i * mesh.instanceMatrix.itemSize );
-			if ( mesh.instanceColor ) {
-
-				_color.fromArray( instanceColorRef.array, refIndex * mesh.instanceColor.itemSize );
-				_color.toArray( mesh.instanceColor.array, i * mesh.instanceColor.itemSize );
-
-			}
-
-			for ( const name in mesh.geometry.attributes ) {
-
-				const attribute = mesh.geometry.attributes[ name ];
-				if ( attribute.isInstancedBufferAttribute ) {
-
-					const attributeRef = attributeRefs.get( attribute );
-					attribute.setX( i, attributeRef.getX( refIndex ) );
-					if ( attribute.itemSize > 1 ) attribute.setY( i, attributeRef.getY( refIndex ) );
-					if ( attribute.itemSize > 2 ) attribute.setZ( i, attributeRef.getZ( refIndex ) );
-					if ( attribute.itemSize > 3 ) attribute.setW( i, attributeRef.getW( refIndex ) );
-
-				}
-
-			}
-
-		}
-
-	}
-
-	THREE.SceneUtils = {};
-	THREE.SceneUtils.createMeshesFromInstancedMesh = createMeshesFromInstancedMesh;
-	THREE.SceneUtils.createMeshesFromMultiMaterialMesh = createMeshesFromMultiMaterialMesh;
-	THREE.SceneUtils.createMultiMaterialObject = createMultiMaterialObject;
-	THREE.SceneUtils.reduceVertices = reduceVertices;
-	THREE.SceneUtils.sortInstancedMesh = sortInstancedMesh;
-
-} )();

package/examples/js/utils/ShadowMapViewer.js

@@ -1,183 +0,0 @@
-( function () {
-
-	/**
- * This is a helper for visualising a given light's shadow map.
- * It works for shadow casting lights: DirectionalLight and SpotLight.
- * It renders out the shadow map and displays it on a HUD.
- *
- * Example usage:
- *	1) Import ShadowMapViewer into your app.
- *
- *	2) Create a shadow casting light and name it optionally:
- *		let light = new DirectionalLight( 0xffffff, 1 );
- *		light.castShadow = true;
- *		light.name = 'Sun';
- *
- *	3) Create a shadow map viewer for that light and set its size and position optionally:
- *		let shadowMapViewer = new ShadowMapViewer( light );
- *		shadowMapViewer.size.set( 128, 128 );	//width, height  default: 256, 256
- *		shadowMapViewer.position.set( 10, 10 );	//x, y in pixel	 default: 0, 0 (top left corner)
- *
- *	4) Render the shadow map viewer in your render loop:
- *		shadowMapViewer.render( renderer );
- *
- *	5) Optionally: Update the shadow map viewer on window resize:
- *		shadowMapViewer.updateForWindowResize();
- *
- *	6) If you set the position or size members directly, you need to call shadowMapViewer.update();
- */
-
-	class ShadowMapViewer {
-
-		constructor( light ) {
-
-			//- Internals
-			const scope = this;
-			const doRenderLabel = light.name !== undefined && light.name !== '';
-			let userAutoClearSetting;
-
-			//Holds the initial position and dimension of the HUD
-			const frame = {
-				x: 10,
-				y: 10,
-				width: 256,
-				height: 256
-			};
-			const camera = new THREE.OrthographicCamera( window.innerWidth / - 2, window.innerWidth / 2, window.innerHeight / 2, window.innerHeight / - 2, 1, 10 );
-			camera.position.set( 0, 0, 2 );
-			const scene = new THREE.Scene();
-
-			//HUD for shadow map
-			const shader = THREE.UnpackDepthRGBAShader;
-			const uniforms = THREE.UniformsUtils.clone( shader.uniforms );
-			const material = new THREE.ShaderMaterial( {
-				uniforms: uniforms,
-				vertexShader: shader.vertexShader,
-				fragmentShader: shader.fragmentShader
-			} );
-			const plane = new THREE.PlaneGeometry( frame.width, frame.height );
-			const mesh = new THREE.Mesh( plane, material );
-			scene.add( mesh );
-
-			//Label for light's name
-			let labelCanvas, labelMesh;
-			if ( doRenderLabel ) {
-
-				labelCanvas = document.createElement( 'canvas' );
-				const context = labelCanvas.getContext( '2d' );
-				context.font = 'Bold 20px Arial';
-				const labelWidth = context.measureText( light.name ).width;
-				labelCanvas.width = labelWidth;
-				labelCanvas.height = 25; //25 to account for g, p, etc.
-
-				context.font = 'Bold 20px Arial';
-				context.fillStyle = 'rgba( 255, 0, 0, 1 )';
-				context.fillText( light.name, 0, 20 );
-				const labelTexture = new THREE.Texture( labelCanvas );
-				labelTexture.magFilter = THREE.LinearFilter;
-				labelTexture.minFilter = THREE.LinearFilter;
-				labelTexture.needsUpdate = true;
-				const labelMaterial = new THREE.MeshBasicMaterial( {
-					map: labelTexture,
-					side: THREE.DoubleSide
-				} );
-				labelMaterial.transparent = true;
-				const labelPlane = new THREE.PlaneGeometry( labelCanvas.width, labelCanvas.height );
-				labelMesh = new THREE.Mesh( labelPlane, labelMaterial );
-				scene.add( labelMesh );
-
-			}
-
-			function resetPosition() {
-
-				scope.position.set( scope.position.x, scope.position.y );
-
-			}
-
-			//- API
-			// Set to false to disable displaying this shadow map
-			this.enabled = true;
-
-			// Set the size of the displayed shadow map on the HUD
-			this.size = {
-				width: frame.width,
-				height: frame.height,
-				set: function ( width, height ) {
-
-					this.width = width;
-					this.height = height;
-					mesh.scale.set( this.width / frame.width, this.height / frame.height, 1 );
-
-					//Reset the position as it is off when we scale stuff
-					resetPosition();
-
-				}
-			};
-
-			// Set the position of the displayed shadow map on the HUD
-			this.position = {
-				x: frame.x,
-				y: frame.y,
-				set: function ( x, y ) {
-
-					this.x = x;
-					this.y = y;
-					const width = scope.size.width;
-					const height = scope.size.height;
-					mesh.position.set( - window.innerWidth / 2 + width / 2 + this.x, window.innerHeight / 2 - height / 2 - this.y, 0 );
-					if ( doRenderLabel ) labelMesh.position.set( mesh.position.x, mesh.position.y - scope.size.height / 2 + labelCanvas.height / 2, 0 );
-
-				}
-			};
-			this.render = function ( renderer ) {
-
-				if ( this.enabled ) {
-
-					//Because a light's .shadowMap is only initialised after the first render pass
-					//we have to make sure the correct map is sent into the shader, otherwise we
-					//always end up with the scene's first added shadow casting light's shadowMap
-					//in the shader
-					//See: https://github.com/mrdoob/three.js/issues/5932
-					uniforms.tDiffuse.value = light.shadow.map.texture;
-					userAutoClearSetting = renderer.autoClear;
-					renderer.autoClear = false; // To allow render overlay
-					renderer.clearDepth();
-					renderer.render( scene, camera );
-					renderer.autoClear = userAutoClearSetting; //Restore user's setting
-
-				}
-
-			};
-
-			this.updateForWindowResize = function () {
-
-				if ( this.enabled ) {
-
-					camera.left = window.innerWidth / - 2;
-					camera.right = window.innerWidth / 2;
-					camera.top = window.innerHeight / 2;
-					camera.bottom = window.innerHeight / - 2;
-					camera.updateProjectionMatrix();
-					this.update();
-
-				}
-
-			};
-
-			this.update = function () {
-
-				this.position.set( this.position.x, this.position.y );
-				this.size.set( this.size.width, this.size.height );
-
-			};
-
-			//Force an update to set position/size
-			this.update();
-
-		}
-
-	}
-
-	THREE.ShadowMapViewer = ShadowMapViewer;
-
-} )();