super-three 0.144.0 → 0.147.1

package/build/three.cjs

@@ -7,7 +7,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const REVISION = '144';
+const REVISION = '147';
 const MOUSE = {
 	LEFT: 0,
 	MIDDLE: 1,
@@ -996,49 +996,44 @@ class Matrix3 {
 		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;
@@ -1078,6 +1073,8 @@ class Matrix3 {
 
 }
 
+const _m3 = /*@__PURE__*/new Matrix3();
+
 function arrayNeedsUint32(array) {
 	// assumes larger values usually on last
 	for (let i = array.length - 1; i >= 0; --i) {
@@ -1307,7 +1304,7 @@ const _colorKeywords = {
 	'yellow': 0xFFFF00,
 	'yellowgreen': 0x9ACD32
 };
-const _rgb = {
+const _rgb$1 = {
 	r: 0,
 	g: 0,
 	b: 0
@@ -1382,7 +1379,7 @@ class Color {
 		return this;
 	}
 
-	setRGB(r, g, b, colorSpace = LinearSRGBColorSpace) {
+	setRGB(r, g, b, colorSpace = ColorManagement.workingColorSpace) {
 		this.r = r;
 		this.g = g;
 		this.b = b;
@@ -1390,7 +1387,7 @@ class Color {
 		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);
@@ -1545,20 +1542,20 @@ class Color {
 	}
 
 	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;
@@ -1594,23 +1591,23 @@ class Color {
 		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) {
@@ -1887,7 +1884,7 @@ function serializeImage(image) {
 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', {
@@ -2086,6 +2083,7 @@ class Texture extends EventDispatcher {
 
 Texture.DEFAULT_IMAGE = null;
 Texture.DEFAULT_MAPPING = UVMapping;
+Texture.DEFAULT_ANISOTROPY = 1;
 
 class Vector4 {
 	constructor(x = 0, y = 0, z = 0, w = 1) {
@@ -2573,7 +2571,7 @@ class Vector4 {
 */
 
 class WebGLRenderTarget extends EventDispatcher {
-	constructor(width, height, options = {}) {
+	constructor(width = 1, height = 1, options = {}) {
 		super();
 		this.isWebGLRenderTarget = true;
 		this.width = width;
@@ -2664,7 +2662,7 @@ class DataArrayTexture extends Texture {
 }
 
 class WebGLArrayRenderTarget extends WebGLRenderTarget {
-	constructor(width, height, depth) {
+	constructor(width = 1, height = 1, depth = 1) {
 		super(width, height);
 		this.isWebGLArrayRenderTarget = true;
 		this.depth = depth;
@@ -2702,7 +2700,7 @@ class Data3DTexture extends Texture {
 }
 
 class WebGL3DRenderTarget extends WebGLRenderTarget {
-	constructor(width, height, depth) {
+	constructor(width = 1, height = 1, depth = 1) {
 		super(width, height);
 		this.isWebGL3DRenderTarget = true;
 		this.depth = depth;
@@ -2713,7 +2711,7 @@ class WebGL3DRenderTarget extends WebGLRenderTarget {
 }
 
 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;
@@ -4055,28 +4053,28 @@ class Box3 {
 
 		_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
@@ -4085,7 +4083,7 @@ class Box3 {
 		_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) {
@@ -4173,7 +4171,7 @@ const _v0$2 = /*@__PURE__*/new Vector3();
 
 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();
@@ -4215,9 +4213,7 @@ const _box$2 = /*@__PURE__*/new Box3();
 
 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) {
@@ -4323,37 +4319,46 @@ class Sphere {
 	}
 
 	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;
 	}
 
@@ -4625,11 +4630,9 @@ class Ray {
 			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;
@@ -6874,7 +6877,7 @@ class Material extends EventDispatcher {
 		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;
@@ -8590,6 +8593,7 @@ class BoxGeometry extends BufferGeometry {
 /**
  * Uniform Utilities
  */
+
 function cloneUniforms(src) {
 	const dst = {};
 
@@ -8632,6 +8636,14 @@ function cloneUniformsGroups(src) {
 	}
 
 	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 = {
@@ -8991,8 +9003,9 @@ class PerspectiveCamera extends Camera {
 
 }
 
-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) {
@@ -9001,33 +9014,33 @@ class CubeCamera extends Object3D {
 		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);
 	}
 
@@ -9083,7 +9096,7 @@ class CubeTexture extends Texture {
 }
 
 class WebGLCubeRenderTarget extends WebGLRenderTarget {
-	constructor(size, options = {}) {
+	constructor(size = 1, options = {}) {
 		super(size, size, options);
 		this.isWebGLCubeRenderTarget = true;
 		const image = {
@@ -9557,6 +9570,8 @@ function WebGLAttributes(gl, capabilities) {
 
 			updateRange.count = -1; // reset range
 		}
+
+		attribute.onUploadCallback();
 	} //
 
 
@@ -9724,7 +9739,7 @@ var encodings_fragment = "gl_FragColor = linearToOutputTexel( gl_FragColor );";
 
 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";
 
@@ -9750,7 +9765,7 @@ var lightmap_pars_fragment = "#ifdef USE_LIGHTMAP\n\tuniform sampler2D lightMap;
 
 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";
 
@@ -9758,11 +9773,11 @@ var envmap_physical_pars_fragment = "#if defined( USE_ENVMAP )\n\tvec3 getIBLIrr
 
 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";
 
@@ -9802,7 +9817,7 @@ var morphtarget_pars_vertex = "#ifdef USE_MORPHTARGETS\n\tuniform float morphTar
 
 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";
 
@@ -9824,7 +9839,7 @@ var iridescence_pars_fragment = "#ifdef USE_IRIDESCENCEMAP\n\tuniform sampler2D
 
 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";
 
@@ -9864,7 +9879,7 @@ var tonemapping_pars_fragment = "#ifndef saturate\n#define saturate( a ) clamp(
 
 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";
 
@@ -9880,11 +9895,14 @@ var uv2_vertex = "#if defined( USE_LIGHTMAP ) || defined( USE_AOMAP )\n\tvUv2 =
 
 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}";
@@ -10035,8 +10053,10 @@ const ShaderChunk = {
 	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,
@@ -10476,17 +10496,44 @@ const ShaderLib = {
 			},
 			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
 	},
@@ -10621,7 +10668,13 @@ ShaderLib.physical = {
 	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;
@@ -10635,7 +10688,9 @@ function WebGLBackground(renderer, cubemaps, state, objects, alpha, premultiplie
 		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.
 
@@ -10662,9 +10717,9 @@ function WebGLBackground(renderer, cubemaps, state, objects, alpha, premultiplie
 			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,
@@ -10688,6 +10743,8 @@ function WebGLBackground(renderer, cubemaps, state, objects, alpha, premultiplie
 
 			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;
@@ -10722,6 +10779,7 @@ function WebGLBackground(renderer, cubemaps, state, objects, alpha, premultiplie
 			}
 
 			planeMesh.material.uniforms.t2D.value = background;
+			planeMesh.material.uniforms.backgroundIntensity.value = scene.backgroundIntensity;
 
 			if (background.matrixAutoUpdate === true) {
 				background.updateMatrix();
@@ -10743,7 +10801,8 @@ function WebGLBackground(renderer, cubemaps, state, objects, alpha, premultiplie
 	}
 
 	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 {
@@ -13168,28 +13227,58 @@ function setValueV1i(gl, v) {
 	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
 
 
@@ -13198,28 +13287,58 @@ function setValueV1ui(gl, v) {
 	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)
 
 
@@ -13455,9 +13574,14 @@ function setValueV4uiArray(gl, v) {
 
 
 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]);
@@ -13465,9 +13589,14 @@ function setValueT1Array(gl, v, textures) {
 }
 
 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]);
@@ -13475,9 +13604,14 @@ function setValueT3DArray(gl, v, textures) {
 }
 
 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]);
@@ -13485,9 +13619,14 @@ function setValueT6Array(gl, v, textures) {
 }
 
 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]);
@@ -15068,10 +15207,7 @@ function WebGLLights(extensions, capabilities) {
 
 				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);
@@ -15553,7 +15689,7 @@ function WebGLShadowMap(_renderer, _objects, _capabilities) {
 			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,
@@ -15586,6 +15722,7 @@ function WebGLShadowMap(_renderer, _objects, _capabilities) {
 
 		result.alphaMap = material.alphaMap;
 		result.alphaTest = material.alphaTest;
+		result.map = material.map;
 		result.clipShadows = material.clipShadows;
 		result.clippingPlanes = material.clippingPlanes;
 		result.clipIntersection = material.clipIntersection;
@@ -15706,45 +15843,41 @@ function WebGLState(gl, extensions, capabilities) {
 			},
 			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;
@@ -16130,7 +16263,7 @@ function WebGLState(gl, extensions, capabilities) {
 		}
 
 		currentBlending = blending;
-		currentPremultipledAlpha = null;
+		currentPremultipledAlpha = false;
 	}
 
 	function setMaterial(material, frontFaceCW) {
@@ -16228,22 +16361,31 @@ function WebGLState(gl, extensions, capabilities) {
 		}
 	}
 
-	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;
@@ -16268,6 +16410,14 @@ function WebGLState(gl, extensions, capabilities) {
 		}
 	}
 
+	function compressedTexImage3D() {
+		try {
+			gl.compressedTexImage3D.apply(gl, arguments);
+		} catch (error) {
+			console.error('THREE.WebGLState:', error);
+		}
+	}
+
 	function texSubImage2D() {
 		try {
 			gl.texSubImage2D.apply(gl, arguments);
@@ -16292,6 +16442,14 @@ function WebGLState(gl, extensions, capabilities) {
 		}
 	}
 
+	function compressedTexSubImage3D() {
+		try {
+			gl.compressedTexSubImage3D.apply(gl, arguments);
+		} catch (error) {
+			console.error('THREE.WebGLState:', error);
+		}
+	}
+
 	function texStorage2D() {
 		try {
 			gl.texStorage2D.apply(gl, arguments);
@@ -16454,6 +16612,7 @@ function WebGLState(gl, extensions, capabilities) {
 		bindTexture: bindTexture,
 		unbindTexture: unbindTexture,
 		compressedTexImage2D: compressedTexImage2D,
+		compressedTexImage3D: compressedTexImage3D,
 		texImage2D: texImage2D,
 		texImage3D: texImage3D,
 		updateUBOMapping: updateUBOMapping,
@@ -16463,6 +16622,7 @@ function WebGLState(gl, extensions, capabilities) {
 		texSubImage2D: texSubImage2D,
 		texSubImage3D: texSubImage3D,
 		compressedTexSubImage2D: compressedTexSubImage2D,
+		compressedTexSubImage3D: compressedTexSubImage3D,
 		scissor: scissor,
 		viewport: viewport,
 		reset: reset
@@ -16476,7 +16636,7 @@ function WebGLTextures(_gl, extensions, state, properties, capabilities, utils,
 	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();
 
@@ -16554,7 +16714,7 @@ function WebGLTextures(_gl, extensions, state, properties, capabilities, utils,
 		_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) {
@@ -16579,7 +16739,7 @@ function WebGLTextures(_gl, extensions, state, properties, capabilities, utils,
 		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;
 		}
@@ -16746,6 +16906,7 @@ function WebGLTextures(_gl, extensions, state, properties, capabilities, utils,
 		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);
@@ -16778,8 +16939,7 @@ function WebGLTextures(_gl, extensions, state, properties, capabilities, utils,
 			}
 		}
 
-		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) {
@@ -16790,8 +16950,7 @@ function WebGLTextures(_gl, extensions, state, properties, capabilities, utils,
 			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) {
@@ -16802,8 +16961,7 @@ function WebGLTextures(_gl, extensions, state, properties, capabilities, utils,
 			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) {
@@ -16814,8 +16972,7 @@ function WebGLTextures(_gl, extensions, state, properties, capabilities, utils,
 			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 = {
@@ -16940,14 +17097,16 @@ function WebGLTextures(_gl, extensions, state, properties, capabilities, utils,
 
 	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);
@@ -16967,7 +17126,7 @@ function WebGLTextures(_gl, extensions, state, properties, capabilities, utils,
 			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) {
@@ -17056,28 +17215,56 @@ function WebGLTextures(_gl, extensions, state, properties, capabilities, utils,
 					}
 				}
 			} 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);
+							}
 						}
 					}
 				}
@@ -17154,7 +17341,7 @@ function WebGLTextures(_gl, extensions, state, properties, capabilities, utils,
 				generateMipmap(textureType);
 			}
 
-			source.__currentVersion = source.version;
+			sourceProperties.__version = source.version;
 			if (texture.onUpdate) texture.onUpdate(texture);
 		}
 
@@ -17165,10 +17352,12 @@ function WebGLTextures(_gl, extensions, state, properties, capabilities, utils,
 		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);
@@ -17197,7 +17386,7 @@ function WebGLTextures(_gl, extensions, state, properties, capabilities, utils,
 						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;
@@ -17286,7 +17475,7 @@ function WebGLTextures(_gl, extensions, state, properties, capabilities, utils,
 				generateMipmap(_gl.TEXTURE_CUBE_MAP);
 			}
 
-			source.__currentVersion = source.version;
+			sourceProperties.__version = source.version;
 			if (texture.onUpdate) texture.onUpdate(texture);
 		}
 
@@ -17313,7 +17502,8 @@ function WebGLTextures(_gl, extensions, state, properties, capabilities, utils,
 
 		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);
 		}
 
@@ -17525,7 +17715,7 @@ function WebGLTextures(_gl, extensions, state, properties, capabilities, utils,
 
 					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);
@@ -17805,8 +17995,7 @@ function WebGLUtils(gl, extensions, capabilities) {
 		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');
@@ -17825,6 +18014,7 @@ function WebGLUtils(gl, extensions, capabilities) {
 		} // 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;
@@ -18417,6 +18607,25 @@ class WebXRController {
 		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',
@@ -18452,19 +18661,9 @@ class WebXRController {
 
 				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);
@@ -18566,6 +18765,19 @@ class WebXRController {
 		}
 
 		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];
 	}
 
 }
@@ -18614,7 +18826,9 @@ class WebXRManager extends EventDispatcher {
 		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);
@@ -18857,11 +19071,12 @@ class WebXRManager extends EventDispatcher {
 		};
 
 		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();
 		};
 
@@ -18883,10 +19098,7 @@ class WebXRManager extends EventDispatcher {
 
 				if (index >= 0) {
 					controllerInputSources[index] = null;
-					controllers[index].dispatchEvent({
-						type: 'disconnected',
-						data: inputSource
-					});
+					controllers[index].disconnect(inputSource);
 				}
 			} // Notify connected
 
@@ -18916,10 +19128,7 @@ class WebXRManager extends EventDispatcher {
 				const controller = controllers[controllerIndex];
 
 				if (controller) {
-					controller.dispatchEvent({
-						type: 'connected',
-						data: inputSource
-					});
+					controller.connect(inputSource);
 				}
 			}
 		} //
@@ -19057,6 +19266,10 @@ class WebXRManager extends EventDispatcher {
 			if (glBaseLayer !== null && glBaseLayer.fixedFoveation !== undefined) {
 				glBaseLayer.fixedFoveation = foveation;
 			}
+		};
+
+		this.getPlanes = function () {
+			return planes;
 		}; // Animation Loop
 
 
@@ -19131,6 +19344,57 @@ class WebXRManager extends EventDispatcher {
 			}
 
 			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;
 		}
 
@@ -19148,7 +19412,7 @@ class WebXRManager extends EventDispatcher {
 
 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;
@@ -19897,20 +20161,7 @@ function WebGLRenderer(parameters = {}) {
 	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;
 
@@ -20063,7 +20314,7 @@ function WebGLRenderer(parameters = {}) {
 		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);
@@ -20326,22 +20577,35 @@ function WebGLRenderer(parameters = {}) {
 		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;
@@ -20353,16 +20617,6 @@ function WebGLRenderer(parameters = {}) {
 		} //
 
 
-		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());
@@ -20392,7 +20646,8 @@ function WebGLRenderer(parameters = {}) {
 		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);
@@ -21134,6 +21389,9 @@ function WebGLRenderer(parameters = {}) {
 		_currentActiveCubeFace = activeCubeFace;
 		_currentActiveMipmapLevel = activeMipmapLevel;
 		let useDefaultFramebuffer = true;
+		let framebuffer = null;
+		let isCube = false;
+		let isRenderTarget3D = false;
 
 		if (renderTarget) {
 			const renderTargetProperties = properties.get(renderTarget);
@@ -21148,16 +21406,10 @@ function WebGLRenderer(parameters = {}) {
 				// 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;
 			}
 
@@ -21350,7 +21602,7 @@ function WebGLRenderer(parameters = {}) {
 		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);
@@ -21379,7 +21631,7 @@ function WebGLRenderer(parameters = {}) {
 			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);
@@ -21461,6 +21713,8 @@ class Scene extends Object3D {
 		this.background = null;
 		this.environment = null;
 		this.fog = null;
+		this.backgroundBlurriness = 0;
+		this.backgroundIntensity = 1;
 		this.overrideMaterial = null;
 
 		if (typeof __THREE_DEVTOOLS__ !== 'undefined') {
@@ -21475,6 +21729,8 @@ class Scene extends Object3D {
 		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;
@@ -21483,6 +21739,8 @@ class Scene extends Object3D {
 	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
 
@@ -21753,7 +22011,7 @@ class InterleavedBufferAttribute {
 
 	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++) {
@@ -21780,7 +22038,7 @@ class InterleavedBufferAttribute {
 
 	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++) {
@@ -21789,7 +22047,7 @@ class InterleavedBufferAttribute {
 				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 {
@@ -21799,7 +22057,7 @@ class InterleavedBufferAttribute {
 				normalized: this.normalized
 			};
 		} else {
-			// save as true interleaved attribtue
+			// save as true interleaved attribute
 			if (data.interleavedBuffers === undefined) {
 				data.interleavedBuffers = {};
 			}
@@ -22015,14 +22273,14 @@ class LOD extends Object3D {
 
 		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;
@@ -22035,6 +22293,7 @@ class LOD extends Object3D {
 
 		levels.splice(l, 0, {
 			distance: distance,
+			hysteresis: hysteresis,
 			object: object
 		});
 		this.add(object);
@@ -22052,7 +22311,13 @@ class LOD extends Object3D {
 			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;
 				}
 			}
@@ -22087,7 +22352,13 @@ class LOD extends Object3D {
 			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 {
@@ -22113,7 +22384,8 @@ class LOD extends Object3D {
 			const level = levels[i];
 			data.object.levels.push({
 				object: level.object.uuid,
-				distance: level.distance
+				distance: level.distance,
+				hysteresis: level.hysteresis
 			});
 		}
 
@@ -22469,6 +22741,8 @@ const _instanceWorldMatrix = /*@__PURE__*/new Matrix4();
 
 const _instanceIntersects = [];
 
+const _identity = /*@__PURE__*/new Matrix4();
+
 const _mesh = /*@__PURE__*/new Mesh();
 
 class InstancedMesh extends Mesh {
@@ -22479,6 +22753,10 @@ class InstancedMesh extends Mesh {
 		this.instanceColor = null;
 		this.count = count;
 		this.frustumCulled = false;
+
+		for (let i = 0; i < count; i++) {
+			this.setMatrixAt(i, _identity);
+		}
 	}
 
 	copy(source, recursive) {
@@ -22995,6 +23273,16 @@ class CompressedTexture extends Texture {
 
 }
 
+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);
@@ -24714,7 +25002,7 @@ class PolyhedronGeometry extends BufferGeometry {
 		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
@@ -25080,7 +25368,7 @@ class Shape extends Path {
 }
 
 /**
- * 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) {
@@ -25107,10 +25395,10 @@ const Earcut = {
 
 
 			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
@@ -25170,9 +25458,9 @@ function earcutLinked(ear, triangles, dim, minX, minY, invSize, pass) {
 
 		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;
@@ -25206,10 +25494,21 @@ function isEar(ear) {
 	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;
 	}
 
@@ -25221,34 +25520,40 @@ function isEarHashed(ear, minX, minY, invSize) {
 				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;
 	}
 
@@ -25264,9 +25569,9 @@ function cureLocalIntersections(start, triangles, dim) {
 					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);
@@ -25295,8 +25600,8 @@ function splitEarcut(start, triangles, dim, minX, minY, invSize) {
 				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;
 			}
 
@@ -25323,8 +25628,7 @@ function eliminateHoles(data, holeIndices, outerNode, dim) {
 	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;
@@ -25336,23 +25640,25 @@ function compareX(a, b) {
 
 
 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 {
@@ -25361,22 +25667,15 @@ function findHoleBridge(hole, outerNode) {
 
 			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
 
@@ -25413,7 +25712,7 @@ function indexCurve(start, minX, minY, invSize) {
 	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;
@@ -25485,8 +25784,8 @@ function sortLinked(list) {
 
 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;
@@ -25513,12 +25812,12 @@ function getLeftmost(start) {
 
 
 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
@@ -25646,7 +25945,7 @@ function Node(i, x, y) {
 	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
@@ -26424,7 +26723,7 @@ class ShapeGeometry extends BufferGeometry {
 				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++) {
@@ -27119,7 +27418,7 @@ class MeshPhysicalMaterial extends MeshStandardMaterial {
 		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;
@@ -29061,8 +29360,10 @@ class FileLoader extends Loader {
 				}
 
 				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
@@ -29597,8 +29898,7 @@ class LightShadow {
 		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) {
@@ -29676,7 +29976,7 @@ class SpotLightShadow extends LightShadow {
 }
 
 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';
@@ -29686,8 +29986,7 @@ class SpotLight extends Light {
 		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();
 	}
@@ -29786,13 +30085,12 @@ class PointLightShadow extends LightShadow {
 }
 
 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();
 	}
 
@@ -30415,12 +30713,8 @@ class InstancedBufferGeometry extends BufferGeometry {
 		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;
@@ -30601,6 +30895,7 @@ class ObjectLoader extends Loader {
 			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;
 			}
@@ -31056,6 +31351,7 @@ class ObjectLoader extends Loader {
 					}
 				}
 
+				if (data.backgroundBlurriness !== undefined) object.backgroundBlurriness = data.backgroundBlurriness;
 				break;
 
 			case 'PerspectiveCamera':
@@ -31221,7 +31517,7 @@ class ObjectLoader extends Loader {
 				const child = object.getObjectByProperty('uuid', level.object);
 
 				if (child !== undefined) {
-					object.addLevel(child, level.distance);
+					object.addLevel(child, level.distance, level.hysteresis);
 				}
 			}
 		}
@@ -31332,18 +31628,20 @@ class ImageBitmapLoader extends Loader {
 
 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) {
@@ -32587,6 +32885,11 @@ class PropertyBinding {
 					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;
@@ -34575,10 +34878,10 @@ class SpotLightHelper extends Object3D {
 	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];
 
@@ -34604,7 +34907,8 @@ class SpotLightHelper extends Object3D {
 	}
 
 	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);
@@ -34696,6 +35000,11 @@ class SkeletonHelper extends LineSegments {
 		super.updateMatrixWorld(force);
 	}
 
+	dispose() {
+		this.geometry.dispose();
+		this.material.dispose();
+	}
+
 }
 
 function getBoneList(object) {
@@ -34722,7 +35031,6 @@ class PointLightHelper extends Mesh {
 		});
 		super(geometry, material);
 		this.light = light;
-		this.light.updateMatrixWorld();
 		this.color = color;
 		this.type = 'PointLightHelper';
 		this.matrix = this.light.matrixWorld;
@@ -34750,6 +35058,8 @@ class PointLightHelper extends Mesh {
 	}
 
 	update() {
+		this.light.updateWorldMatrix(true, false);
+
 		if (this.color !== undefined) {
 			this.material.color.set(this.color);
 		} else {
@@ -34779,10 +35089,10 @@ class HemisphereLightHelper extends Object3D {
 	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({
@@ -34823,6 +35133,7 @@ class HemisphereLightHelper extends Object3D {
 			colors.needsUpdate = true;
 		}
 
+		this.light.updateWorldMatrix(true, false);
 		mesh.lookAt(_vector$1.setFromMatrixPosition(this.light.matrixWorld).negate());
 	}
 
@@ -34863,6 +35174,11 @@ class GridHelper extends LineSegments {
 		this.type = 'GridHelper';
 	}
 
+	dispose() {
+		this.geometry.dispose();
+		this.material.dispose();
+	}
+
 }
 
 class PolarGridHelper extends LineSegments {
@@ -34917,6 +35233,11 @@ class PolarGridHelper extends LineSegments {
 		this.type = 'PolarGridHelper';
 	}
 
+	dispose() {
+		this.geometry.dispose();
+		this.material.dispose();
+	}
+
 }
 
 const _v1 = /*@__PURE__*/new Vector3();
@@ -34929,10 +35250,10 @@ class DirectionalLightHelper extends Object3D {
 	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));
@@ -34957,6 +35278,9 @@ class DirectionalLightHelper extends Object3D {
 	}
 
 	update() {
+		this.light.updateWorldMatrix(true, false);
+		this.light.target.updateWorldMatrix(true, false);
+
 		_v1.setFromMatrixPosition(this.light.matrixWorld);
 
 		_v2.setFromMatrixPosition(this.light.target.matrixWorld);
@@ -35304,6 +35628,11 @@ class BoxHelper extends LineSegments {
 		return this;
 	}
 
+	dispose() {
+		this.geometry.dispose();
+		this.material.dispose();
+	}
+
 }
 
 class Box3Helper extends LineSegments {
@@ -35331,6 +35660,11 @@ class Box3Helper extends LineSegments {
 		super.updateMatrixWorld(force);
 	}
 
+	dispose() {
+		this.geometry.dispose();
+		this.material.dispose();
+	}
+
 }
 
 class PlaneHelper extends Line {
@@ -35368,6 +35702,13 @@ class PlaneHelper extends Line {
 		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();
@@ -35442,6 +35783,13 @@ class ArrowHelper extends Object3D {
 		return this;
 	}
 
+	dispose() {
+		this.line.geometry.dispose();
+		this.line.material.dispose();
+		this.cone.geometry.dispose();
+		this.cone.material.dispose();
+	}
+
 }
 
 class AxesHelper extends LineSegments {
@@ -36059,6 +36407,7 @@ exports.Clock = Clock;
 exports.Color = Color;
 exports.ColorKeyframeTrack = ColorKeyframeTrack;
 exports.ColorManagement = ColorManagement;
+exports.CompressedArrayTexture = CompressedArrayTexture;
 exports.CompressedTexture = CompressedTexture;
 exports.CompressedTextureLoader = CompressedTextureLoader;
 exports.ConeBufferGeometry = ConeBufferGeometry;