super-three 0.144.0 → 0.147.1

package/build/three.js

@@ -9,7 +9,7 @@
 	(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.THREE = {}));
 })(this, (function (exports) { 'use strict';
 
-	const REVISION = '144';
+	const REVISION = '147';
 	const MOUSE = {
 		LEFT: 0,
 		MIDDLE: 1,
@@ -998,49 +998,44 @@
 			const s = Math.sin(rotation);
 			this.set(sx * c, sx * s, -sx * (c * cx + s * cy) + cx + tx, -sy * s, sy * c, -sy * (-s * cx + c * cy) + cy + ty, 0, 0, 1);
 			return this;
-		}
+		} //
+
 
 		scale(sx, sy) {
-			const te = this.elements;
-			te[0] *= sx;
-			te[3] *= sx;
-			te[6] *= sx;
-			te[1] *= sy;
-			te[4] *= sy;
-			te[7] *= sy;
+			this.premultiply(_m3.makeScale(sx, sy));
 			return this;
 		}
 
 		rotate(theta) {
-			const c = Math.cos(theta);
-			const s = Math.sin(theta);
-			const te = this.elements;
-			const a11 = te[0],
-						a12 = te[3],
-						a13 = te[6];
-			const a21 = te[1],
-						a22 = te[4],
-						a23 = te[7];
-			te[0] = c * a11 + s * a21;
-			te[3] = c * a12 + s * a22;
-			te[6] = c * a13 + s * a23;
-			te[1] = -s * a11 + c * a21;
-			te[4] = -s * a12 + c * a22;
-			te[7] = -s * a13 + c * a23;
+			this.premultiply(_m3.makeRotation(-theta));
 			return this;
 		}
 
 		translate(tx, ty) {
-			const te = this.elements;
-			te[0] += tx * te[2];
-			te[3] += tx * te[5];
-			te[6] += tx * te[8];
-			te[1] += ty * te[2];
-			te[4] += ty * te[5];
-			te[7] += ty * te[8];
+			this.premultiply(_m3.makeTranslation(tx, ty));
+			return this;
+		} // for 2D Transforms
+
+
+		makeTranslation(x, y) {
+			this.set(1, 0, x, 0, 1, y, 0, 0, 1);
 			return this;
 		}
 
+		makeRotation(theta) {
+			// counterclockwise
+			const c = Math.cos(theta);
+			const s = Math.sin(theta);
+			this.set(c, -s, 0, s, c, 0, 0, 0, 1);
+			return this;
+		}
+
+		makeScale(x, y) {
+			this.set(x, 0, 0, 0, y, 0, 0, 0, 1);
+			return this;
+		} //
+
+
 		equals(matrix) {
 			const te = this.elements;
 			const me = matrix.elements;
@@ -1080,6 +1075,8 @@
 
 	}
 
+	const _m3 = /*@__PURE__*/new Matrix3();
+
 	function arrayNeedsUint32(array) {
 		// assumes larger values usually on last
 		for (let i = array.length - 1; i >= 0; --i) {
@@ -1309,7 +1306,7 @@
 		'yellow': 0xFFFF00,
 		'yellowgreen': 0x9ACD32
 	};
-	const _rgb = {
+	const _rgb$1 = {
 		r: 0,
 		g: 0,
 		b: 0
@@ -1384,7 +1381,7 @@
 			return this;
 		}
 
-		setRGB(r, g, b, colorSpace = LinearSRGBColorSpace) {
+		setRGB(r, g, b, colorSpace = ColorManagement.workingColorSpace) {
 			this.r = r;
 			this.g = g;
 			this.b = b;
@@ -1392,7 +1389,7 @@
 			return this;
 		}
 
-		setHSL(h, s, l, colorSpace = LinearSRGBColorSpace) {
+		setHSL(h, s, l, colorSpace = ColorManagement.workingColorSpace) {
 			// h,s,l ranges are in 0.0 - 1.0
 			h = euclideanModulo(h, 1);
 			s = clamp(s, 0, 1);
@@ -1547,20 +1544,20 @@
 		}
 
 		getHex(colorSpace = SRGBColorSpace) {
-			ColorManagement.fromWorkingColorSpace(toComponents(this, _rgb), colorSpace);
-			return clamp(_rgb.r * 255, 0, 255) << 16 ^ clamp(_rgb.g * 255, 0, 255) << 8 ^ clamp(_rgb.b * 255, 0, 255) << 0;
+			ColorManagement.fromWorkingColorSpace(toComponents(this, _rgb$1), colorSpace);
+			return clamp(_rgb$1.r * 255, 0, 255) << 16 ^ clamp(_rgb$1.g * 255, 0, 255) << 8 ^ clamp(_rgb$1.b * 255, 0, 255) << 0;
 		}
 
 		getHexString(colorSpace = SRGBColorSpace) {
 			return ('000000' + this.getHex(colorSpace).toString(16)).slice(-6);
 		}
 
-		getHSL(target, colorSpace = LinearSRGBColorSpace) {
+		getHSL(target, colorSpace = ColorManagement.workingColorSpace) {
 			// h,s,l ranges are in 0.0 - 1.0
-			ColorManagement.fromWorkingColorSpace(toComponents(this, _rgb), colorSpace);
-			const r = _rgb.r,
-						g = _rgb.g,
-						b = _rgb.b;
+			ColorManagement.fromWorkingColorSpace(toComponents(this, _rgb$1), colorSpace);
+			const r = _rgb$1.r,
+						g = _rgb$1.g,
+						b = _rgb$1.b;
 			const max = Math.max(r, g, b);
 			const min = Math.min(r, g, b);
 			let hue, saturation;
@@ -1596,23 +1593,23 @@
 			return target;
 		}
 
-		getRGB(target, colorSpace = LinearSRGBColorSpace) {
-			ColorManagement.fromWorkingColorSpace(toComponents(this, _rgb), colorSpace);
-			target.r = _rgb.r;
-			target.g = _rgb.g;
-			target.b = _rgb.b;
+		getRGB(target, colorSpace = ColorManagement.workingColorSpace) {
+			ColorManagement.fromWorkingColorSpace(toComponents(this, _rgb$1), colorSpace);
+			target.r = _rgb$1.r;
+			target.g = _rgb$1.g;
+			target.b = _rgb$1.b;
 			return target;
 		}
 
 		getStyle(colorSpace = SRGBColorSpace) {
-			ColorManagement.fromWorkingColorSpace(toComponents(this, _rgb), colorSpace);
+			ColorManagement.fromWorkingColorSpace(toComponents(this, _rgb$1), colorSpace);
 
 			if (colorSpace !== SRGBColorSpace) {
 				// Requires CSS Color Module Level 4 (https://www.w3.org/TR/css-color-4/).
-				return `color(${colorSpace} ${_rgb.r} ${_rgb.g} ${_rgb.b})`;
+				return `color(${colorSpace} ${_rgb$1.r} ${_rgb$1.g} ${_rgb$1.b})`;
 			}
 
-			return `rgb(${_rgb.r * 255 | 0},${_rgb.g * 255 | 0},${_rgb.b * 255 | 0})`;
+			return `rgb(${_rgb$1.r * 255 | 0},${_rgb$1.g * 255 | 0},${_rgb$1.b * 255 | 0})`;
 		}
 
 		offsetHSL(h, s, l) {
@@ -1889,7 +1886,7 @@
 	let textureId = 0;
 
 	class Texture extends EventDispatcher {
-		constructor(image = Texture.DEFAULT_IMAGE, mapping = Texture.DEFAULT_MAPPING, wrapS = ClampToEdgeWrapping, wrapT = ClampToEdgeWrapping, magFilter = LinearFilter, minFilter = LinearMipmapLinearFilter, format = RGBAFormat, type = UnsignedByteType, anisotropy = 1, encoding = LinearEncoding) {
+		constructor(image = Texture.DEFAULT_IMAGE, mapping = Texture.DEFAULT_MAPPING, wrapS = ClampToEdgeWrapping, wrapT = ClampToEdgeWrapping, magFilter = LinearFilter, minFilter = LinearMipmapLinearFilter, format = RGBAFormat, type = UnsignedByteType, anisotropy = Texture.DEFAULT_ANISOTROPY, encoding = LinearEncoding) {
 			super();
 			this.isTexture = true;
 			Object.defineProperty(this, 'id', {
@@ -2088,6 +2085,7 @@
 
 	Texture.DEFAULT_IMAGE = null;
 	Texture.DEFAULT_MAPPING = UVMapping;
+	Texture.DEFAULT_ANISOTROPY = 1;
 
 	class Vector4 {
 		constructor(x = 0, y = 0, z = 0, w = 1) {
@@ -2575,7 +2573,7 @@
 	*/
 
 	class WebGLRenderTarget extends EventDispatcher {
-		constructor(width, height, options = {}) {
+		constructor(width = 1, height = 1, options = {}) {
 			super();
 			this.isWebGLRenderTarget = true;
 			this.width = width;
@@ -2666,7 +2664,7 @@
 	}
 
 	class WebGLArrayRenderTarget extends WebGLRenderTarget {
-		constructor(width, height, depth) {
+		constructor(width = 1, height = 1, depth = 1) {
 			super(width, height);
 			this.isWebGLArrayRenderTarget = true;
 			this.depth = depth;
@@ -2704,7 +2702,7 @@
 	}
 
 	class WebGL3DRenderTarget extends WebGLRenderTarget {
-		constructor(width, height, depth) {
+		constructor(width = 1, height = 1, depth = 1) {
 			super(width, height);
 			this.isWebGL3DRenderTarget = true;
 			this.depth = depth;
@@ -2715,7 +2713,7 @@
 	}
 
 	class WebGLMultipleRenderTargets extends WebGLRenderTarget {
-		constructor(width, height, count, options = {}) {
+		constructor(width = 1, height = 1, count = 1, options = {}) {
 			super(width, height, options);
 			this.isWebGLMultipleRenderTargets = true;
 			const texture = this.texture;
@@ -4057,28 +4055,28 @@
 
 			_v1$7.subVectors(triangle.b, _center);
 
-			_v2$3.subVectors(triangle.c, _center); // compute edge vectors for triangle
+			_v2$4.subVectors(triangle.c, _center); // compute edge vectors for triangle
 
 
 			_f0.subVectors(_v1$7, _v0$2);
 
-			_f1.subVectors(_v2$3, _v1$7);
+			_f1.subVectors(_v2$4, _v1$7);
 
-			_f2.subVectors(_v0$2, _v2$3); // test against axes that are given by cross product combinations of the edges of the triangle and the edges of the aabb
+			_f2.subVectors(_v0$2, _v2$4); // test against axes that are given by cross product combinations of the edges of the triangle and the edges of the aabb
 			// make an axis testing of each of the 3 sides of the aabb against each of the 3 sides of the triangle = 9 axis of separation
 			// axis_ij = u_i x f_j (u0, u1, u2 = face normals of aabb = x,y,z axes vectors since aabb is axis aligned)
 
 
 			let axes = [0, -_f0.z, _f0.y, 0, -_f1.z, _f1.y, 0, -_f2.z, _f2.y, _f0.z, 0, -_f0.x, _f1.z, 0, -_f1.x, _f2.z, 0, -_f2.x, -_f0.y, _f0.x, 0, -_f1.y, _f1.x, 0, -_f2.y, _f2.x, 0];
 
-			if (!satForAxes(axes, _v0$2, _v1$7, _v2$3, _extents)) {
+			if (!satForAxes(axes, _v0$2, _v1$7, _v2$4, _extents)) {
 				return false;
 			} // test 3 face normals from the aabb
 
 
 			axes = [1, 0, 0, 0, 1, 0, 0, 0, 1];
 
-			if (!satForAxes(axes, _v0$2, _v1$7, _v2$3, _extents)) {
+			if (!satForAxes(axes, _v0$2, _v1$7, _v2$4, _extents)) {
 				return false;
 			} // finally testing the face normal of the triangle
 			// use already existing triangle edge vectors here
@@ -4087,7 +4085,7 @@
 			_triangleNormal.crossVectors(_f0, _f1);
 
 			axes = [_triangleNormal.x, _triangleNormal.y, _triangleNormal.z];
-			return satForAxes(axes, _v0$2, _v1$7, _v2$3, _extents);
+			return satForAxes(axes, _v0$2, _v1$7, _v2$4, _extents);
 		}
 
 		clampPoint(point, target) {
@@ -4175,7 +4173,7 @@
 
 	const _v1$7 = /*@__PURE__*/new Vector3();
 
-	const _v2$3 = /*@__PURE__*/new Vector3(); // triangle edge vectors
+	const _v2$4 = /*@__PURE__*/new Vector3(); // triangle edge vectors
 
 
 	const _f0 = /*@__PURE__*/new Vector3();
@@ -4217,9 +4215,7 @@
 
 	const _v1$6 = /*@__PURE__*/new Vector3();
 
-	const _toFarthestPoint = /*@__PURE__*/new Vector3();
-
-	const _toPoint = /*@__PURE__*/new Vector3();
+	const _v2$3 = /*@__PURE__*/new Vector3();
 
 	class Sphere {
 		constructor(center = new Vector3(), radius = -1) {
@@ -4325,37 +4321,46 @@
 		}
 
 		expandByPoint(point) {
-			// from https://github.com/juj/MathGeoLib/blob/2940b99b99cfe575dd45103ef20f4019dee15b54/src/Geometry/Sphere.cpp#L649-L671
-			_toPoint.subVectors(point, this.center);
+			if (this.isEmpty()) {
+				this.center.copy(point);
+				this.radius = 0;
+				return this;
+			}
+
+			_v1$6.subVectors(point, this.center);
 
-			const lengthSq = _toPoint.lengthSq();
+			const lengthSq = _v1$6.lengthSq();
 
 			if (lengthSq > this.radius * this.radius) {
+				// calculate the minimal sphere
 				const length = Math.sqrt(lengthSq);
-				const missingRadiusHalf = (length - this.radius) * 0.5; // Nudge this sphere towards the target point. Add half the missing distance to radius,
-				// and the other half to position. This gives a tighter enclosure, instead of if
-				// the whole missing distance were just added to radius.
-
-				this.center.add(_toPoint.multiplyScalar(missingRadiusHalf / length));
-				this.radius += missingRadiusHalf;
+				const delta = (length - this.radius) * 0.5;
+				this.center.addScaledVector(_v1$6, delta / length);
+				this.radius += delta;
 			}
 
 			return this;
 		}
 
 		union(sphere) {
-			// from https://github.com/juj/MathGeoLib/blob/2940b99b99cfe575dd45103ef20f4019dee15b54/src/Geometry/Sphere.cpp#L759-L769
-			// To enclose another sphere into this sphere, we only need to enclose two points:
-			// 1) Enclose the farthest point on the other sphere into this sphere.
-			// 2) Enclose the opposite point of the farthest point into this sphere.
+			if (sphere.isEmpty()) {
+				return this;
+			}
+
+			if (this.isEmpty()) {
+				this.copy(sphere);
+				return this;
+			}
+
 			if (this.center.equals(sphere.center) === true) {
-				_toFarthestPoint.set(0, 0, 1).multiplyScalar(sphere.radius);
+				this.radius = Math.max(this.radius, sphere.radius);
 			} else {
-				_toFarthestPoint.subVectors(sphere.center, this.center).normalize().multiplyScalar(sphere.radius);
+				_v2$3.subVectors(sphere.center, this.center).setLength(sphere.radius);
+
+				this.expandByPoint(_v1$6.copy(sphere.center).add(_v2$3));
+				this.expandByPoint(_v1$6.copy(sphere.center).sub(_v2$3));
 			}
 
-			this.expandByPoint(_v1$6.copy(sphere.center).add(_toFarthestPoint));
-			this.expandByPoint(_v1$6.copy(sphere.center).sub(_toFarthestPoint));
 			return this;
 		}
 
@@ -4627,11 +4632,9 @@
 				tymax = (box.min.y - origin.y) * invdiry;
 			}
 
-			if (tmin > tymax || tymin > tmax) return null; // These lines also handle the case where tmin or tmax is NaN
-			// (result of 0 * Infinity). x !== x returns true if x is NaN
-
-			if (tymin > tmin || tmin !== tmin) tmin = tymin;
-			if (tymax < tmax || tmax !== tmax) tmax = tymax;
+			if (tmin > tymax || tymin > tmax) return null;
+			if (tymin > tmin || isNaN(tmin)) tmin = tymin;
+			if (tymax < tmax || isNaN(tmax)) tmax = tymax;
 
 			if (invdirz >= 0) {
 				tzmin = (box.min.z - origin.z) * invdirz;
@@ -6876,7 +6879,7 @@
 			if (this.transmissionMap && this.transmissionMap.isTexture) data.transmissionMap = this.transmissionMap.toJSON(meta).uuid;
 			if (this.thickness !== undefined) data.thickness = this.thickness;
 			if (this.thicknessMap && this.thicknessMap.isTexture) data.thicknessMap = this.thicknessMap.toJSON(meta).uuid;
-			if (this.attenuationDistance !== undefined) data.attenuationDistance = this.attenuationDistance;
+			if (this.attenuationDistance !== undefined && this.attenuationDistance !== Infinity) data.attenuationDistance = this.attenuationDistance;
 			if (this.attenuationColor !== undefined) data.attenuationColor = this.attenuationColor.getHex();
 			if (this.size !== undefined) data.size = this.size;
 			if (this.shadowSide !== null) data.shadowSide = this.shadowSide;
@@ -8592,6 +8595,7 @@
 	/**
 	 * Uniform Utilities
 	 */
+
 	function cloneUniforms(src) {
 		const dst = {};
 
@@ -8634,6 +8638,14 @@
 		}
 
 		return dst;
+	}
+	function getUnlitUniformColorSpace(renderer) {
+		if (renderer.getRenderTarget() === null) {
+			// https://github.com/mrdoob/three.js/pull/23937#issuecomment-1111067398
+			return renderer.outputEncoding === sRGBEncoding ? SRGBColorSpace : LinearSRGBColorSpace;
+		}
+
+		return LinearSRGBColorSpace;
 	} // Legacy
 
 	const UniformsUtils = {
@@ -8993,8 +9005,9 @@
 
 	}
 
-	const fov = 90,
-				aspect = 1;
+	const fov = -90; // negative fov is not an error
+
+	const aspect = 1;
 
 	class CubeCamera extends Object3D {
 		constructor(near, far, renderTarget) {
@@ -9003,33 +9016,33 @@
 			this.renderTarget = renderTarget;
 			const cameraPX = new PerspectiveCamera(fov, aspect, near, far);
 			cameraPX.layers = this.layers;
-			cameraPX.up.set(0, -1, 0);
-			cameraPX.lookAt(new Vector3(1, 0, 0));
+			cameraPX.up.set(0, 1, 0);
+			cameraPX.lookAt(1, 0, 0);
 			this.add(cameraPX);
 			const cameraNX = new PerspectiveCamera(fov, aspect, near, far);
 			cameraNX.layers = this.layers;
-			cameraNX.up.set(0, -1, 0);
-			cameraNX.lookAt(new Vector3(-1, 0, 0));
+			cameraNX.up.set(0, 1, 0);
+			cameraNX.lookAt(-1, 0, 0);
 			this.add(cameraNX);
 			const cameraPY = new PerspectiveCamera(fov, aspect, near, far);
 			cameraPY.layers = this.layers;
-			cameraPY.up.set(0, 0, 1);
-			cameraPY.lookAt(new Vector3(0, 1, 0));
+			cameraPY.up.set(0, 0, -1);
+			cameraPY.lookAt(0, 1, 0);
 			this.add(cameraPY);
 			const cameraNY = new PerspectiveCamera(fov, aspect, near, far);
 			cameraNY.layers = this.layers;
-			cameraNY.up.set(0, 0, -1);
-			cameraNY.lookAt(new Vector3(0, -1, 0));
+			cameraNY.up.set(0, 0, 1);
+			cameraNY.lookAt(0, -1, 0);
 			this.add(cameraNY);
 			const cameraPZ = new PerspectiveCamera(fov, aspect, near, far);
 			cameraPZ.layers = this.layers;
-			cameraPZ.up.set(0, -1, 0);
-			cameraPZ.lookAt(new Vector3(0, 0, 1));
+			cameraPZ.up.set(0, 1, 0);
+			cameraPZ.lookAt(0, 0, 1);
 			this.add(cameraPZ);
 			const cameraNZ = new PerspectiveCamera(fov, aspect, near, far);
 			cameraNZ.layers = this.layers;
-			cameraNZ.up.set(0, -1, 0);
-			cameraNZ.lookAt(new Vector3(0, 0, -1));
+			cameraNZ.up.set(0, 1, 0);
+			cameraNZ.lookAt(0, 0, -1);
 			this.add(cameraNZ);
 		}
 
@@ -9085,7 +9098,7 @@
 	}
 
 	class WebGLCubeRenderTarget extends WebGLRenderTarget {
-		constructor(size, options = {}) {
+		constructor(size = 1, options = {}) {
 			super(size, size, options);
 			this.isWebGLCubeRenderTarget = true;
 			const image = {
@@ -9559,6 +9572,8 @@
 
 				updateRange.count = -1; // reset range
 			}
+
+			attribute.onUploadCallback();
 		} //
 
 
@@ -9726,7 +9741,7 @@
 
 	var encodings_pars_fragment = "vec4 LinearToLinear( in vec4 value ) {\n\treturn value;\n}\nvec4 LinearTosRGB( in vec4 value ) {\n\treturn vec4( mix( pow( value.rgb, vec3( 0.41666 ) ) * 1.055 - vec3( 0.055 ), value.rgb * 12.92, vec3( lessThanEqual( value.rgb, vec3( 0.0031308 ) ) ) ), value.a );\n}";
 
-	var envmap_fragment = "#ifdef USE_ENVMAP\n\t#ifdef ENV_WORLDPOS\n\t\tvec3 cameraToFrag;\n\t\tif ( isOrthographic ) {\n\t\t\tcameraToFrag = normalize( vec3( - viewMatrix[ 0 ][ 2 ], - viewMatrix[ 1 ][ 2 ], - viewMatrix[ 2 ][ 2 ] ) );\n\t\t} else {\n\t\t\tcameraToFrag = normalize( vWorldPosition - cameraPosition );\n\t\t}\n\t\tvec3 worldNormal = inverseTransformDirection( normal, viewMatrix );\n\t\t#ifdef ENVMAP_MODE_REFLECTION\n\t\t\tvec3 reflectVec = reflect( cameraToFrag, worldNormal );\n\t\t#else\n\t\t\tvec3 reflectVec = refract( cameraToFrag, worldNormal, refractionRatio );\n\t\t#endif\n\t#else\n\t\tvec3 reflectVec = vReflect;\n\t#endif\n\t#ifdef ENVMAP_TYPE_CUBE\n\t\tvec4 envColor = textureCube( envMap, vec3( flipEnvMap * reflectVec.x, reflectVec.yz ) );\n\t#elif defined( ENVMAP_TYPE_CUBE_UV )\n\t\tvec4 envColor = textureCubeUV( envMap, reflectVec, 0.0 );\n\t#else\n\t\tvec4 envColor = vec4( 0.0 );\n\t#endif\n\t#ifdef ENVMAP_BLENDING_MULTIPLY\n\t\toutgoingLight = mix( outgoingLight, outgoingLight * envColor.xyz, specularStrength * reflectivity );\n\t#elif defined( ENVMAP_BLENDING_MIX )\n\t\toutgoingLight = mix( outgoingLight, envColor.xyz, specularStrength * reflectivity );\n\t#elif defined( ENVMAP_BLENDING_ADD )\n\t\toutgoingLight += envColor.xyz * specularStrength * reflectivity;\n\t#endif\n#endif";
+	var envmap_fragment = "#ifdef USE_ENVMAP\n\t#ifdef ENV_WORLDPOS\n\t\tvec3 cameraToFrag;\n\t\tif ( isOrthographic ) {\n\t\t\tcameraToFrag = normalize( vec3( - viewMatrix[ 0 ][ 2 ], - viewMatrix[ 1 ][ 2 ], - viewMatrix[ 2 ][ 2 ] ) );\n\t\t} else {\n\t\t\tcameraToFrag = normalize( vWorldPosition - cameraPosition );\n\t\t}\n\t\tvec3 worldNormal = inverseTransformDirection( normal, viewMatrix );\n\t\t#ifdef ENVMAP_MODE_REFLECTION\n\t\t\tvec3 reflectVec = reflect( cameraToFrag, worldNormal );\n\t\t#else\n\t\t\tvec3 reflectVec = refract( cameraToFrag, worldNormal, refractionRatio );\n\t\t#endif\n\t#else\n\t\tvec3 reflectVec = vReflect;\n\t#endif\n\t#ifdef ENVMAP_TYPE_CUBE\n\t\tvec4 envColor = textureCube( envMap, vec3( flipEnvMap * reflectVec.x, reflectVec.yz ) );\n\t#else\n\t\tvec4 envColor = vec4( 0.0 );\n\t#endif\n\t#ifdef ENVMAP_BLENDING_MULTIPLY\n\t\toutgoingLight = mix( outgoingLight, outgoingLight * envColor.xyz, specularStrength * reflectivity );\n\t#elif defined( ENVMAP_BLENDING_MIX )\n\t\toutgoingLight = mix( outgoingLight, envColor.xyz, specularStrength * reflectivity );\n\t#elif defined( ENVMAP_BLENDING_ADD )\n\t\toutgoingLight += envColor.xyz * specularStrength * reflectivity;\n\t#endif\n#endif";
 
 	var envmap_common_pars_fragment = "#ifdef USE_ENVMAP\n\tuniform float envMapIntensity;\n\tuniform float flipEnvMap;\n\t#ifdef ENVMAP_TYPE_CUBE\n\t\tuniform samplerCube envMap;\n\t#else\n\t\tuniform sampler2D envMap;\n\t#endif\n\t\n#endif";
 
@@ -9752,7 +9767,7 @@
 
 	var lights_lambert_fragment = "LambertMaterial material;\nmaterial.diffuseColor = diffuseColor.rgb;\nmaterial.specularStrength = specularStrength;";
 
-	var lights_lambert_pars_fragment = "varying vec3 vViewPosition;\nstruct LambertMaterial {\n\tvec3 diffuseColor;\n\tfloat specularStrength;\n};\nvoid RE_Direct_Lambert( const in IncidentLight directLight, const in GeometricContext geometry, const in LambertMaterial material, inout ReflectedLight reflectedLight ) {\n\tfloat dotNL = saturate( dot( geometry.normal, directLight.direction ) );\n\tvec3 irradiance = dotNL * directLight.color;\n\treflectedLight.directDiffuse += irradiance * BRDF_Lambert( material.diffuseColor );\n}\nvoid RE_IndirectDiffuse_Lambert( const in vec3 irradiance, const in GeometricContext geometry, const in LambertMaterial material, inout ReflectedLight reflectedLight ) {\n\treflectedLight.indirectDiffuse += irradiance * BRDF_Lambert( material.diffuseColor );\n}\n#define RE_Direct\t\t\t\tRE_Direct_Lambert\n#define RE_IndirectDiffuse\t\tRE_IndirectDiffuse_Lambert\n#define Material_LightProbeLOD( material )\t(0)";
+	var lights_lambert_pars_fragment = "varying vec3 vViewPosition;\nstruct LambertMaterial {\n\tvec3 diffuseColor;\n\tfloat specularStrength;\n};\nvoid RE_Direct_Lambert( const in IncidentLight directLight, const in GeometricContext geometry, const in LambertMaterial material, inout ReflectedLight reflectedLight ) {\n\tfloat dotNL = saturate( dot( geometry.normal, directLight.direction ) );\n\tvec3 irradiance = dotNL * directLight.color;\n\treflectedLight.directDiffuse += irradiance * BRDF_Lambert( material.diffuseColor );\n}\nvoid RE_IndirectDiffuse_Lambert( const in vec3 irradiance, const in GeometricContext geometry, const in LambertMaterial material, inout ReflectedLight reflectedLight ) {\n\treflectedLight.indirectDiffuse += irradiance * BRDF_Lambert( material.diffuseColor );\n}\n#define RE_Direct\t\t\t\tRE_Direct_Lambert\n#define RE_IndirectDiffuse\t\tRE_IndirectDiffuse_Lambert";
 
 	var lights_pars_begin = "uniform bool receiveShadow;\nuniform vec3 ambientLightColor;\nuniform vec3 lightProbe[ 9 ];\nvec3 shGetIrradianceAt( in vec3 normal, in vec3 shCoefficients[ 9 ] ) {\n\tfloat x = normal.x, y = normal.y, z = normal.z;\n\tvec3 result = shCoefficients[ 0 ] * 0.886227;\n\tresult += shCoefficients[ 1 ] * 2.0 * 0.511664 * y;\n\tresult += shCoefficients[ 2 ] * 2.0 * 0.511664 * z;\n\tresult += shCoefficients[ 3 ] * 2.0 * 0.511664 * x;\n\tresult += shCoefficients[ 4 ] * 2.0 * 0.429043 * x * y;\n\tresult += shCoefficients[ 5 ] * 2.0 * 0.429043 * y * z;\n\tresult += shCoefficients[ 6 ] * ( 0.743125 * z * z - 0.247708 );\n\tresult += shCoefficients[ 7 ] * 2.0 * 0.429043 * x * z;\n\tresult += shCoefficients[ 8 ] * 0.429043 * ( x * x - y * y );\n\treturn result;\n}\nvec3 getLightProbeIrradiance( const in vec3 lightProbe[ 9 ], const in vec3 normal ) {\n\tvec3 worldNormal = inverseTransformDirection( normal, viewMatrix );\n\tvec3 irradiance = shGetIrradianceAt( worldNormal, lightProbe );\n\treturn irradiance;\n}\nvec3 getAmbientLightIrradiance( const in vec3 ambientLightColor ) {\n\tvec3 irradiance = ambientLightColor;\n\treturn irradiance;\n}\nfloat getDistanceAttenuation( const in float lightDistance, const in float cutoffDistance, const in float decayExponent ) {\n\t#if defined ( PHYSICALLY_CORRECT_LIGHTS )\n\t\tfloat distanceFalloff = 1.0 / max( pow( lightDistance, decayExponent ), 0.01 );\n\t\tif ( cutoffDistance > 0.0 ) {\n\t\t\tdistanceFalloff *= pow2( saturate( 1.0 - pow4( lightDistance / cutoffDistance ) ) );\n\t\t}\n\t\treturn distanceFalloff;\n\t#else\n\t\tif ( cutoffDistance > 0.0 && decayExponent > 0.0 ) {\n\t\t\treturn pow( saturate( - lightDistance / cutoffDistance + 1.0 ), decayExponent );\n\t\t}\n\t\treturn 1.0;\n\t#endif\n}\nfloat getSpotAttenuation( const in float coneCosine, const in float penumbraCosine, const in float angleCosine ) {\n\treturn smoothstep( coneCosine, penumbraCosine, angleCosine );\n}\n#if NUM_DIR_LIGHTS > 0\n\tstruct DirectionalLight {\n\t\tvec3 direction;\n\t\tvec3 color;\n\t};\n\tuniform DirectionalLight directionalLights[ NUM_DIR_LIGHTS ];\n\tvoid getDirectionalLightInfo( const in DirectionalLight directionalLight, const in GeometricContext geometry, out IncidentLight light ) {\n\t\tlight.color = directionalLight.color;\n\t\tlight.direction = directionalLight.direction;\n\t\tlight.visible = true;\n\t}\n#endif\n#if NUM_POINT_LIGHTS > 0\n\tstruct PointLight {\n\t\tvec3 position;\n\t\tvec3 color;\n\t\tfloat distance;\n\t\tfloat decay;\n\t};\n\tuniform PointLight pointLights[ NUM_POINT_LIGHTS ];\n\tvoid getPointLightInfo( const in PointLight pointLight, const in GeometricContext geometry, out IncidentLight light ) {\n\t\tvec3 lVector = pointLight.position - geometry.position;\n\t\tlight.direction = normalize( lVector );\n\t\tfloat lightDistance = length( lVector );\n\t\tlight.color = pointLight.color;\n\t\tlight.color *= getDistanceAttenuation( lightDistance, pointLight.distance, pointLight.decay );\n\t\tlight.visible = ( light.color != vec3( 0.0 ) );\n\t}\n#endif\n#if NUM_SPOT_LIGHTS > 0\n\tstruct SpotLight {\n\t\tvec3 position;\n\t\tvec3 direction;\n\t\tvec3 color;\n\t\tfloat distance;\n\t\tfloat decay;\n\t\tfloat coneCos;\n\t\tfloat penumbraCos;\n\t};\n\tuniform SpotLight spotLights[ NUM_SPOT_LIGHTS ];\n\tvoid getSpotLightInfo( const in SpotLight spotLight, const in GeometricContext geometry, out IncidentLight light ) {\n\t\tvec3 lVector = spotLight.position - geometry.position;\n\t\tlight.direction = normalize( lVector );\n\t\tfloat angleCos = dot( light.direction, spotLight.direction );\n\t\tfloat spotAttenuation = getSpotAttenuation( spotLight.coneCos, spotLight.penumbraCos, angleCos );\n\t\tif ( spotAttenuation > 0.0 ) {\n\t\t\tfloat lightDistance = length( lVector );\n\t\t\tlight.color = spotLight.color * spotAttenuation;\n\t\t\tlight.color *= getDistanceAttenuation( lightDistance, spotLight.distance, spotLight.decay );\n\t\t\tlight.visible = ( light.color != vec3( 0.0 ) );\n\t\t} else {\n\t\t\tlight.color = vec3( 0.0 );\n\t\t\tlight.visible = false;\n\t\t}\n\t}\n#endif\n#if NUM_RECT_AREA_LIGHTS > 0\n\tstruct RectAreaLight {\n\t\tvec3 color;\n\t\tvec3 position;\n\t\tvec3 halfWidth;\n\t\tvec3 halfHeight;\n\t};\n\tuniform sampler2D ltc_1;\tuniform sampler2D ltc_2;\n\tuniform RectAreaLight rectAreaLights[ NUM_RECT_AREA_LIGHTS ];\n#endif\n#if NUM_HEMI_LIGHTS > 0\n\tstruct HemisphereLight {\n\t\tvec3 direction;\n\t\tvec3 skyColor;\n\t\tvec3 groundColor;\n\t};\n\tuniform HemisphereLight hemisphereLights[ NUM_HEMI_LIGHTS ];\n\tvec3 getHemisphereLightIrradiance( const in HemisphereLight hemiLight, const in vec3 normal ) {\n\t\tfloat dotNL = dot( normal, hemiLight.direction );\n\t\tfloat hemiDiffuseWeight = 0.5 * dotNL + 0.5;\n\t\tvec3 irradiance = mix( hemiLight.groundColor, hemiLight.skyColor, hemiDiffuseWeight );\n\t\treturn irradiance;\n\t}\n#endif";
 
@@ -9760,11 +9775,11 @@
 
 	var lights_toon_fragment = "ToonMaterial material;\nmaterial.diffuseColor = diffuseColor.rgb;";
 
-	var lights_toon_pars_fragment = "varying vec3 vViewPosition;\nstruct ToonMaterial {\n\tvec3 diffuseColor;\n};\nvoid RE_Direct_Toon( const in IncidentLight directLight, const in GeometricContext geometry, const in ToonMaterial material, inout ReflectedLight reflectedLight ) {\n\tvec3 irradiance = getGradientIrradiance( geometry.normal, directLight.direction ) * directLight.color;\n\treflectedLight.directDiffuse += irradiance * BRDF_Lambert( material.diffuseColor );\n}\nvoid RE_IndirectDiffuse_Toon( const in vec3 irradiance, const in GeometricContext geometry, const in ToonMaterial material, inout ReflectedLight reflectedLight ) {\n\treflectedLight.indirectDiffuse += irradiance * BRDF_Lambert( material.diffuseColor );\n}\n#define RE_Direct\t\t\t\tRE_Direct_Toon\n#define RE_IndirectDiffuse\t\tRE_IndirectDiffuse_Toon\n#define Material_LightProbeLOD( material )\t(0)";
+	var lights_toon_pars_fragment = "varying vec3 vViewPosition;\nstruct ToonMaterial {\n\tvec3 diffuseColor;\n};\nvoid RE_Direct_Toon( const in IncidentLight directLight, const in GeometricContext geometry, const in ToonMaterial material, inout ReflectedLight reflectedLight ) {\n\tvec3 irradiance = getGradientIrradiance( geometry.normal, directLight.direction ) * directLight.color;\n\treflectedLight.directDiffuse += irradiance * BRDF_Lambert( material.diffuseColor );\n}\nvoid RE_IndirectDiffuse_Toon( const in vec3 irradiance, const in GeometricContext geometry, const in ToonMaterial material, inout ReflectedLight reflectedLight ) {\n\treflectedLight.indirectDiffuse += irradiance * BRDF_Lambert( material.diffuseColor );\n}\n#define RE_Direct\t\t\t\tRE_Direct_Toon\n#define RE_IndirectDiffuse\t\tRE_IndirectDiffuse_Toon";
 
 	var lights_phong_fragment = "BlinnPhongMaterial material;\nmaterial.diffuseColor = diffuseColor.rgb;\nmaterial.specularColor = specular;\nmaterial.specularShininess = shininess;\nmaterial.specularStrength = specularStrength;";
 
-	var lights_phong_pars_fragment = "varying vec3 vViewPosition;\nstruct BlinnPhongMaterial {\n\tvec3 diffuseColor;\n\tvec3 specularColor;\n\tfloat specularShininess;\n\tfloat specularStrength;\n};\nvoid RE_Direct_BlinnPhong( const in IncidentLight directLight, const in GeometricContext geometry, const in BlinnPhongMaterial material, inout ReflectedLight reflectedLight ) {\n\tfloat dotNL = saturate( dot( geometry.normal, directLight.direction ) );\n\tvec3 irradiance = dotNL * directLight.color;\n\treflectedLight.directDiffuse += irradiance * BRDF_Lambert( material.diffuseColor );\n\treflectedLight.directSpecular += irradiance * BRDF_BlinnPhong( directLight.direction, geometry.viewDir, geometry.normal, material.specularColor, material.specularShininess ) * material.specularStrength;\n}\nvoid RE_IndirectDiffuse_BlinnPhong( const in vec3 irradiance, const in GeometricContext geometry, const in BlinnPhongMaterial material, inout ReflectedLight reflectedLight ) {\n\treflectedLight.indirectDiffuse += irradiance * BRDF_Lambert( material.diffuseColor );\n}\n#define RE_Direct\t\t\t\tRE_Direct_BlinnPhong\n#define RE_IndirectDiffuse\t\tRE_IndirectDiffuse_BlinnPhong\n#define Material_LightProbeLOD( material )\t(0)";
+	var lights_phong_pars_fragment = "varying vec3 vViewPosition;\nstruct BlinnPhongMaterial {\n\tvec3 diffuseColor;\n\tvec3 specularColor;\n\tfloat specularShininess;\n\tfloat specularStrength;\n};\nvoid RE_Direct_BlinnPhong( const in IncidentLight directLight, const in GeometricContext geometry, const in BlinnPhongMaterial material, inout ReflectedLight reflectedLight ) {\n\tfloat dotNL = saturate( dot( geometry.normal, directLight.direction ) );\n\tvec3 irradiance = dotNL * directLight.color;\n\treflectedLight.directDiffuse += irradiance * BRDF_Lambert( material.diffuseColor );\n\treflectedLight.directSpecular += irradiance * BRDF_BlinnPhong( directLight.direction, geometry.viewDir, geometry.normal, material.specularColor, material.specularShininess ) * material.specularStrength;\n}\nvoid RE_IndirectDiffuse_BlinnPhong( const in vec3 irradiance, const in GeometricContext geometry, const in BlinnPhongMaterial material, inout ReflectedLight reflectedLight ) {\n\treflectedLight.indirectDiffuse += irradiance * BRDF_Lambert( material.diffuseColor );\n}\n#define RE_Direct\t\t\t\tRE_Direct_BlinnPhong\n#define RE_IndirectDiffuse\t\tRE_IndirectDiffuse_BlinnPhong";
 
 	var lights_physical_fragment = "PhysicalMaterial material;\nmaterial.diffuseColor = diffuseColor.rgb * ( 1.0 - metalnessFactor );\nvec3 dxy = max( abs( dFdx( geometryNormal ) ), abs( dFdy( geometryNormal ) ) );\nfloat geometryRoughness = max( max( dxy.x, dxy.y ), dxy.z );\nmaterial.roughness = max( roughnessFactor, 0.0525 );material.roughness += geometryRoughness;\nmaterial.roughness = min( material.roughness, 1.0 );\n#ifdef IOR\n\tmaterial.ior = ior;\n\t#ifdef SPECULAR\n\t\tfloat specularIntensityFactor = specularIntensity;\n\t\tvec3 specularColorFactor = specularColor;\n\t\t#ifdef USE_SPECULARINTENSITYMAP\n\t\t\tspecularIntensityFactor *= texture2D( specularIntensityMap, vUv ).a;\n\t\t#endif\n\t\t#ifdef USE_SPECULARCOLORMAP\n\t\t\tspecularColorFactor *= texture2D( specularColorMap, vUv ).rgb;\n\t\t#endif\n\t\tmaterial.specularF90 = mix( specularIntensityFactor, 1.0, metalnessFactor );\n\t#else\n\t\tfloat specularIntensityFactor = 1.0;\n\t\tvec3 specularColorFactor = vec3( 1.0 );\n\t\tmaterial.specularF90 = 1.0;\n\t#endif\n\tmaterial.specularColor = mix( min( pow2( ( material.ior - 1.0 ) / ( material.ior + 1.0 ) ) * specularColorFactor, vec3( 1.0 ) ) * specularIntensityFactor, diffuseColor.rgb, metalnessFactor );\n#else\n\tmaterial.specularColor = mix( vec3( 0.04 ), diffuseColor.rgb, metalnessFactor );\n\tmaterial.specularF90 = 1.0;\n#endif\n#ifdef USE_CLEARCOAT\n\tmaterial.clearcoat = clearcoat;\n\tmaterial.clearcoatRoughness = clearcoatRoughness;\n\tmaterial.clearcoatF0 = vec3( 0.04 );\n\tmaterial.clearcoatF90 = 1.0;\n\t#ifdef USE_CLEARCOATMAP\n\t\tmaterial.clearcoat *= texture2D( clearcoatMap, vUv ).x;\n\t#endif\n\t#ifdef USE_CLEARCOAT_ROUGHNESSMAP\n\t\tmaterial.clearcoatRoughness *= texture2D( clearcoatRoughnessMap, vUv ).y;\n\t#endif\n\tmaterial.clearcoat = saturate( material.clearcoat );\tmaterial.clearcoatRoughness = max( material.clearcoatRoughness, 0.0525 );\n\tmaterial.clearcoatRoughness += geometryRoughness;\n\tmaterial.clearcoatRoughness = min( material.clearcoatRoughness, 1.0 );\n#endif\n#ifdef USE_IRIDESCENCE\n\tmaterial.iridescence = iridescence;\n\tmaterial.iridescenceIOR = iridescenceIOR;\n\t#ifdef USE_IRIDESCENCEMAP\n\t\tmaterial.iridescence *= texture2D( iridescenceMap, vUv ).r;\n\t#endif\n\t#ifdef USE_IRIDESCENCE_THICKNESSMAP\n\t\tmaterial.iridescenceThickness = (iridescenceThicknessMaximum - iridescenceThicknessMinimum) * texture2D( iridescenceThicknessMap, vUv ).g + iridescenceThicknessMinimum;\n\t#else\n\t\tmaterial.iridescenceThickness = iridescenceThicknessMaximum;\n\t#endif\n#endif\n#ifdef USE_SHEEN\n\tmaterial.sheenColor = sheenColor;\n\t#ifdef USE_SHEENCOLORMAP\n\t\tmaterial.sheenColor *= texture2D( sheenColorMap, vUv ).rgb;\n\t#endif\n\tmaterial.sheenRoughness = clamp( sheenRoughness, 0.07, 1.0 );\n\t#ifdef USE_SHEENROUGHNESSMAP\n\t\tmaterial.sheenRoughness *= texture2D( sheenRoughnessMap, vUv ).a;\n\t#endif\n#endif";
 
@@ -9804,7 +9819,7 @@
 
 	var morphtarget_vertex = "#ifdef USE_MORPHTARGETS\n\ttransformed *= morphTargetBaseInfluence;\n\t#ifdef MORPHTARGETS_TEXTURE\n\t\tfor ( int i = 0; i < MORPHTARGETS_COUNT; i ++ ) {\n\t\t\tif ( morphTargetInfluences[ i ] != 0.0 ) transformed += getMorph( gl_VertexID, i, 0 ).xyz * morphTargetInfluences[ i ];\n\t\t}\n\t#else\n\t\ttransformed += morphTarget0 * morphTargetInfluences[ 0 ];\n\t\ttransformed += morphTarget1 * morphTargetInfluences[ 1 ];\n\t\ttransformed += morphTarget2 * morphTargetInfluences[ 2 ];\n\t\ttransformed += morphTarget3 * morphTargetInfluences[ 3 ];\n\t\t#ifndef USE_MORPHNORMALS\n\t\t\ttransformed += morphTarget4 * morphTargetInfluences[ 4 ];\n\t\t\ttransformed += morphTarget5 * morphTargetInfluences[ 5 ];\n\t\t\ttransformed += morphTarget6 * morphTargetInfluences[ 6 ];\n\t\t\ttransformed += morphTarget7 * morphTargetInfluences[ 7 ];\n\t\t#endif\n\t#endif\n#endif";
 
-	var normal_fragment_begin = "float faceDirection = gl_FrontFacing ? 1.0 : - 1.0;\n#ifdef FLAT_SHADED\n\tvec3 fdx = vec3( dFdx( vViewPosition.x ), dFdx( vViewPosition.y ), dFdx( vViewPosition.z ) );\n\tvec3 fdy = vec3( dFdy( vViewPosition.x ), dFdy( vViewPosition.y ), dFdy( vViewPosition.z ) );\n\tvec3 normal = normalize( cross( fdx, fdy ) );\n#else\n\tvec3 normal = normalize( vNormal );\n\t#ifdef DOUBLE_SIDED\n\t\tnormal = normal * faceDirection;\n\t#endif\n\t#ifdef USE_TANGENT\n\t\tvec3 tangent = normalize( vTangent );\n\t\tvec3 bitangent = normalize( vBitangent );\n\t\t#ifdef DOUBLE_SIDED\n\t\t\ttangent = tangent * faceDirection;\n\t\t\tbitangent = bitangent * faceDirection;\n\t\t#endif\n\t\t#if defined( TANGENTSPACE_NORMALMAP ) || defined( USE_CLEARCOAT_NORMALMAP )\n\t\t\tmat3 vTBN = mat3( tangent, bitangent, normal );\n\t\t#endif\n\t#endif\n#endif\nvec3 geometryNormal = normal;";
+	var normal_fragment_begin = "float faceDirection = gl_FrontFacing ? 1.0 : - 1.0;\n#ifdef FLAT_SHADED\n\tvec3 fdx = dFdx( vViewPosition );\n\tvec3 fdy = dFdy( vViewPosition );\n\tvec3 normal = normalize( cross( fdx, fdy ) );\n#else\n\tvec3 normal = normalize( vNormal );\n\t#ifdef DOUBLE_SIDED\n\t\tnormal = normal * faceDirection;\n\t#endif\n\t#ifdef USE_TANGENT\n\t\tvec3 tangent = normalize( vTangent );\n\t\tvec3 bitangent = normalize( vBitangent );\n\t\t#ifdef DOUBLE_SIDED\n\t\t\ttangent = tangent * faceDirection;\n\t\t\tbitangent = bitangent * faceDirection;\n\t\t#endif\n\t\t#if defined( TANGENTSPACE_NORMALMAP ) || defined( USE_CLEARCOAT_NORMALMAP )\n\t\t\tmat3 vTBN = mat3( tangent, bitangent, normal );\n\t\t#endif\n\t#endif\n#endif\nvec3 geometryNormal = normal;";
 
 	var normal_fragment_maps = "#ifdef OBJECTSPACE_NORMALMAP\n\tnormal = texture2D( normalMap, vUv ).xyz * 2.0 - 1.0;\n\t#ifdef FLIP_SIDED\n\t\tnormal = - normal;\n\t#endif\n\t#ifdef DOUBLE_SIDED\n\t\tnormal = normal * faceDirection;\n\t#endif\n\tnormal = normalize( normalMatrix * normal );\n#elif defined( TANGENTSPACE_NORMALMAP )\n\tvec3 mapN = texture2D( normalMap, vUv ).xyz * 2.0 - 1.0;\n\tmapN.xy *= normalScale;\n\t#ifdef USE_TANGENT\n\t\tnormal = normalize( vTBN * mapN );\n\t#else\n\t\tnormal = perturbNormal2Arb( - vViewPosition, normal, mapN, faceDirection );\n\t#endif\n#elif defined( USE_BUMPMAP )\n\tnormal = perturbNormalArb( - vViewPosition, normal, dHdxy_fwd(), faceDirection );\n#endif";
 
@@ -9826,7 +9841,7 @@
 
 	var output_fragment = "#ifdef OPAQUE\ndiffuseColor.a = 1.0;\n#endif\n#ifdef USE_TRANSMISSION\ndiffuseColor.a *= material.transmissionAlpha + 0.1;\n#endif\ngl_FragColor = vec4( outgoingLight, diffuseColor.a );";
 
-	var packing = "vec3 packNormalToRGB( const in vec3 normal ) {\n\treturn normalize( normal ) * 0.5 + 0.5;\n}\nvec3 unpackRGBToNormal( const in vec3 rgb ) {\n\treturn 2.0 * rgb.xyz - 1.0;\n}\nconst float PackUpscale = 256. / 255.;const float UnpackDownscale = 255. / 256.;\nconst vec3 PackFactors = vec3( 256. * 256. * 256., 256. * 256., 256. );\nconst vec4 UnpackFactors = UnpackDownscale / vec4( PackFactors, 1. );\nconst float ShiftRight8 = 1. / 256.;\nvec4 packDepthToRGBA( const in float v ) {\n\tvec4 r = vec4( fract( v * PackFactors ), v );\n\tr.yzw -= r.xyz * ShiftRight8;\treturn r * PackUpscale;\n}\nfloat unpackRGBAToDepth( const in vec4 v ) {\n\treturn dot( v, UnpackFactors );\n}\nvec4 pack2HalfToRGBA( vec2 v ) {\n\tvec4 r = vec4( v.x, fract( v.x * 255.0 ), v.y, fract( v.y * 255.0 ) );\n\treturn vec4( r.x - r.y / 255.0, r.y, r.z - r.w / 255.0, r.w );\n}\nvec2 unpackRGBATo2Half( vec4 v ) {\n\treturn vec2( v.x + ( v.y / 255.0 ), v.z + ( v.w / 255.0 ) );\n}\nfloat viewZToOrthographicDepth( const in float viewZ, const in float near, const in float far ) {\n\treturn ( viewZ + near ) / ( near - far );\n}\nfloat orthographicDepthToViewZ( const in float linearClipZ, const in float near, const in float far ) {\n\treturn linearClipZ * ( near - far ) - near;\n}\nfloat viewZToPerspectiveDepth( const in float viewZ, const in float near, const in float far ) {\n\treturn ( ( near + viewZ ) * far ) / ( ( far - near ) * viewZ );\n}\nfloat perspectiveDepthToViewZ( const in float invClipZ, const in float near, const in float far ) {\n\treturn ( near * far ) / ( ( far - near ) * invClipZ - far );\n}";
+	var packing = "vec3 packNormalToRGB( const in vec3 normal ) {\n\treturn normalize( normal ) * 0.5 + 0.5;\n}\nvec3 unpackRGBToNormal( const in vec3 rgb ) {\n\treturn 2.0 * rgb.xyz - 1.0;\n}\nconst float PackUpscale = 256. / 255.;const float UnpackDownscale = 255. / 256.;\nconst vec3 PackFactors = vec3( 256. * 256. * 256., 256. * 256., 256. );\nconst vec4 UnpackFactors = UnpackDownscale / vec4( PackFactors, 1. );\nconst float ShiftRight8 = 1. / 256.;\nvec4 packDepthToRGBA( const in float v ) {\n\tvec4 r = vec4( fract( v * PackFactors ), v );\n\tr.yzw -= r.xyz * ShiftRight8;\treturn r * PackUpscale;\n}\nfloat unpackRGBAToDepth( const in vec4 v ) {\n\treturn dot( v, UnpackFactors );\n}\nvec2 packDepthToRG( in highp float v ) {\n\treturn packDepthToRGBA( v ).yx;\n}\nfloat unpackRGToDepth( const in highp vec2 v ) {\n\treturn unpackRGBAToDepth( vec4( v.xy, 0.0, 0.0 ) );\n}\nvec4 pack2HalfToRGBA( vec2 v ) {\n\tvec4 r = vec4( v.x, fract( v.x * 255.0 ), v.y, fract( v.y * 255.0 ) );\n\treturn vec4( r.x - r.y / 255.0, r.y, r.z - r.w / 255.0, r.w );\n}\nvec2 unpackRGBATo2Half( vec4 v ) {\n\treturn vec2( v.x + ( v.y / 255.0 ), v.z + ( v.w / 255.0 ) );\n}\nfloat viewZToOrthographicDepth( const in float viewZ, const in float near, const in float far ) {\n\treturn ( viewZ + near ) / ( near - far );\n}\nfloat orthographicDepthToViewZ( const in float linearClipZ, const in float near, const in float far ) {\n\treturn linearClipZ * ( near - far ) - near;\n}\nfloat viewZToPerspectiveDepth( const in float viewZ, const in float near, const in float far ) {\n\treturn ( ( near + viewZ ) * far ) / ( ( far - near ) * viewZ );\n}\nfloat perspectiveDepthToViewZ( const in float invClipZ, const in float near, const in float far ) {\n\treturn ( near * far ) / ( ( far - near ) * invClipZ - far );\n}";
 
 	var premultiplied_alpha_fragment = "#ifdef PREMULTIPLIED_ALPHA\n\tgl_FragColor.rgb *= gl_FragColor.a;\n#endif";
 
@@ -9866,7 +9881,7 @@
 
 	var transmission_fragment = "#ifdef USE_TRANSMISSION\n\tmaterial.transmission = transmission;\n\tmaterial.transmissionAlpha = 1.0;\n\tmaterial.thickness = thickness;\n\tmaterial.attenuationDistance = attenuationDistance;\n\tmaterial.attenuationColor = attenuationColor;\n\t#ifdef USE_TRANSMISSIONMAP\n\t\tmaterial.transmission *= texture2D( transmissionMap, vUv ).r;\n\t#endif\n\t#ifdef USE_THICKNESSMAP\n\t\tmaterial.thickness *= texture2D( thicknessMap, vUv ).g;\n\t#endif\n\tvec3 pos = vWorldPosition;\n\tvec3 v = normalize( cameraPosition - pos );\n\tvec3 n = inverseTransformDirection( normal, viewMatrix );\n\tvec4 transmission = getIBLVolumeRefraction(\n\t\tn, v, material.roughness, material.diffuseColor, material.specularColor, material.specularF90,\n\t\tpos, modelMatrix, viewMatrix, projectionMatrix, material.ior, material.thickness,\n\t\tmaterial.attenuationColor, material.attenuationDistance );\n\tmaterial.transmissionAlpha = mix( material.transmissionAlpha, transmission.a, material.transmission );\n\ttotalDiffuse = mix( totalDiffuse, transmission.rgb, material.transmission );\n#endif";
 
-	var transmission_pars_fragment = "#ifdef USE_TRANSMISSION\n\tuniform float transmission;\n\tuniform float thickness;\n\tuniform float attenuationDistance;\n\tuniform vec3 attenuationColor;\n\t#ifdef USE_TRANSMISSIONMAP\n\t\tuniform sampler2D transmissionMap;\n\t#endif\n\t#ifdef USE_THICKNESSMAP\n\t\tuniform sampler2D thicknessMap;\n\t#endif\n\tuniform vec2 transmissionSamplerSize;\n\tuniform sampler2D transmissionSamplerMap;\n\tuniform mat4 modelMatrix;\n\tuniform mat4 projectionMatrix;\n\tvarying vec3 vWorldPosition;\n\tvec3 getVolumeTransmissionRay( const in vec3 n, const in vec3 v, const in float thickness, const in float ior, const in mat4 modelMatrix ) {\n\t\tvec3 refractionVector = refract( - v, normalize( n ), 1.0 / ior );\n\t\tvec3 modelScale;\n\t\tmodelScale.x = length( vec3( modelMatrix[ 0 ].xyz ) );\n\t\tmodelScale.y = length( vec3( modelMatrix[ 1 ].xyz ) );\n\t\tmodelScale.z = length( vec3( modelMatrix[ 2 ].xyz ) );\n\t\treturn normalize( refractionVector ) * thickness * modelScale;\n\t}\n\tfloat applyIorToRoughness( const in float roughness, const in float ior ) {\n\t\treturn roughness * clamp( ior * 2.0 - 2.0, 0.0, 1.0 );\n\t}\n\tvec4 getTransmissionSample( const in vec2 fragCoord, const in float roughness, const in float ior ) {\n\t\tfloat framebufferLod = log2( transmissionSamplerSize.x ) * applyIorToRoughness( roughness, ior );\n\t\t#ifdef texture2DLodEXT\n\t\t\treturn texture2DLodEXT( transmissionSamplerMap, fragCoord.xy, framebufferLod );\n\t\t#else\n\t\t\treturn texture2D( transmissionSamplerMap, fragCoord.xy, framebufferLod );\n\t\t#endif\n\t}\n\tvec3 applyVolumeAttenuation( const in vec3 radiance, const in float transmissionDistance, const in vec3 attenuationColor, const in float attenuationDistance ) {\n\t\tif ( attenuationDistance == 0.0 ) {\n\t\t\treturn radiance;\n\t\t} else {\n\t\t\tvec3 attenuationCoefficient = -log( attenuationColor ) / attenuationDistance;\n\t\t\tvec3 transmittance = exp( - attenuationCoefficient * transmissionDistance );\t\t\treturn transmittance * radiance;\n\t\t}\n\t}\n\tvec4 getIBLVolumeRefraction( const in vec3 n, const in vec3 v, const in float roughness, const in vec3 diffuseColor,\n\t\tconst in vec3 specularColor, const in float specularF90, const in vec3 position, const in mat4 modelMatrix,\n\t\tconst in mat4 viewMatrix, const in mat4 projMatrix, const in float ior, const in float thickness,\n\t\tconst in vec3 attenuationColor, const in float attenuationDistance ) {\n\t\tvec3 transmissionRay = getVolumeTransmissionRay( n, v, thickness, ior, modelMatrix );\n\t\tvec3 refractedRayExit = position + transmissionRay;\n\t\tvec4 ndcPos = projMatrix * viewMatrix * vec4( refractedRayExit, 1.0 );\n\t\tvec2 refractionCoords = ndcPos.xy / ndcPos.w;\n\t\trefractionCoords += 1.0;\n\t\trefractionCoords /= 2.0;\n\t\tvec4 transmittedLight = getTransmissionSample( refractionCoords, roughness, ior );\n\t\tvec3 attenuatedColor = applyVolumeAttenuation( transmittedLight.rgb, length( transmissionRay ), attenuationColor, attenuationDistance );\n\t\tvec3 F = EnvironmentBRDF( n, v, specularColor, specularF90, roughness );\n\t\treturn vec4( ( 1.0 - F ) * attenuatedColor * diffuseColor, transmittedLight.a );\n\t}\n#endif";
+	var transmission_pars_fragment = "#ifdef USE_TRANSMISSION\n\tuniform float transmission;\n\tuniform float thickness;\n\tuniform float attenuationDistance;\n\tuniform vec3 attenuationColor;\n\t#ifdef USE_TRANSMISSIONMAP\n\t\tuniform sampler2D transmissionMap;\n\t#endif\n\t#ifdef USE_THICKNESSMAP\n\t\tuniform sampler2D thicknessMap;\n\t#endif\n\tuniform vec2 transmissionSamplerSize;\n\tuniform sampler2D transmissionSamplerMap;\n\tuniform mat4 modelMatrix;\n\tuniform mat4 projectionMatrix;\n\tvarying vec3 vWorldPosition;\n\tvec3 getVolumeTransmissionRay( const in vec3 n, const in vec3 v, const in float thickness, const in float ior, const in mat4 modelMatrix ) {\n\t\tvec3 refractionVector = refract( - v, normalize( n ), 1.0 / ior );\n\t\tvec3 modelScale;\n\t\tmodelScale.x = length( vec3( modelMatrix[ 0 ].xyz ) );\n\t\tmodelScale.y = length( vec3( modelMatrix[ 1 ].xyz ) );\n\t\tmodelScale.z = length( vec3( modelMatrix[ 2 ].xyz ) );\n\t\treturn normalize( refractionVector ) * thickness * modelScale;\n\t}\n\tfloat applyIorToRoughness( const in float roughness, const in float ior ) {\n\t\treturn roughness * clamp( ior * 2.0 - 2.0, 0.0, 1.0 );\n\t}\n\tvec4 getTransmissionSample( const in vec2 fragCoord, const in float roughness, const in float ior ) {\n\t\tfloat framebufferLod = log2( transmissionSamplerSize.x ) * applyIorToRoughness( roughness, ior );\n\t\t#ifdef texture2DLodEXT\n\t\t\treturn texture2DLodEXT( transmissionSamplerMap, fragCoord.xy, framebufferLod );\n\t\t#else\n\t\t\treturn texture2D( transmissionSamplerMap, fragCoord.xy, framebufferLod );\n\t\t#endif\n\t}\n\tvec3 applyVolumeAttenuation( const in vec3 radiance, const in float transmissionDistance, const in vec3 attenuationColor, const in float attenuationDistance ) {\n\t\tif ( isinf( attenuationDistance ) ) {\n\t\t\treturn radiance;\n\t\t} else {\n\t\t\tvec3 attenuationCoefficient = -log( attenuationColor ) / attenuationDistance;\n\t\t\tvec3 transmittance = exp( - attenuationCoefficient * transmissionDistance );\t\t\treturn transmittance * radiance;\n\t\t}\n\t}\n\tvec4 getIBLVolumeRefraction( const in vec3 n, const in vec3 v, const in float roughness, const in vec3 diffuseColor,\n\t\tconst in vec3 specularColor, const in float specularF90, const in vec3 position, const in mat4 modelMatrix,\n\t\tconst in mat4 viewMatrix, const in mat4 projMatrix, const in float ior, const in float thickness,\n\t\tconst in vec3 attenuationColor, const in float attenuationDistance ) {\n\t\tvec3 transmissionRay = getVolumeTransmissionRay( n, v, thickness, ior, modelMatrix );\n\t\tvec3 refractedRayExit = position + transmissionRay;\n\t\tvec4 ndcPos = projMatrix * viewMatrix * vec4( refractedRayExit, 1.0 );\n\t\tvec2 refractionCoords = ndcPos.xy / ndcPos.w;\n\t\trefractionCoords += 1.0;\n\t\trefractionCoords /= 2.0;\n\t\tvec4 transmittedLight = getTransmissionSample( refractionCoords, roughness, ior );\n\t\tvec3 attenuatedColor = applyVolumeAttenuation( transmittedLight.rgb, length( transmissionRay ), attenuationColor, attenuationDistance );\n\t\tvec3 F = EnvironmentBRDF( n, v, specularColor, specularF90, roughness );\n\t\treturn vec4( ( 1.0 - F ) * attenuatedColor * diffuseColor, transmittedLight.a );\n\t}\n#endif";
 
 	var uv_pars_fragment = "#if ( defined( USE_UV ) && ! defined( UVS_VERTEX_ONLY ) )\n\tvarying vec2 vUv;\n#endif";
 
@@ -9882,11 +9897,14 @@
 
 	var worldpos_vertex = "#if defined( USE_ENVMAP ) || defined( DISTANCE ) || defined ( USE_SHADOWMAP ) || defined ( USE_TRANSMISSION ) || NUM_SPOT_LIGHT_COORDS > 0\n\tvec4 worldPosition = vec4( transformed, 1.0 );\n\t#ifdef USE_INSTANCING\n\t\tworldPosition = instanceMatrix * worldPosition;\n\t#endif\n\tworldPosition = modelMatrix * worldPosition;\n#endif";
 
-	const vertex$g = "varying vec2 vUv;\nuniform mat3 uvTransform;\nvoid main() {\n\tvUv = ( uvTransform * vec3( uv, 1 ) ).xy;\n\tgl_Position = vec4( position.xy, 1.0, 1.0 );\n}";
-	const fragment$g = "uniform sampler2D t2D;\nvarying vec2 vUv;\nvoid main() {\n\tgl_FragColor = texture2D( t2D, vUv );\n\t#ifdef DECODE_VIDEO_TEXTURE\n\t\tgl_FragColor = vec4( mix( pow( gl_FragColor.rgb * 0.9478672986 + vec3( 0.0521327014 ), vec3( 2.4 ) ), gl_FragColor.rgb * 0.0773993808, vec3( lessThanEqual( gl_FragColor.rgb, vec3( 0.04045 ) ) ) ), gl_FragColor.w );\n\t#endif\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n}";
+	const vertex$h = "varying vec2 vUv;\nuniform mat3 uvTransform;\nvoid main() {\n\tvUv = ( uvTransform * vec3( uv, 1 ) ).xy;\n\tgl_Position = vec4( position.xy, 1.0, 1.0 );\n}";
+	const fragment$h = "uniform sampler2D t2D;\nuniform float backgroundIntensity;\nvarying vec2 vUv;\nvoid main() {\n\tvec4 texColor = texture2D( t2D, vUv );\n\t#ifdef DECODE_VIDEO_TEXTURE\n\t\ttexColor = vec4( mix( pow( texColor.rgb * 0.9478672986 + vec3( 0.0521327014 ), vec3( 2.4 ) ), texColor.rgb * 0.0773993808, vec3( lessThanEqual( texColor.rgb, vec3( 0.04045 ) ) ) ), texColor.w );\n\t#endif\n\ttexColor.rgb *= backgroundIntensity;\n\tgl_FragColor = texColor;\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n}";
+
+	const vertex$g = "varying vec3 vWorldDirection;\n#include <common>\nvoid main() {\n\tvWorldDirection = transformDirection( position, modelMatrix );\n\t#include <begin_vertex>\n\t#include <project_vertex>\n\tgl_Position.z = gl_Position.w;\n}";
+	const fragment$g = "#ifdef ENVMAP_TYPE_CUBE\n\tuniform samplerCube envMap;\n#elif defined( ENVMAP_TYPE_CUBE_UV )\n\tuniform sampler2D envMap;\n#endif\nuniform float flipEnvMap;\nuniform float backgroundBlurriness;\nuniform float backgroundIntensity;\nvarying vec3 vWorldDirection;\n#include <cube_uv_reflection_fragment>\nvoid main() {\n\t#ifdef ENVMAP_TYPE_CUBE\n\t\tvec4 texColor = textureCube( envMap, vec3( flipEnvMap * vWorldDirection.x, vWorldDirection.yz ) );\n\t#elif defined( ENVMAP_TYPE_CUBE_UV )\n\t\tvec4 texColor = textureCubeUV( envMap, vWorldDirection, backgroundBlurriness );\n\t#else\n\t\tvec4 texColor = vec4( 0.0, 0.0, 0.0, 1.0 );\n\t#endif\n\ttexColor.rgb *= backgroundIntensity;\n\tgl_FragColor = texColor;\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n}";
 
 	const vertex$f = "varying vec3 vWorldDirection;\n#include <common>\nvoid main() {\n\tvWorldDirection = transformDirection( position, modelMatrix );\n\t#include <begin_vertex>\n\t#include <project_vertex>\n\tgl_Position.z = gl_Position.w;\n}";
-	const fragment$f = "#include <envmap_common_pars_fragment>\nuniform float opacity;\nvarying vec3 vWorldDirection;\n#include <cube_uv_reflection_fragment>\nvoid main() {\n\tvec3 vReflect = vWorldDirection;\n\t#include <envmap_fragment>\n\tgl_FragColor = envColor;\n\tgl_FragColor.a *= opacity;\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n}";
+	const fragment$f = "uniform samplerCube tCube;\nuniform float tFlip;\nuniform float opacity;\nvarying vec3 vWorldDirection;\nvoid main() {\n\tvec4 texColor = textureCube( tCube, vec3( tFlip * vWorldDirection.x, vWorldDirection.yz ) );\n\tgl_FragColor = texColor;\n\tgl_FragColor.a *= opacity;\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n}";
 
 	const vertex$e = "#include <common>\n#include <uv_pars_vertex>\n#include <displacementmap_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <skinning_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvarying vec2 vHighPrecisionZW;\nvoid main() {\n\t#include <uv_vertex>\n\t#include <skinbase_vertex>\n\t#ifdef USE_DISPLACEMENTMAP\n\t\t#include <beginnormal_vertex>\n\t\t#include <morphnormal_vertex>\n\t\t#include <skinnormal_vertex>\n\t#endif\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <skinning_vertex>\n\t#include <displacementmap_vertex>\n\t#include <project_vertex>\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n\tvHighPrecisionZW = gl_Position.zw;\n}";
 	const fragment$e = "#if DEPTH_PACKING == 3200\n\tuniform float opacity;\n#endif\n#include <common>\n#include <packing>\n#include <uv_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <alphatest_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvarying vec2 vHighPrecisionZW;\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tvec4 diffuseColor = vec4( 1.0 );\n\t#if DEPTH_PACKING == 3200\n\t\tdiffuseColor.a = opacity;\n\t#endif\n\t#include <map_fragment>\n\t#include <alphamap_fragment>\n\t#include <alphatest_fragment>\n\t#include <logdepthbuf_fragment>\n\tfloat fragCoordZ = 0.5 * vHighPrecisionZW[0] / vHighPrecisionZW[1] + 0.5;\n\t#if DEPTH_PACKING == 3200\n\t\tgl_FragColor = vec4( vec3( 1.0 - fragCoordZ ), opacity );\n\t#elif DEPTH_PACKING == 3201\n\t\tgl_FragColor = packDepthToRGBA( fragCoordZ );\n\t#endif\n}";
@@ -10037,8 +10055,10 @@
 		uv2_pars_vertex: uv2_pars_vertex,
 		uv2_vertex: uv2_vertex,
 		worldpos_vertex: worldpos_vertex,
-		background_vert: vertex$g,
-		background_frag: fragment$g,
+		background_vert: vertex$h,
+		background_frag: fragment$h,
+		backgroundCube_vert: vertex$g,
+		backgroundCube_frag: fragment$g,
 		cube_vert: vertex$f,
 		cube_frag: fragment$f,
 		depth_vert: vertex$e,
@@ -10478,17 +10498,44 @@
 				},
 				t2D: {
 					value: null
+				},
+				backgroundIntensity: {
+					value: 1
 				}
 			},
 			vertexShader: ShaderChunk.background_vert,
 			fragmentShader: ShaderChunk.background_frag
 		},
+		backgroundCube: {
+			uniforms: {
+				envMap: {
+					value: null
+				},
+				flipEnvMap: {
+					value: -1
+				},
+				backgroundBlurriness: {
+					value: 0
+				},
+				backgroundIntensity: {
+					value: 1
+				}
+			},
+			vertexShader: ShaderChunk.backgroundCube_vert,
+			fragmentShader: ShaderChunk.backgroundCube_frag
+		},
 		cube: {
-			uniforms: /*@__PURE__*/mergeUniforms([UniformsLib.envmap, {
+			uniforms: {
+				tCube: {
+					value: null
+				},
+				tFlip: {
+					value: -1
+				},
 				opacity: {
 					value: 1.0
 				}
-			}]),
+			},
 			vertexShader: ShaderChunk.cube_vert,
 			fragmentShader: ShaderChunk.cube_frag
 		},
@@ -10623,7 +10670,13 @@
 		fragmentShader: ShaderChunk.meshphysical_frag
 	};
 
-	function WebGLBackground(renderer, cubemaps, state, objects, alpha, premultipliedAlpha) {
+	const _rgb = {
+		r: 0,
+		b: 0,
+		g: 0
+	};
+
+	function WebGLBackground(renderer, cubemaps, cubeuvmaps, state, objects, alpha, premultipliedAlpha) {
 		const clearColor = new Color(0x000000);
 		let clearAlpha = alpha === true ? 0 : 1;
 		let planeMesh;
@@ -10637,7 +10690,9 @@
 			let background = scene.isScene === true ? scene.background : null;
 
 			if (background && background.isTexture) {
-				background = cubemaps.get(background);
+				const usePMREM = scene.backgroundBlurriness > 0; // use PMREM if the user wants to blur the background
+
+				background = (usePMREM ? cubeuvmaps : cubemaps).get(background);
 			} // Ignore background in AR
 			// TODO: Reconsider this.
 
@@ -10664,9 +10719,9 @@
 				if (boxMesh === undefined) {
 					boxMesh = new Mesh(new BoxGeometry(1, 1, 1), new ShaderMaterial({
 						name: 'BackgroundCubeMaterial',
-						uniforms: cloneUniforms(ShaderLib.cube.uniforms),
-						vertexShader: ShaderLib.cube.vertexShader,
-						fragmentShader: ShaderLib.cube.fragmentShader,
+						uniforms: cloneUniforms(ShaderLib.backgroundCube.uniforms),
+						vertexShader: ShaderLib.backgroundCube.vertexShader,
+						fragmentShader: ShaderLib.backgroundCube.fragmentShader,
 						side: BackSide,
 						depthTest: false,
 						depthWrite: false,
@@ -10690,6 +10745,8 @@
 
 				boxMesh.material.uniforms.envMap.value = background;
 				boxMesh.material.uniforms.flipEnvMap.value = background.isCubeTexture && background.isRenderTargetTexture === false ? -1 : 1;
+				boxMesh.material.uniforms.backgroundBlurriness.value = scene.backgroundBlurriness;
+				boxMesh.material.uniforms.backgroundIntensity.value = scene.backgroundIntensity;
 
 				if (currentBackground !== background || currentBackgroundVersion !== background.version || currentTonemapping !== renderer.toneMapping) {
 					boxMesh.material.needsUpdate = true;
@@ -10724,6 +10781,7 @@
 				}
 
 				planeMesh.material.uniforms.t2D.value = background;
+				planeMesh.material.uniforms.backgroundIntensity.value = scene.backgroundIntensity;
 
 				if (background.matrixAutoUpdate === true) {
 					background.updateMatrix();
@@ -10745,7 +10803,8 @@
 		}
 
 		function setClear(color, alpha) {
-			state.buffers.color.setClear(color.r, color.g, color.b, alpha, premultipliedAlpha);
+			color.getRGB(_rgb, getUnlitUniformColorSpace(renderer));
+			state.buffers.color.setClear(_rgb.r, _rgb.g, _rgb.b, alpha, premultipliedAlpha);
 		}
 
 		return {
@@ -13170,28 +13229,58 @@
 		if (cache[0] === v) return;
 		gl.uniform1i(this.addr, v);
 		cache[0] = v;
-	} // Single integer / boolean vector (from flat array)
+	} // Single integer / boolean vector (from flat array or THREE.VectorN)
 
 
 	function setValueV2i(gl, v) {
 		const cache = this.cache;
-		if (arraysEqual(cache, v)) return;
-		gl.uniform2iv(this.addr, v);
-		copyArray(cache, v);
+
+		if (v.x !== undefined) {
+			if (cache[0] !== v.x || cache[1] !== v.y) {
+				gl.uniform2i(this.addr, v.x, v.y);
+				cache[0] = v.x;
+				cache[1] = v.y;
+			}
+		} else {
+			if (arraysEqual(cache, v)) return;
+			gl.uniform2iv(this.addr, v);
+			copyArray(cache, v);
+		}
 	}
 
 	function setValueV3i(gl, v) {
 		const cache = this.cache;
-		if (arraysEqual(cache, v)) return;
-		gl.uniform3iv(this.addr, v);
-		copyArray(cache, v);
+
+		if (v.x !== undefined) {
+			if (cache[0] !== v.x || cache[1] !== v.y || cache[2] !== v.z) {
+				gl.uniform3i(this.addr, v.x, v.y, v.z);
+				cache[0] = v.x;
+				cache[1] = v.y;
+				cache[2] = v.z;
+			}
+		} else {
+			if (arraysEqual(cache, v)) return;
+			gl.uniform3iv(this.addr, v);
+			copyArray(cache, v);
+		}
 	}
 
 	function setValueV4i(gl, v) {
 		const cache = this.cache;
-		if (arraysEqual(cache, v)) return;
-		gl.uniform4iv(this.addr, v);
-		copyArray(cache, v);
+
+		if (v.x !== undefined) {
+			if (cache[0] !== v.x || cache[1] !== v.y || cache[2] !== v.z || cache[3] !== v.w) {
+				gl.uniform4i(this.addr, v.x, v.y, v.z, v.w);
+				cache[0] = v.x;
+				cache[1] = v.y;
+				cache[2] = v.z;
+				cache[3] = v.w;
+			}
+		} else {
+			if (arraysEqual(cache, v)) return;
+			gl.uniform4iv(this.addr, v);
+			copyArray(cache, v);
+		}
 	} // Single unsigned integer
 
 
@@ -13200,28 +13289,58 @@
 		if (cache[0] === v) return;
 		gl.uniform1ui(this.addr, v);
 		cache[0] = v;
-	} // Single unsigned integer vector (from flat array)
+	} // Single unsigned integer vector (from flat array or THREE.VectorN)
 
 
 	function setValueV2ui(gl, v) {
 		const cache = this.cache;
-		if (arraysEqual(cache, v)) return;
-		gl.uniform2uiv(this.addr, v);
-		copyArray(cache, v);
+
+		if (v.x !== undefined) {
+			if (cache[0] !== v.x || cache[1] !== v.y) {
+				gl.uniform2ui(this.addr, v.x, v.y);
+				cache[0] = v.x;
+				cache[1] = v.y;
+			}
+		} else {
+			if (arraysEqual(cache, v)) return;
+			gl.uniform2uiv(this.addr, v);
+			copyArray(cache, v);
+		}
 	}
 
 	function setValueV3ui(gl, v) {
 		const cache = this.cache;
-		if (arraysEqual(cache, v)) return;
-		gl.uniform3uiv(this.addr, v);
-		copyArray(cache, v);
+
+		if (v.x !== undefined) {
+			if (cache[0] !== v.x || cache[1] !== v.y || cache[2] !== v.z) {
+				gl.uniform3ui(this.addr, v.x, v.y, v.z);
+				cache[0] = v.x;
+				cache[1] = v.y;
+				cache[2] = v.z;
+			}
+		} else {
+			if (arraysEqual(cache, v)) return;
+			gl.uniform3uiv(this.addr, v);
+			copyArray(cache, v);
+		}
 	}
 
 	function setValueV4ui(gl, v) {
 		const cache = this.cache;
-		if (arraysEqual(cache, v)) return;
-		gl.uniform4uiv(this.addr, v);
-		copyArray(cache, v);
+
+		if (v.x !== undefined) {
+			if (cache[0] !== v.x || cache[1] !== v.y || cache[2] !== v.z || cache[3] !== v.w) {
+				gl.uniform4ui(this.addr, v.x, v.y, v.z, v.w);
+				cache[0] = v.x;
+				cache[1] = v.y;
+				cache[2] = v.z;
+				cache[3] = v.w;
+			}
+		} else {
+			if (arraysEqual(cache, v)) return;
+			gl.uniform4uiv(this.addr, v);
+			copyArray(cache, v);
+		}
 	} // Single texture (2D / Cube)
 
 
@@ -13457,9 +13576,14 @@
 
 
 	function setValueT1Array(gl, v, textures) {
+		const cache = this.cache;
 		const n = v.length;
 		const units = allocTexUnits(textures, n);
-		gl.uniform1iv(this.addr, units);
+
+		if (!arraysEqual(cache, units)) {
+			gl.uniform1iv(this.addr, units);
+			copyArray(cache, units);
+		}
 
 		for (let i = 0; i !== n; ++i) {
 			textures.setTexture2D(v[i] || emptyTexture, units[i]);
@@ -13467,9 +13591,14 @@
 	}
 
 	function setValueT3DArray(gl, v, textures) {
+		const cache = this.cache;
 		const n = v.length;
 		const units = allocTexUnits(textures, n);
-		gl.uniform1iv(this.addr, units);
+
+		if (!arraysEqual(cache, units)) {
+			gl.uniform1iv(this.addr, units);
+			copyArray(cache, units);
+		}
 
 		for (let i = 0; i !== n; ++i) {
 			textures.setTexture3D(v[i] || empty3dTexture, units[i]);
@@ -13477,9 +13606,14 @@
 	}
 
 	function setValueT6Array(gl, v, textures) {
+		const cache = this.cache;
 		const n = v.length;
 		const units = allocTexUnits(textures, n);
-		gl.uniform1iv(this.addr, units);
+
+		if (!arraysEqual(cache, units)) {
+			gl.uniform1iv(this.addr, units);
+			copyArray(cache, units);
+		}
 
 		for (let i = 0; i !== n; ++i) {
 			textures.setTextureCube(v[i] || emptyCubeTexture, units[i]);
@@ -13487,9 +13621,14 @@
 	}
 
 	function setValueT2DArrayArray(gl, v, textures) {
+		const cache = this.cache;
 		const n = v.length;
 		const units = allocTexUnits(textures, n);
-		gl.uniform1iv(this.addr, units);
+
+		if (!arraysEqual(cache, units)) {
+			gl.uniform1iv(this.addr, units);
+			copyArray(cache, units);
+		}
 
 		for (let i = 0; i !== n; ++i) {
 			textures.setTexture2DArray(v[i] || emptyArrayTexture, units[i]);
@@ -15070,10 +15209,7 @@
 
 					spotLength++;
 				} else if (light.isRectAreaLight) {
-					const uniforms = cache.get(light); // (a) intensity is the total visible light emitted
-					//uniforms.color.copy( color ).multiplyScalar( intensity / ( light.width * light.height * Math.PI ) );
-					// (b) intensity is the brightness of the light
-
+					const uniforms = cache.get(light);
 					uniforms.color.copy(color).multiplyScalar(intensity);
 					uniforms.halfWidth.set(light.width * 0.5, 0.0, 0.0);
 					uniforms.halfHeight.set(0.0, light.height * 0.5, 0.0);
@@ -15555,7 +15691,7 @@
 				result = light.isPointLight === true ? _distanceMaterial : _depthMaterial;
 			}
 
-			if (_renderer.localClippingEnabled && material.clipShadows === true && Array.isArray(material.clippingPlanes) && material.clippingPlanes.length !== 0 || material.displacementMap && material.displacementScale !== 0 || material.alphaMap && material.alphaTest > 0) {
+			if (_renderer.localClippingEnabled && material.clipShadows === true && Array.isArray(material.clippingPlanes) && material.clippingPlanes.length !== 0 || material.displacementMap && material.displacementScale !== 0 || material.alphaMap && material.alphaTest > 0 || material.map && material.alphaTest > 0) {
 				// in this case we need a unique material instance reflecting the
 				// appropriate state
 				const keyA = result.uuid,
@@ -15588,6 +15724,7 @@
 
 			result.alphaMap = material.alphaMap;
 			result.alphaTest = material.alphaTest;
+			result.map = material.map;
 			result.clipShadows = material.clipShadows;
 			result.clippingPlanes = material.clippingPlanes;
 			result.clipIntersection = material.clipIntersection;
@@ -15708,45 +15845,41 @@
 				},
 				setFunc: function (depthFunc) {
 					if (currentDepthFunc !== depthFunc) {
-						if (depthFunc) {
-							switch (depthFunc) {
-								case NeverDepth:
-									gl.depthFunc(gl.NEVER);
-									break;
+						switch (depthFunc) {
+							case NeverDepth:
+								gl.depthFunc(gl.NEVER);
+								break;
 
-								case AlwaysDepth:
-									gl.depthFunc(gl.ALWAYS);
-									break;
+							case AlwaysDepth:
+								gl.depthFunc(gl.ALWAYS);
+								break;
 
-								case LessDepth:
-									gl.depthFunc(gl.LESS);
-									break;
+							case LessDepth:
+								gl.depthFunc(gl.LESS);
+								break;
 
-								case LessEqualDepth:
-									gl.depthFunc(gl.LEQUAL);
-									break;
+							case LessEqualDepth:
+								gl.depthFunc(gl.LEQUAL);
+								break;
 
-								case EqualDepth:
-									gl.depthFunc(gl.EQUAL);
-									break;
+							case EqualDepth:
+								gl.depthFunc(gl.EQUAL);
+								break;
 
-								case GreaterEqualDepth:
-									gl.depthFunc(gl.GEQUAL);
-									break;
+							case GreaterEqualDepth:
+								gl.depthFunc(gl.GEQUAL);
+								break;
 
-								case GreaterDepth:
-									gl.depthFunc(gl.GREATER);
-									break;
+							case GreaterDepth:
+								gl.depthFunc(gl.GREATER);
+								break;
 
-								case NotEqualDepth:
-									gl.depthFunc(gl.NOTEQUAL);
-									break;
+							case NotEqualDepth:
+								gl.depthFunc(gl.NOTEQUAL);
+								break;
 
-								default:
-									gl.depthFunc(gl.LEQUAL);
-							}
-						} else {
-							gl.depthFunc(gl.LEQUAL);
+							default:
+								gl.depthFunc(gl.LEQUAL);
 						}
 
 						currentDepthFunc = depthFunc;
@@ -16132,7 +16265,7 @@
 			}
 
 			currentBlending = blending;
-			currentPremultipledAlpha = null;
+			currentPremultipledAlpha = false;
 		}
 
 		function setMaterial(material, frontFaceCW) {
@@ -16230,22 +16363,31 @@
 			}
 		}
 
-		function bindTexture(webglType, webglTexture) {
-			if (currentTextureSlot === null) {
-				activeTexture();
+		function bindTexture(webglType, webglTexture, webglSlot) {
+			if (webglSlot === undefined) {
+				if (currentTextureSlot === null) {
+					webglSlot = gl.TEXTURE0 + maxTextures - 1;
+				} else {
+					webglSlot = currentTextureSlot;
+				}
 			}
 
-			let boundTexture = currentBoundTextures[currentTextureSlot];
+			let boundTexture = currentBoundTextures[webglSlot];
 
 			if (boundTexture === undefined) {
 				boundTexture = {
 					type: undefined,
 					texture: undefined
 				};
-				currentBoundTextures[currentTextureSlot] = boundTexture;
+				currentBoundTextures[webglSlot] = boundTexture;
 			}
 
 			if (boundTexture.type !== webglType || boundTexture.texture !== webglTexture) {
+				if (currentTextureSlot !== webglSlot) {
+					gl.activeTexture(webglSlot);
+					currentTextureSlot = webglSlot;
+				}
+
 				gl.bindTexture(webglType, webglTexture || emptyTextures[webglType]);
 				boundTexture.type = webglType;
 				boundTexture.texture = webglTexture;
@@ -16270,6 +16412,14 @@
 			}
 		}
 
+		function compressedTexImage3D() {
+			try {
+				gl.compressedTexImage3D.apply(gl, arguments);
+			} catch (error) {
+				console.error('THREE.WebGLState:', error);
+			}
+		}
+
 		function texSubImage2D() {
 			try {
 				gl.texSubImage2D.apply(gl, arguments);
@@ -16294,6 +16444,14 @@
 			}
 		}
 
+		function compressedTexSubImage3D() {
+			try {
+				gl.compressedTexSubImage3D.apply(gl, arguments);
+			} catch (error) {
+				console.error('THREE.WebGLState:', error);
+			}
+		}
+
 		function texStorage2D() {
 			try {
 				gl.texStorage2D.apply(gl, arguments);
@@ -16456,6 +16614,7 @@
 			bindTexture: bindTexture,
 			unbindTexture: unbindTexture,
 			compressedTexImage2D: compressedTexImage2D,
+			compressedTexImage3D: compressedTexImage3D,
 			texImage2D: texImage2D,
 			texImage3D: texImage3D,
 			updateUBOMapping: updateUBOMapping,
@@ -16465,6 +16624,7 @@
 			texSubImage2D: texSubImage2D,
 			texSubImage3D: texSubImage3D,
 			compressedTexSubImage2D: compressedTexSubImage2D,
+			compressedTexSubImage3D: compressedTexSubImage3D,
 			scissor: scissor,
 			viewport: viewport,
 			reset: reset
@@ -16478,7 +16638,7 @@
 		const maxTextureSize = capabilities.maxTextureSize;
 		const maxSamples = capabilities.maxSamples;
 		const multisampledRTTExt = extensions.has('WEBGL_multisampled_render_to_texture') ? extensions.get('WEBGL_multisampled_render_to_texture') : null;
-		const supportsInvalidateFramebuffer = /OculusBrowser/g.test(navigator.userAgent);
+		const supportsInvalidateFramebuffer = typeof navigator === 'undefined' ? false : /OculusBrowser/g.test(navigator.userAgent);
 
 		const _videoTextures = new WeakMap();
 
@@ -16556,7 +16716,7 @@
 			_gl.generateMipmap(target);
 		}
 
-		function getInternalFormat(internalFormatName, glFormat, glType, encoding, isVideoTexture = false) {
+		function getInternalFormat(internalFormatName, glFormat, glType, encoding, forceLinearEncoding = false) {
 			if (isWebGL2 === false) return glFormat;
 
 			if (internalFormatName !== null) {
@@ -16581,7 +16741,7 @@
 			if (glFormat === _gl.RGBA) {
 				if (glType === _gl.FLOAT) internalFormat = _gl.RGBA32F;
 				if (glType === _gl.HALF_FLOAT) internalFormat = _gl.RGBA16F;
-				if (glType === _gl.UNSIGNED_BYTE) internalFormat = encoding === sRGBEncoding && isVideoTexture === false ? _gl.SRGB8_ALPHA8 : _gl.RGBA8;
+				if (glType === _gl.UNSIGNED_BYTE) internalFormat = encoding === sRGBEncoding && forceLinearEncoding === false ? _gl.SRGB8_ALPHA8 : _gl.RGBA8;
 				if (glType === _gl.UNSIGNED_SHORT_4_4_4_4) internalFormat = _gl.RGBA4;
 				if (glType === _gl.UNSIGNED_SHORT_5_5_5_1) internalFormat = _gl.RGB5_A1;
 			}
@@ -16748,6 +16908,7 @@
 			const array = [];
 			array.push(texture.wrapS);
 			array.push(texture.wrapT);
+			array.push(texture.wrapR || 0);
 			array.push(texture.magFilter);
 			array.push(texture.minFilter);
 			array.push(texture.anisotropy);
@@ -16780,8 +16941,7 @@
 				}
 			}
 
-			state.activeTexture(_gl.TEXTURE0 + slot);
-			state.bindTexture(_gl.TEXTURE_2D, textureProperties.__webglTexture);
+			state.bindTexture(_gl.TEXTURE_2D, textureProperties.__webglTexture, _gl.TEXTURE0 + slot);
 		}
 
 		function setTexture2DArray(texture, slot) {
@@ -16792,8 +16952,7 @@
 				return;
 			}
 
-			state.activeTexture(_gl.TEXTURE0 + slot);
-			state.bindTexture(_gl.TEXTURE_2D_ARRAY, textureProperties.__webglTexture);
+			state.bindTexture(_gl.TEXTURE_2D_ARRAY, textureProperties.__webglTexture, _gl.TEXTURE0 + slot);
 		}
 
 		function setTexture3D(texture, slot) {
@@ -16804,8 +16963,7 @@
 				return;
 			}
 
-			state.activeTexture(_gl.TEXTURE0 + slot);
-			state.bindTexture(_gl.TEXTURE_3D, textureProperties.__webglTexture);
+			state.bindTexture(_gl.TEXTURE_3D, textureProperties.__webglTexture, _gl.TEXTURE0 + slot);
 		}
 
 		function setTextureCube(texture, slot) {
@@ -16816,8 +16974,7 @@
 				return;
 			}
 
-			state.activeTexture(_gl.TEXTURE0 + slot);
-			state.bindTexture(_gl.TEXTURE_CUBE_MAP, textureProperties.__webglTexture);
+			state.bindTexture(_gl.TEXTURE_CUBE_MAP, textureProperties.__webglTexture, _gl.TEXTURE0 + slot);
 		}
 
 		const wrappingToGL = {
@@ -16942,14 +17099,16 @@
 
 		function uploadTexture(textureProperties, texture, slot) {
 			let textureType = _gl.TEXTURE_2D;
-			if (texture.isDataArrayTexture) textureType = _gl.TEXTURE_2D_ARRAY;
+			if (texture.isDataArrayTexture || texture.isCompressedArrayTexture) textureType = _gl.TEXTURE_2D_ARRAY;
 			if (texture.isData3DTexture) textureType = _gl.TEXTURE_3D;
 			const forceUpload = initTexture(textureProperties, texture);
 			const source = texture.source;
-			state.activeTexture(_gl.TEXTURE0 + slot);
-			state.bindTexture(textureType, textureProperties.__webglTexture);
+			state.bindTexture(textureType, textureProperties.__webglTexture, _gl.TEXTURE0 + slot);
+			const sourceProperties = properties.get(source);
+
+			if (source.version !== sourceProperties.__version || forceUpload === true) {
+				state.activeTexture(_gl.TEXTURE0 + slot);
 
-			if (source.version !== source.__currentVersion || forceUpload === true) {
 				_gl.pixelStorei(_gl.UNPACK_FLIP_Y_WEBGL, texture.flipY);
 
 				_gl.pixelStorei(_gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, texture.premultiplyAlpha);
@@ -16969,7 +17128,7 @@
 				let mipmap;
 				const mipmaps = texture.mipmaps;
 				const useTexStorage = isWebGL2 && texture.isVideoTexture !== true;
-				const allocateMemory = source.__currentVersion === undefined || forceUpload === true;
+				const allocateMemory = sourceProperties.__version === undefined || forceUpload === true;
 				const levels = getMipLevels(texture, image, supportsMips);
 
 				if (texture.isDepthTexture) {
@@ -17058,28 +17217,56 @@
 						}
 					}
 				} else if (texture.isCompressedTexture) {
-					if (useTexStorage && allocateMemory) {
-						state.texStorage2D(_gl.TEXTURE_2D, levels, glInternalFormat, mipmaps[0].width, mipmaps[0].height);
-					}
+					if (texture.isCompressedArrayTexture) {
+						if (useTexStorage && allocateMemory) {
+							state.texStorage3D(_gl.TEXTURE_2D_ARRAY, levels, glInternalFormat, mipmaps[0].width, mipmaps[0].height, image.depth);
+						}
 
-					for (let i = 0, il = mipmaps.length; i < il; i++) {
-						mipmap = mipmaps[i];
+						for (let i = 0, il = mipmaps.length; i < il; i++) {
+							mipmap = mipmaps[i];
 
-						if (texture.format !== RGBAFormat) {
-							if (glFormat !== null) {
-								if (useTexStorage) {
-									state.compressedTexSubImage2D(_gl.TEXTURE_2D, i, 0, 0, mipmap.width, mipmap.height, glFormat, mipmap.data);
+							if (texture.format !== RGBAFormat) {
+								if (glFormat !== null) {
+									if (useTexStorage) {
+										state.compressedTexSubImage3D(_gl.TEXTURE_2D_ARRAY, i, 0, 0, 0, mipmap.width, mipmap.height, image.depth, glFormat, mipmap.data, 0, 0);
+									} else {
+										state.compressedTexImage3D(_gl.TEXTURE_2D_ARRAY, i, glInternalFormat, mipmap.width, mipmap.height, image.depth, 0, mipmap.data, 0, 0);
+									}
 								} else {
-									state.compressedTexImage2D(_gl.TEXTURE_2D, i, glInternalFormat, mipmap.width, mipmap.height, 0, mipmap.data);
+									console.warn('THREE.WebGLRenderer: Attempt to load unsupported compressed texture format in .uploadTexture()');
 								}
 							} else {
-								console.warn('THREE.WebGLRenderer: Attempt to load unsupported compressed texture format in .uploadTexture()');
+								if (useTexStorage) {
+									state.texSubImage3D(_gl.TEXTURE_2D_ARRAY, i, 0, 0, 0, mipmap.width, mipmap.height, image.depth, glFormat, glType, mipmap.data);
+								} else {
+									state.texImage3D(_gl.TEXTURE_2D_ARRAY, i, glInternalFormat, mipmap.width, mipmap.height, image.depth, 0, glFormat, glType, mipmap.data);
+								}
 							}
-						} else {
-							if (useTexStorage) {
-								state.texSubImage2D(_gl.TEXTURE_2D, i, 0, 0, mipmap.width, mipmap.height, glFormat, glType, mipmap.data);
+						}
+					} else {
+						if (useTexStorage && allocateMemory) {
+							state.texStorage2D(_gl.TEXTURE_2D, levels, glInternalFormat, mipmaps[0].width, mipmaps[0].height);
+						}
+
+						for (let i = 0, il = mipmaps.length; i < il; i++) {
+							mipmap = mipmaps[i];
+
+							if (texture.format !== RGBAFormat) {
+								if (glFormat !== null) {
+									if (useTexStorage) {
+										state.compressedTexSubImage2D(_gl.TEXTURE_2D, i, 0, 0, mipmap.width, mipmap.height, glFormat, mipmap.data);
+									} else {
+										state.compressedTexImage2D(_gl.TEXTURE_2D, i, glInternalFormat, mipmap.width, mipmap.height, 0, mipmap.data);
+									}
+								} else {
+									console.warn('THREE.WebGLRenderer: Attempt to load unsupported compressed texture format in .uploadTexture()');
+								}
 							} else {
-								state.texImage2D(_gl.TEXTURE_2D, i, glInternalFormat, mipmap.width, mipmap.height, 0, glFormat, glType, mipmap.data);
+								if (useTexStorage) {
+									state.texSubImage2D(_gl.TEXTURE_2D, i, 0, 0, mipmap.width, mipmap.height, glFormat, glType, mipmap.data);
+								} else {
+									state.texImage2D(_gl.TEXTURE_2D, i, glInternalFormat, mipmap.width, mipmap.height, 0, glFormat, glType, mipmap.data);
+								}
 							}
 						}
 					}
@@ -17156,7 +17343,7 @@
 					generateMipmap(textureType);
 				}
 
-				source.__currentVersion = source.version;
+				sourceProperties.__version = source.version;
 				if (texture.onUpdate) texture.onUpdate(texture);
 			}
 
@@ -17167,10 +17354,12 @@
 			if (texture.image.length !== 6) return;
 			const forceUpload = initTexture(textureProperties, texture);
 			const source = texture.source;
-			state.activeTexture(_gl.TEXTURE0 + slot);
-			state.bindTexture(_gl.TEXTURE_CUBE_MAP, textureProperties.__webglTexture);
+			state.bindTexture(_gl.TEXTURE_CUBE_MAP, textureProperties.__webglTexture, _gl.TEXTURE0 + slot);
+			const sourceProperties = properties.get(source);
+
+			if (source.version !== sourceProperties.__version || forceUpload === true) {
+				state.activeTexture(_gl.TEXTURE0 + slot);
 
-			if (source.version !== source.__currentVersion || forceUpload === true) {
 				_gl.pixelStorei(_gl.UNPACK_FLIP_Y_WEBGL, texture.flipY);
 
 				_gl.pixelStorei(_gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, texture.premultiplyAlpha);
@@ -17199,7 +17388,7 @@
 							glType = utils.convert(texture.type),
 							glInternalFormat = getInternalFormat(texture.internalFormat, glFormat, glType, texture.encoding);
 				const useTexStorage = isWebGL2 && texture.isVideoTexture !== true;
-				const allocateMemory = source.__currentVersion === undefined || forceUpload === true;
+				const allocateMemory = sourceProperties.__version === undefined || forceUpload === true;
 				let levels = getMipLevels(texture, image, supportsMips);
 				setTextureParameters(_gl.TEXTURE_CUBE_MAP, texture, supportsMips);
 				let mipmaps;
@@ -17288,7 +17477,7 @@
 					generateMipmap(_gl.TEXTURE_CUBE_MAP);
 				}
 
-				source.__currentVersion = source.version;
+				sourceProperties.__version = source.version;
 				if (texture.onUpdate) texture.onUpdate(texture);
 			}
 
@@ -17315,7 +17504,8 @@
 
 			if (useMultisampledRTT(renderTarget)) {
 				multisampledRTTExt.framebufferTexture2DMultisampleEXT(_gl.FRAMEBUFFER, attachment, textureTarget, properties.get(texture).__webglTexture, 0, getRenderTargetSamples(renderTarget));
-			} else {
+			} else if (textureTarget === _gl.TEXTURE_2D || textureTarget >= _gl.TEXTURE_CUBE_MAP_POSITIVE_X && textureTarget <= _gl.TEXTURE_CUBE_MAP_NEGATIVE_Z) {
+				// see #24753
 				_gl.framebufferTexture2D(_gl.FRAMEBUFFER, attachment, textureTarget, properties.get(texture).__webglTexture, 0);
 			}
 
@@ -17527,7 +17717,7 @@
 
 						const glFormat = utils.convert(texture.format, texture.encoding);
 						const glType = utils.convert(texture.type);
-						const glInternalFormat = getInternalFormat(texture.internalFormat, glFormat, glType, texture.encoding);
+						const glInternalFormat = getInternalFormat(texture.internalFormat, glFormat, glType, texture.encoding, renderTarget.isXRRenderTarget === true);
 						const samples = getRenderTargetSamples(renderTarget);
 
 						_gl.renderbufferStorageMultisample(_gl.RENDERBUFFER, samples, glInternalFormat, renderTarget.width, renderTarget.height);
@@ -17807,8 +17997,7 @@
 			if (p === LuminanceFormat) return gl.LUMINANCE;
 			if (p === LuminanceAlphaFormat) return gl.LUMINANCE_ALPHA;
 			if (p === DepthFormat) return gl.DEPTH_COMPONENT;
-			if (p === DepthStencilFormat) return gl.DEPTH_STENCIL;
-			if (p === RedFormat) return gl.RED; // @deprecated since r137
+			if (p === DepthStencilFormat) return gl.DEPTH_STENCIL; // @deprecated since r137
 
 			if (p === RGBFormat) {
 				console.warn('THREE.WebGLRenderer: THREE.RGBFormat has been removed. Use THREE.RGBAFormat instead. https://github.com/mrdoob/three.js/pull/23228');
@@ -17827,6 +18016,7 @@
 			} // WebGL2 formats.
 
 
+			if (p === RedFormat) return gl.RED;
 			if (p === RedIntegerFormat) return gl.RED_INTEGER;
 			if (p === RGFormat) return gl.RG;
 			if (p === RGIntegerFormat) return gl.RG_INTEGER;
@@ -18419,6 +18609,25 @@
 			return this;
 		}
 
+		connect(inputSource) {
+			if (inputSource && inputSource.hand) {
+				const hand = this._hand;
+
+				if (hand) {
+					for (const inputjoint of inputSource.hand.values()) {
+						// Initialize hand with joints when connected
+						this._getHandJoint(hand, inputjoint);
+					}
+				}
+			}
+
+			this.dispatchEvent({
+				type: 'connected',
+				data: inputSource
+			});
+			return this;
+		}
+
 		disconnect(inputSource) {
 			this.dispatchEvent({
 				type: 'disconnected',
@@ -18454,19 +18663,9 @@
 
 					for (const inputjoint of inputSource.hand.values()) {
 						// Update the joints groups with the XRJoint poses
-						const jointPose = frame.getJointPose(inputjoint, referenceSpace);
+						const jointPose = frame.getJointPose(inputjoint, referenceSpace); // The transform of this joint will be updated with the joint pose on each frame
 
-						if (hand.joints[inputjoint.jointName] === undefined) {
-							// The transform of this joint will be updated with the joint pose on each frame
-							const joint = new Group();
-							joint.matrixAutoUpdate = false;
-							joint.visible = false;
-							hand.joints[inputjoint.jointName] = joint; // ??
-
-							hand.add(joint);
-						}
-
-						const joint = hand.joints[inputjoint.jointName];
+						const joint = this._getHandJoint(hand, inputjoint);
 
 						if (jointPose !== null) {
 							joint.matrix.fromArray(jointPose.transform.matrix);
@@ -18568,6 +18767,19 @@
 			}
 
 			return this;
+		} // private method
+
+
+		_getHandJoint(hand, inputjoint) {
+			if (hand.joints[inputjoint.jointName] === undefined) {
+				const joint = new Group();
+				joint.matrixAutoUpdate = false;
+				joint.visible = false;
+				hand.joints[inputjoint.jointName] = joint;
+				hand.add(joint);
+			}
+
+			return hand.joints[inputjoint.jointName];
 		}
 
 	}
@@ -18616,7 +18828,9 @@
 			let initialRenderTarget = null;
 			let newRenderTarget = null;
 			const controllers = [];
-			const controllerInputSources = []; //
+			const controllerInputSources = [];
+			const planes = new Set();
+			const planesLastChangedTimes = new Map(); //
 
 			const cameraL = new PerspectiveCamera();
 			cameraL.layers.enable(1);
@@ -18859,11 +19073,12 @@
 			};
 
 			this.removeLayer = function (layer) {
+				layers.splice(layers.indexOf(layer), 1);
+
 				if (!window.XRWebGLBinding || !this.layersEnabled || !session) {
 					return;
 				}
 
-				layers.splice(layers.indexOf(layer), 1);
 				this.updateLayers();
 			};
 
@@ -18885,10 +19100,7 @@
 
 					if (index >= 0) {
 						controllerInputSources[index] = null;
-						controllers[index].dispatchEvent({
-							type: 'disconnected',
-							data: inputSource
-						});
+						controllers[index].disconnect(inputSource);
 					}
 				} // Notify connected
 
@@ -18918,10 +19130,7 @@
 					const controller = controllers[controllerIndex];
 
 					if (controller) {
-						controller.dispatchEvent({
-							type: 'connected',
-							data: inputSource
-						});
+						controller.connect(inputSource);
 					}
 				}
 			} //
@@ -19059,6 +19268,10 @@
 				if (glBaseLayer !== null && glBaseLayer.fixedFoveation !== undefined) {
 					glBaseLayer.fixedFoveation = foveation;
 				}
+			};
+
+			this.getPlanes = function () {
+				return planes;
 			}; // Animation Loop
 
 
@@ -19133,6 +19346,57 @@
 				}
 
 				if (onAnimationFrameCallback) onAnimationFrameCallback(time, frame);
+
+				if (frame.detectedPlanes) {
+					scope.dispatchEvent({
+						type: 'planesdetected',
+						data: frame.detectedPlanes
+					});
+					let planesToRemove = null;
+
+					for (const plane of planes) {
+						if (!frame.detectedPlanes.has(plane)) {
+							if (planesToRemove === null) {
+								planesToRemove = [];
+							}
+
+							planesToRemove.push(plane);
+						}
+					}
+
+					if (planesToRemove !== null) {
+						for (const plane of planesToRemove) {
+							planes.delete(plane);
+							planesLastChangedTimes.delete(plane);
+							scope.dispatchEvent({
+								type: 'planeremoved',
+								data: plane
+							});
+						}
+					}
+
+					for (const plane of frame.detectedPlanes) {
+						if (!planes.has(plane)) {
+							planes.add(plane);
+							planesLastChangedTimes.set(plane, frame.lastChangedTime);
+							scope.dispatchEvent({
+								type: 'planeadded',
+								data: plane
+							});
+						} else {
+							const lastKnownTime = planesLastChangedTimes.get(plane);
+
+							if (plane.lastChangedTime > lastKnownTime) {
+								planesLastChangedTimes.set(plane, plane.lastChangedTime);
+								scope.dispatchEvent({
+									type: 'planechanged',
+									data: plane
+								});
+							}
+						}
+					}
+				}
+
 				xrFrame = null;
 			}
 
@@ -19150,7 +19414,7 @@
 
 	function WebGLMaterials(renderer, properties) {
 		function refreshFogUniforms(uniforms, fog) {
-			uniforms.fogColor.value.copy(fog.color);
+			fog.color.getRGB(uniforms.fogColor.value, getUnlitUniformColorSpace(renderer));
 
 			if (fog.isFog) {
 				uniforms.fogNear.value = fog.near;
@@ -19899,20 +20163,7 @@
 		this.physicallyCorrectLights = false; // tone mapping
 
 		this.toneMapping = NoToneMapping;
-		this.toneMappingExposure = 1.0; //
-
-		Object.defineProperties(this, {
-			// @deprecated since r136, 0e21088102b4de7e0a0a33140620b7a3424b9e6d
-			gammaFactor: {
-				get: function () {
-					console.warn('THREE.WebGLRenderer: .gammaFactor has been removed.');
-					return 2;
-				},
-				set: function () {
-					console.warn('THREE.WebGLRenderer: .gammaFactor has been removed.');
-				}
-			}
-		}); // internal properties
+		this.toneMappingExposure = 1.0; // internal properties
 
 		const _this = this;
 
@@ -20065,7 +20316,7 @@
 			materials = new WebGLMaterials(_this, properties);
 			renderLists = new WebGLRenderLists();
 			renderStates = new WebGLRenderStates(extensions, capabilities);
-			background = new WebGLBackground(_this, cubemaps, state, objects, _alpha, _premultipliedAlpha);
+			background = new WebGLBackground(_this, cubemaps, cubeuvmaps, state, objects, _alpha, _premultipliedAlpha);
 			shadowMap = new WebGLShadowMap(_this, objects, capabilities);
 			uniformsGroups = new WebGLUniformsGroups(_gl, info, capabilities, state);
 			bufferRenderer = new WebGLBufferRenderer(_gl, extensions, info, capabilities);
@@ -20328,22 +20579,35 @@
 			state.setMaterial(material, frontFaceCW); //
 
 			let index = geometry.index;
-			const position = geometry.attributes.position; //
-
-			if (index === null) {
-				if (position === undefined || position.count === 0) return;
-			} else if (index.count === 0) {
-				return;
-			} //
-
-
 			let rangeFactor = 1;
 
 			if (material.wireframe === true) {
 				index = geometries.getWireframeAttribute(geometry);
 				rangeFactor = 2;
+			} //
+
+
+			const drawRange = geometry.drawRange;
+			const position = geometry.attributes.position;
+			let drawStart = drawRange.start * rangeFactor;
+			let drawEnd = (drawRange.start + drawRange.count) * rangeFactor;
+
+			if (group !== null) {
+				drawStart = Math.max(drawStart, group.start * rangeFactor);
+				drawEnd = Math.min(drawEnd, (group.start + group.count) * rangeFactor);
 			}
 
+			if (index !== null) {
+				drawStart = Math.max(drawStart, 0);
+				drawEnd = Math.min(drawEnd, index.count);
+			} else if (position !== undefined && position !== null) {
+				drawStart = Math.max(drawStart, 0);
+				drawEnd = Math.min(drawEnd, position.count);
+			}
+
+			const drawCount = drawEnd - drawStart;
+			if (drawCount < 0 || drawCount === Infinity) return; //
+
 			bindingStates.setup(object, material, program, geometry, index);
 			let attribute;
 			let renderer = bufferRenderer;
@@ -20355,16 +20619,6 @@
 			} //
 
 
-			const dataCount = index !== null ? index.count : position.count;
-			const rangeStart = geometry.drawRange.start * rangeFactor;
-			const rangeCount = geometry.drawRange.count * rangeFactor;
-			const groupStart = group !== null ? group.start * rangeFactor : 0;
-			const groupCount = group !== null ? group.count * rangeFactor : Infinity;
-			const drawStart = Math.max(rangeStart, groupStart);
-			const drawEnd = Math.min(dataCount, rangeStart + rangeCount, groupStart + groupCount) - 1;
-			const drawCount = Math.max(0, drawEnd - drawStart + 1);
-			if (drawCount === 0) return; //
-
 			if (object.isMesh) {
 				if (material.wireframe === true) {
 					state.setLineWidth(material.wireframeLinewidth * getTargetPixelRatio());
@@ -20394,7 +20648,8 @@
 			if (object.isInstancedMesh) {
 				renderer.renderInstances(drawStart, drawCount, object.count);
 			} else if (geometry.isInstancedBufferGeometry) {
-				const instanceCount = Math.min(geometry.instanceCount, geometry._maxInstanceCount);
+				const maxInstanceCount = geometry._maxInstanceCount !== undefined ? geometry._maxInstanceCount : Infinity;
+				const instanceCount = Math.min(geometry.instanceCount, maxInstanceCount);
 				renderer.renderInstances(drawStart, drawCount, instanceCount);
 			} else {
 				renderer.render(drawStart, drawCount);
@@ -21136,6 +21391,9 @@
 			_currentActiveCubeFace = activeCubeFace;
 			_currentActiveMipmapLevel = activeMipmapLevel;
 			let useDefaultFramebuffer = true;
+			let framebuffer = null;
+			let isCube = false;
+			let isRenderTarget3D = false;
 
 			if (renderTarget) {
 				const renderTargetProperties = properties.get(renderTarget);
@@ -21150,16 +21408,10 @@
 					// Color and depth texture must be rebound in order for the swapchain to update.
 					textures.rebindTextures(renderTarget, properties.get(renderTarget.texture).__webglTexture, properties.get(renderTarget.depthTexture).__webglTexture);
 				}
-			}
 
-			let framebuffer = null;
-			let isCube = false;
-			let isRenderTarget3D = false;
-
-			if (renderTarget) {
 				const texture = renderTarget.texture;
 
-				if (texture.isData3DTexture || texture.isDataArrayTexture) {
+				if (texture.isData3DTexture || texture.isDataArrayTexture || texture.isCompressedArrayTexture) {
 					isRenderTarget3D = true;
 				}
 
@@ -21352,7 +21604,7 @@
 			if (srcTexture.isDataTexture || srcTexture.isData3DTexture) {
 				_gl.texSubImage3D(glTarget, level, position.x, position.y, position.z, width, height, depth, glFormat, glType, image.data);
 			} else {
-				if (srcTexture.isCompressedTexture) {
+				if (srcTexture.isCompressedArrayTexture) {
 					console.warn('THREE.WebGLRenderer.copyTextureToTexture3D: untested support for compressed srcTexture.');
 
 					_gl.compressedTexSubImage3D(glTarget, level, position.x, position.y, position.z, width, height, depth, glFormat, image.data);
@@ -21381,7 +21633,7 @@
 				textures.setTextureCube(texture, 0);
 			} else if (texture.isData3DTexture) {
 				textures.setTexture3D(texture, 0);
-			} else if (texture.isDataArrayTexture) {
+			} else if (texture.isDataArrayTexture || texture.isCompressedArrayTexture) {
 				textures.setTexture2DArray(texture, 0);
 			} else {
 				textures.setTexture2D(texture, 0);
@@ -21463,6 +21715,8 @@
 			this.background = null;
 			this.environment = null;
 			this.fog = null;
+			this.backgroundBlurriness = 0;
+			this.backgroundIntensity = 1;
 			this.overrideMaterial = null;
 
 			if (typeof __THREE_DEVTOOLS__ !== 'undefined') {
@@ -21477,6 +21731,8 @@
 			if (source.background !== null) this.background = source.background.clone();
 			if (source.environment !== null) this.environment = source.environment.clone();
 			if (source.fog !== null) this.fog = source.fog.clone();
+			this.backgroundBlurriness = source.backgroundBlurriness;
+			this.backgroundIntensity = source.backgroundIntensity;
 			if (source.overrideMaterial !== null) this.overrideMaterial = source.overrideMaterial.clone();
 			this.matrixAutoUpdate = source.matrixAutoUpdate;
 			return this;
@@ -21485,6 +21741,8 @@
 		toJSON(meta) {
 			const data = super.toJSON(meta);
 			if (this.fog !== null) data.object.fog = this.fog.toJSON();
+			if (this.backgroundBlurriness > 0) data.backgroundBlurriness = this.backgroundBlurriness;
+			if (this.backgroundIntensity !== 1) data.backgroundIntensity = this.backgroundIntensity;
 			return data;
 		} // @deprecated
 
@@ -21755,7 +22013,7 @@
 
 		clone(data) {
 			if (data === undefined) {
-				console.log('THREE.InterleavedBufferAttribute.clone(): Cloning an interleaved buffer attribute will deinterleave buffer data.');
+				console.log('THREE.InterleavedBufferAttribute.clone(): Cloning an interleaved buffer attribute will de-interleave buffer data.');
 				const array = [];
 
 				for (let i = 0; i < this.count; i++) {
@@ -21782,7 +22040,7 @@
 
 		toJSON(data) {
 			if (data === undefined) {
-				console.log('THREE.InterleavedBufferAttribute.toJSON(): Serializing an interleaved buffer attribute will deinterleave buffer data.');
+				console.log('THREE.InterleavedBufferAttribute.toJSON(): Serializing an interleaved buffer attribute will de-interleave buffer data.');
 				const array = [];
 
 				for (let i = 0; i < this.count; i++) {
@@ -21791,7 +22049,7 @@
 					for (let j = 0; j < this.itemSize; j++) {
 						array.push(this.data.array[index + j]);
 					}
-				} // deinterleave data and save it as an ordinary buffer attribute for now
+				} // de-interleave data and save it as an ordinary buffer attribute for now
 
 
 				return {
@@ -21801,7 +22059,7 @@
 					normalized: this.normalized
 				};
 			} else {
-				// save as true interleaved attribtue
+				// save as true interleaved attribute
 				if (data.interleavedBuffers === undefined) {
 					data.interleavedBuffers = {};
 				}
@@ -22017,14 +22275,14 @@
 
 			for (let i = 0, l = levels.length; i < l; i++) {
 				const level = levels[i];
-				this.addLevel(level.object.clone(), level.distance);
+				this.addLevel(level.object.clone(), level.distance, level.hysteresis);
 			}
 
 			this.autoUpdate = source.autoUpdate;
 			return this;
 		}
 
-		addLevel(object, distance = 0) {
+		addLevel(object, distance = 0, hysteresis = 0) {
 			distance = Math.abs(distance);
 			const levels = this.levels;
 			let l;
@@ -22037,6 +22295,7 @@
 
 			levels.splice(l, 0, {
 				distance: distance,
+				hysteresis: hysteresis,
 				object: object
 			});
 			this.add(object);
@@ -22054,7 +22313,13 @@
 				let i, l;
 
 				for (i = 1, l = levels.length; i < l; i++) {
-					if (distance < levels[i].distance) {
+					let levelDistance = levels[i].distance;
+
+					if (levels[i].object.visible) {
+						levelDistance -= levelDistance * levels[i].hysteresis;
+					}
+
+					if (distance < levelDistance) {
 						break;
 					}
 				}
@@ -22089,7 +22354,13 @@
 				let i, l;
 
 				for (i = 1, l = levels.length; i < l; i++) {
-					if (distance >= levels[i].distance) {
+					let levelDistance = levels[i].distance;
+
+					if (levels[i].object.visible) {
+						levelDistance -= levelDistance * levels[i].hysteresis;
+					}
+
+					if (distance >= levelDistance) {
 						levels[i - 1].object.visible = false;
 						levels[i].object.visible = true;
 					} else {
@@ -22115,7 +22386,8 @@
 				const level = levels[i];
 				data.object.levels.push({
 					object: level.object.uuid,
-					distance: level.distance
+					distance: level.distance,
+					hysteresis: level.hysteresis
 				});
 			}
 
@@ -22471,6 +22743,8 @@
 
 	const _instanceIntersects = [];
 
+	const _identity = /*@__PURE__*/new Matrix4();
+
 	const _mesh = /*@__PURE__*/new Mesh();
 
 	class InstancedMesh extends Mesh {
@@ -22481,6 +22755,10 @@
 			this.instanceColor = null;
 			this.count = count;
 			this.frustumCulled = false;
+
+			for (let i = 0; i < count; i++) {
+				this.setMatrixAt(i, _identity);
+			}
 		}
 
 		copy(source, recursive) {
@@ -22997,6 +23275,16 @@
 
 	}
 
+	class CompressedArrayTexture extends CompressedTexture {
+		constructor(mipmaps, width, height, depth, format, type) {
+			super(mipmaps, width, height, format, type);
+			this.isCompressedArrayTexture = true;
+			this.image.depth = depth;
+			this.wrapR = ClampToEdgeWrapping;
+		}
+
+	}
+
 	class CanvasTexture extends Texture {
 		constructor(canvas, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy) {
 			super(canvas, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy);
@@ -24716,7 +25004,7 @@
 			function subdivide(detail) {
 				const a = new Vector3();
 				const b = new Vector3();
-				const c = new Vector3(); // iterate over all faces and apply a subdivison with the given detail value
+				const c = new Vector3(); // iterate over all faces and apply a subdivision with the given detail value
 
 				for (let i = 0; i < indices.length; i += 3) {
 					// get the vertices of the face
@@ -25082,7 +25370,7 @@
 	}
 
 	/**
-	 * Port from https://github.com/mapbox/earcut (v2.2.2)
+	 * Port from https://github.com/mapbox/earcut (v2.2.4)
 	 */
 	const Earcut = {
 		triangulate: function (data, holeIndices, dim = 2) {
@@ -25109,10 +25397,10 @@
 
 
 				invSize = Math.max(maxX - minX, maxY - minY);
-				invSize = invSize !== 0 ? 1 / invSize : 0;
+				invSize = invSize !== 0 ? 32767 / invSize : 0;
 			}
 
-			earcutLinked(outerNode, triangles, dim, minX, minY, invSize);
+			earcutLinked(outerNode, triangles, dim, minX, minY, invSize, 0);
 			return triangles;
 		}
 	}; // create a circular doubly linked list from polygon points in the specified winding order
@@ -25172,9 +25460,9 @@
 
 			if (invSize ? isEarHashed(ear, minX, minY, invSize) : isEar(ear)) {
 				// cut off the triangle
-				triangles.push(prev.i / dim);
-				triangles.push(ear.i / dim);
-				triangles.push(next.i / dim);
+				triangles.push(prev.i / dim | 0);
+				triangles.push(ear.i / dim | 0);
+				triangles.push(next.i / dim | 0);
 				removeNode(ear); // skipping the next vertex leads to less sliver triangles
 
 				ear = next.next;
@@ -25208,10 +25496,21 @@
 		if (area(a, b, c) >= 0) return false; // reflex, can't be an ear
 		// now make sure we don't have other points inside the potential ear
 
-		let p = ear.next.next;
-
-		while (p !== ear.prev) {
-			if (pointInTriangle(a.x, a.y, b.x, b.y, c.x, c.y, p.x, p.y) && area(p.prev, p, p.next) >= 0) return false;
+		const ax = a.x,
+					bx = b.x,
+					cx = c.x,
+					ay = a.y,
+					by = b.y,
+					cy = c.y; // triangle bbox; min & max are calculated like this for speed
+
+		const x0 = ax < bx ? ax < cx ? ax : cx : bx < cx ? bx : cx,
+					y0 = ay < by ? ay < cy ? ay : cy : by < cy ? by : cy,
+					x1 = ax > bx ? ax > cx ? ax : cx : bx > cx ? bx : cx,
+					y1 = ay > by ? ay > cy ? ay : cy : by > cy ? by : cy;
+		let p = c.next;
+
+		while (p !== a) {
+			if (p.x >= x0 && p.x <= x1 && p.y >= y0 && p.y <= y1 && pointInTriangle(ax, ay, bx, by, cx, cy, p.x, p.y) && area(p.prev, p, p.next) >= 0) return false;
 			p = p.next;
 		}
 
@@ -25223,34 +25522,40 @@
 					b = ear,
 					c = ear.next;
 		if (area(a, b, c) >= 0) return false; // reflex, can't be an ear
-		// triangle bbox; min & max are calculated like this for speed
 
-		const minTX = a.x < b.x ? a.x < c.x ? a.x : c.x : b.x < c.x ? b.x : c.x,
-					minTY = a.y < b.y ? a.y < c.y ? a.y : c.y : b.y < c.y ? b.y : c.y,
-					maxTX = a.x > b.x ? a.x > c.x ? a.x : c.x : b.x > c.x ? b.x : c.x,
-					maxTY = a.y > b.y ? a.y > c.y ? a.y : c.y : b.y > c.y ? b.y : c.y; // z-order range for the current triangle bbox;
+		const ax = a.x,
+					bx = b.x,
+					cx = c.x,
+					ay = a.y,
+					by = b.y,
+					cy = c.y; // triangle bbox; min & max are calculated like this for speed
 
-		const minZ = zOrder(minTX, minTY, minX, minY, invSize),
-					maxZ = zOrder(maxTX, maxTY, minX, minY, invSize);
+		const x0 = ax < bx ? ax < cx ? ax : cx : bx < cx ? bx : cx,
+					y0 = ay < by ? ay < cy ? ay : cy : by < cy ? by : cy,
+					x1 = ax > bx ? ax > cx ? ax : cx : bx > cx ? bx : cx,
+					y1 = ay > by ? ay > cy ? ay : cy : by > cy ? by : cy; // z-order range for the current triangle bbox;
+
+		const minZ = zOrder(x0, y0, minX, minY, invSize),
+					maxZ = zOrder(x1, y1, minX, minY, invSize);
 		let p = ear.prevZ,
 				n = ear.nextZ; // look for points inside the triangle in both directions
 
 		while (p && p.z >= minZ && n && n.z <= maxZ) {
-			if (p !== ear.prev && p !== ear.next && pointInTriangle(a.x, a.y, b.x, b.y, c.x, c.y, p.x, p.y) && area(p.prev, p, p.next) >= 0) return false;
+			if (p.x >= x0 && p.x <= x1 && p.y >= y0 && p.y <= y1 && p !== a && p !== c && pointInTriangle(ax, ay, bx, by, cx, cy, p.x, p.y) && area(p.prev, p, p.next) >= 0) return false;
 			p = p.prevZ;
-			if (n !== ear.prev && n !== ear.next && pointInTriangle(a.x, a.y, b.x, b.y, c.x, c.y, n.x, n.y) && area(n.prev, n, n.next) >= 0) return false;
+			if (n.x >= x0 && n.x <= x1 && n.y >= y0 && n.y <= y1 && n !== a && n !== c && pointInTriangle(ax, ay, bx, by, cx, cy, n.x, n.y) && area(n.prev, n, n.next) >= 0) return false;
 			n = n.nextZ;
 		} // look for remaining points in decreasing z-order
 
 
 		while (p && p.z >= minZ) {
-			if (p !== ear.prev && p !== ear.next && pointInTriangle(a.x, a.y, b.x, b.y, c.x, c.y, p.x, p.y) && area(p.prev, p, p.next) >= 0) return false;
+			if (p.x >= x0 && p.x <= x1 && p.y >= y0 && p.y <= y1 && p !== a && p !== c && pointInTriangle(ax, ay, bx, by, cx, cy, p.x, p.y) && area(p.prev, p, p.next) >= 0) return false;
 			p = p.prevZ;
 		} // look for remaining points in increasing z-order
 
 
 		while (n && n.z <= maxZ) {
-			if (n !== ear.prev && n !== ear.next && pointInTriangle(a.x, a.y, b.x, b.y, c.x, c.y, n.x, n.y) && area(n.prev, n, n.next) >= 0) return false;
+			if (n.x >= x0 && n.x <= x1 && n.y >= y0 && n.y <= y1 && n !== a && n !== c && pointInTriangle(ax, ay, bx, by, cx, cy, n.x, n.y) && area(n.prev, n, n.next) >= 0) return false;
 			n = n.nextZ;
 		}
 
@@ -25266,9 +25571,9 @@
 						b = p.next.next;
 
 			if (!equals(a, b) && intersects(a, p, p.next, b) && locallyInside(a, b) && locallyInside(b, a)) {
-				triangles.push(a.i / dim);
-				triangles.push(p.i / dim);
-				triangles.push(b.i / dim); // remove two nodes involved
+				triangles.push(a.i / dim | 0);
+				triangles.push(p.i / dim | 0);
+				triangles.push(b.i / dim | 0); // remove two nodes involved
 
 				removeNode(p);
 				removeNode(p.next);
@@ -25297,8 +25602,8 @@
 					a = filterPoints(a, a.next);
 					c = filterPoints(c, c.next); // run earcut on each half
 
-					earcutLinked(a, triangles, dim, minX, minY, invSize);
-					earcutLinked(c, triangles, dim, minX, minY, invSize);
+					earcutLinked(a, triangles, dim, minX, minY, invSize, 0);
+					earcutLinked(c, triangles, dim, minX, minY, invSize, 0);
 					return;
 				}
 
@@ -25325,8 +25630,7 @@
 		queue.sort(compareX); // process holes from left to right
 
 		for (i = 0; i < queue.length; i++) {
-			eliminateHole(queue[i], outerNode);
-			outerNode = filterPoints(outerNode, outerNode.next);
+			outerNode = eliminateHole(queue[i], outerNode);
 		}
 
 		return outerNode;
@@ -25338,23 +25642,25 @@
 
 
 	function eliminateHole(hole, outerNode) {
-		outerNode = findHoleBridge(hole, outerNode);
-
-		if (outerNode) {
-			const b = splitPolygon(outerNode, hole); // filter collinear points around the cuts
+		const bridge = findHoleBridge(hole, outerNode);
 
-			filterPoints(outerNode, outerNode.next);
-			filterPoints(b, b.next);
+		if (!bridge) {
+			return outerNode;
 		}
+
+		const bridgeReverse = splitPolygon(bridge, hole); // filter collinear points around the cuts
+
+		filterPoints(bridgeReverse, bridgeReverse.next);
+		return filterPoints(bridge, bridge.next);
 	} // David Eberly's algorithm for finding a bridge between hole and outer polygon
 
 
 	function findHoleBridge(hole, outerNode) {
-		let p = outerNode;
-		const hx = hole.x;
-		const hy = hole.y;
-		let qx = -Infinity,
-				m; // find a segment intersected by a ray from the hole's leftmost point to the left;
+		let p = outerNode,
+				qx = -Infinity,
+				m;
+		const hx = hole.x,
+					hy = hole.y; // find a segment intersected by a ray from the hole's leftmost point to the left;
 		// segment's endpoint with lesser x will be potential connection point
 
 		do {
@@ -25363,22 +25669,15 @@
 
 				if (x <= hx && x > qx) {
 					qx = x;
-
-					if (x === hx) {
-						if (hy === p.y) return p;
-						if (hy === p.next.y) return p.next;
-					}
-
 					m = p.x < p.next.x ? p : p.next;
+					if (x === hx) return m; // hole touches outer segment; pick leftmost endpoint
 				}
 			}
 
 			p = p.next;
 		} while (p !== outerNode);
 
-		if (!m) return null;
-		if (hx === qx) return m; // hole touches outer segment; pick leftmost endpoint
-		// look for points inside the triangle of hole point, segment intersection and endpoint;
+		if (!m) return null; // look for points inside the triangle of hole point, segment intersection and endpoint;
 		// if there are no points found, we have a valid connection;
 		// otherwise choose the point of the minimum angle with the ray as connection point
 
@@ -25415,7 +25714,7 @@
 		let p = start;
 
 		do {
-			if (p.z === null) p.z = zOrder(p.x, p.y, minX, minY, invSize);
+			if (p.z === 0) p.z = zOrder(p.x, p.y, minX, minY, invSize);
 			p.prevZ = p.prev;
 			p.nextZ = p.next;
 			p = p.next;
@@ -25487,8 +25786,8 @@
 
 	function zOrder(x, y, minX, minY, invSize) {
 		// coords are transformed into non-negative 15-bit integer range
-		x = 32767 * (x - minX) * invSize;
-		y = 32767 * (y - minY) * invSize;
+		x = (x - minX) * invSize | 0;
+		y = (y - minY) * invSize | 0;
 		x = (x | x << 8) & 0x00FF00FF;
 		x = (x | x << 4) & 0x0F0F0F0F;
 		x = (x | x << 2) & 0x33333333;
@@ -25515,12 +25814,12 @@
 
 
 	function pointInTriangle(ax, ay, bx, by, cx, cy, px, py) {
-		return (cx - px) * (ay - py) - (ax - px) * (cy - py) >= 0 && (ax - px) * (by - py) - (bx - px) * (ay - py) >= 0 && (bx - px) * (cy - py) - (cx - px) * (by - py) >= 0;
+		return (cx - px) * (ay - py) >= (ax - px) * (cy - py) && (ax - px) * (by - py) >= (bx - px) * (ay - py) && (bx - px) * (cy - py) >= (cx - px) * (by - py);
 	} // check if a diagonal between two polygon nodes is valid (lies in polygon interior)
 
 
 	function isValidDiagonal(a, b) {
-		return a.next.i !== b.i && a.prev.i !== b.i && !intersectsPolygon(a, b) && ( // doesn't intersect other edges
+		return a.next.i !== b.i && a.prev.i !== b.i && !intersectsPolygon(a, b) && ( // dones't intersect other edges
 		locallyInside(a, b) && locallyInside(b, a) && middleInside(a, b) && ( // locally visible
 		area(a.prev, a, b.prev) || area(a, b.prev, b)) || // does not create opposite-facing sectors
 		equals(a, b) && area(a.prev, a, a.next) > 0 && area(b.prev, b, b.next) > 0); // special zero-length case
@@ -25648,7 +25947,7 @@
 		this.prev = null;
 		this.next = null; // z-order curve value
 
-		this.z = null; // previous and next nodes in z-order
+		this.z = 0; // previous and next nodes in z-order
 
 		this.prevZ = null;
 		this.nextZ = null; // indicates whether this is a steiner point
@@ -26426,7 +26725,7 @@
 					vertices.push(vertex.x, vertex.y, 0);
 					normals.push(0, 0, 1);
 					uvs.push(vertex.x, vertex.y); // world uvs
-				} // incides
+				} // indices
 
 
 				for (let i = 0, l = faces.length; i < l; i++) {
@@ -27121,7 +27420,7 @@
 			this.transmissionMap = null;
 			this.thickness = 0;
 			this.thicknessMap = null;
-			this.attenuationDistance = 0.0;
+			this.attenuationDistance = Infinity;
 			this.attenuationColor = new Color(1, 1, 1);
 			this.specularIntensity = 1.0;
 			this.specularIntensityMap = null;
@@ -29063,8 +29362,10 @@
 					}
 
 					const callbacks = loading[url];
-					const reader = response.body.getReader();
-					const contentLength = response.headers.get('Content-Length');
+					const reader = response.body.getReader(); // Nginx needs X-File-Size check
+					// https://serverfault.com/questions/482875/why-does-nginx-remove-content-length-header-for-chunked-content
+
+					const contentLength = response.headers.get('Content-Length') || response.headers.get('X-File-Size');
 					const total = contentLength ? parseInt(contentLength) : 0;
 					const lengthComputable = total !== 0;
 					let loaded = 0; // periodically read data into the new stream tracking while download progress
@@ -29599,8 +29900,7 @@
 			this._frustum.setFromProjectionMatrix(_projScreenMatrix$1);
 
 			shadowMatrix.set(0.5, 0.0, 0.0, 0.5, 0.0, 0.5, 0.0, 0.5, 0.0, 0.0, 0.5, 0.5, 0.0, 0.0, 0.0, 1.0);
-			shadowMatrix.multiply(shadowCamera.projectionMatrix);
-			shadowMatrix.multiply(shadowCamera.matrixWorldInverse);
+			shadowMatrix.multiply(_projScreenMatrix$1);
 		}
 
 		getViewport(viewportIndex) {
@@ -29678,7 +29978,7 @@
 	}
 
 	class SpotLight extends Light {
-		constructor(color, intensity, distance = 0, angle = Math.PI / 3, penumbra = 0, decay = 1) {
+		constructor(color, intensity, distance = 0, angle = Math.PI / 3, penumbra = 0, decay = 2) {
 			super(color, intensity);
 			this.isSpotLight = true;
 			this.type = 'SpotLight';
@@ -29688,8 +29988,7 @@
 			this.distance = distance;
 			this.angle = angle;
 			this.penumbra = penumbra;
-			this.decay = decay; // for physically correct lights, should be 2.
-
+			this.decay = decay;
 			this.map = null;
 			this.shadow = new SpotLightShadow();
 		}
@@ -29788,13 +30087,12 @@
 	}
 
 	class PointLight extends Light {
-		constructor(color, intensity, distance = 0, decay = 1) {
+		constructor(color, intensity, distance = 0, decay = 2) {
 			super(color, intensity);
 			this.isPointLight = true;
 			this.type = 'PointLight';
 			this.distance = distance;
-			this.decay = decay; // for physically correct lights, should be 2.
-
+			this.decay = decay;
 			this.shadow = new PointLightShadow();
 		}
 
@@ -30417,12 +30715,8 @@
 			return this;
 		}
 
-		clone() {
-			return new this.constructor().copy(this);
-		}
-
 		toJSON() {
-			const data = super.toJSON(this);
+			const data = super.toJSON();
 			data.instanceCount = this.instanceCount;
 			data.isInstancedBufferGeometry = true;
 			return data;
@@ -30603,6 +30897,7 @@
 				const metadata = json.metadata;
 
 				if (metadata === undefined || metadata.type === undefined || metadata.type.toLowerCase() === 'geometry') {
+					if (onError !== undefined) onError(new Error('THREE.ObjectLoader: Can\'t load ' + url));
 					console.error('THREE.ObjectLoader: Can\'t load ' + url);
 					return;
 				}
@@ -31058,6 +31353,7 @@
 						}
 					}
 
+					if (data.backgroundBlurriness !== undefined) object.backgroundBlurriness = data.backgroundBlurriness;
 					break;
 
 				case 'PerspectiveCamera':
@@ -31223,7 +31519,7 @@
 					const child = object.getObjectByProperty('uuid', level.object);
 
 					if (child !== undefined) {
-						object.addLevel(child, level.distance);
+						object.addLevel(child, level.distance, level.hysteresis);
 					}
 				}
 			}
@@ -31334,18 +31630,20 @@
 
 	let _context;
 
-	const AudioContext = {
-		getContext: function () {
+	class AudioContext {
+		static getContext() {
 			if (_context === undefined) {
 				_context = new (window.AudioContext || window.webkitAudioContext)();
 			}
 
 			return _context;
-		},
-		setContext: function (value) {
+		}
+
+		static setContext(value) {
 			_context = value;
 		}
-	};
+
+	}
 
 	class AudioLoader extends Loader {
 		constructor(manager) {
@@ -32589,6 +32887,11 @@
 						break;
 
 					case 'map':
+						if ('map' in targetObject) {
+							targetObject = targetObject.map;
+							break;
+						}
+
 						if (!targetObject.material) {
 							console.error('THREE.PropertyBinding: Can not bind to material as node does not have a material.', this);
 							return;
@@ -34577,10 +34880,10 @@
 		constructor(light, color) {
 			super();
 			this.light = light;
-			this.light.updateMatrixWorld();
 			this.matrix = light.matrixWorld;
 			this.matrixAutoUpdate = false;
 			this.color = color;
+			this.type = 'SpotLightHelper';
 			const geometry = new BufferGeometry();
 			const positions = [0, 0, 0, 0, 0, 1, 0, 0, 0, 1, 0, 1, 0, 0, 0, -1, 0, 1, 0, 0, 0, 0, 1, 1, 0, 0, 0, 0, -1, 1];
 
@@ -34606,7 +34909,8 @@
 		}
 
 		update() {
-			this.light.updateMatrixWorld();
+			this.light.updateWorldMatrix(true, false);
+			this.light.target.updateWorldMatrix(true, false);
 			const coneLength = this.light.distance ? this.light.distance : 1000;
 			const coneWidth = coneLength * Math.tan(this.light.angle);
 			this.cone.scale.set(coneWidth, coneWidth, coneLength);
@@ -34698,6 +35002,11 @@
 			super.updateMatrixWorld(force);
 		}
 
+		dispose() {
+			this.geometry.dispose();
+			this.material.dispose();
+		}
+
 	}
 
 	function getBoneList(object) {
@@ -34724,7 +35033,6 @@
 			});
 			super(geometry, material);
 			this.light = light;
-			this.light.updateMatrixWorld();
 			this.color = color;
 			this.type = 'PointLightHelper';
 			this.matrix = this.light.matrixWorld;
@@ -34752,6 +35060,8 @@
 		}
 
 		update() {
+			this.light.updateWorldMatrix(true, false);
+
 			if (this.color !== undefined) {
 				this.material.color.set(this.color);
 			} else {
@@ -34781,10 +35091,10 @@
 		constructor(light, size, color) {
 			super();
 			this.light = light;
-			this.light.updateMatrixWorld();
 			this.matrix = light.matrixWorld;
 			this.matrixAutoUpdate = false;
 			this.color = color;
+			this.type = 'HemisphereLightHelper';
 			const geometry = new OctahedronGeometry(size);
 			geometry.rotateY(Math.PI * 0.5);
 			this.material = new MeshBasicMaterial({
@@ -34825,6 +35135,7 @@
 				colors.needsUpdate = true;
 			}
 
+			this.light.updateWorldMatrix(true, false);
 			mesh.lookAt(_vector$1.setFromMatrixPosition(this.light.matrixWorld).negate());
 		}
 
@@ -34865,6 +35176,11 @@
 			this.type = 'GridHelper';
 		}
 
+		dispose() {
+			this.geometry.dispose();
+			this.material.dispose();
+		}
+
 	}
 
 	class PolarGridHelper extends LineSegments {
@@ -34919,6 +35235,11 @@
 			this.type = 'PolarGridHelper';
 		}
 
+		dispose() {
+			this.geometry.dispose();
+			this.material.dispose();
+		}
+
 	}
 
 	const _v1 = /*@__PURE__*/new Vector3();
@@ -34931,10 +35252,10 @@
 		constructor(light, size, color) {
 			super();
 			this.light = light;
-			this.light.updateMatrixWorld();
 			this.matrix = light.matrixWorld;
 			this.matrixAutoUpdate = false;
 			this.color = color;
+			this.type = 'DirectionalLightHelper';
 			if (size === undefined) size = 1;
 			let geometry = new BufferGeometry();
 			geometry.setAttribute('position', new Float32BufferAttribute([-size, size, 0, size, size, 0, size, -size, 0, -size, -size, 0, -size, size, 0], 3));
@@ -34959,6 +35280,9 @@
 		}
 
 		update() {
+			this.light.updateWorldMatrix(true, false);
+			this.light.target.updateWorldMatrix(true, false);
+
 			_v1.setFromMatrixPosition(this.light.matrixWorld);
 
 			_v2.setFromMatrixPosition(this.light.target.matrixWorld);
@@ -35306,6 +35630,11 @@
 			return this;
 		}
 
+		dispose() {
+			this.geometry.dispose();
+			this.material.dispose();
+		}
+
 	}
 
 	class Box3Helper extends LineSegments {
@@ -35333,6 +35662,11 @@
 			super.updateMatrixWorld(force);
 		}
 
+		dispose() {
+			this.geometry.dispose();
+			this.material.dispose();
+		}
+
 	}
 
 	class PlaneHelper extends Line {
@@ -35370,6 +35704,13 @@
 			super.updateMatrixWorld(force);
 		}
 
+		dispose() {
+			this.geometry.dispose();
+			this.material.dispose();
+			this.children[0].geometry.dispose();
+			this.children[0].material.dispose();
+		}
+
 	}
 
 	const _axis = /*@__PURE__*/new Vector3();
@@ -35444,6 +35785,13 @@
 			return this;
 		}
 
+		dispose() {
+			this.line.geometry.dispose();
+			this.line.material.dispose();
+			this.cone.geometry.dispose();
+			this.cone.material.dispose();
+		}
+
 	}
 
 	class AxesHelper extends LineSegments {
@@ -36061,6 +36409,7 @@
 	exports.Color = Color;
 	exports.ColorKeyframeTrack = ColorKeyframeTrack;
 	exports.ColorManagement = ColorManagement;
+	exports.CompressedArrayTexture = CompressedArrayTexture;
 	exports.CompressedTexture = CompressedTexture;
 	exports.CompressedTextureLoader = CompressedTextureLoader;
 	exports.ConeBufferGeometry = ConeBufferGeometry;