globe.gl 2.32.4 → 2.32.5

package/dist/globe.gl.js

@@ -1,4 +1,4 @@
-// Version 2.32.4 globe.gl - https://github.com/vasturiano/globe.gl
+// Version 2.32.5 globe.gl - https://github.com/vasturiano/globe.gl
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
@@ -6,8 +6,8 @@
 })(this, (function () { 'use strict';
 
   function styleInject$1(css, ref) {
-    ref = {};
-    ref.insertAt;
+    if ( ref === void 0 ) ref = {};
+    var insertAt = ref.insertAt;
 
     if (typeof document === 'undefined') { return; }
 
@@ -15,7 +15,13 @@
     var style = document.createElement('style');
     style.type = 'text/css';
 
-    {
+    if (insertAt === 'top') {
+      if (head.firstChild) {
+        head.insertBefore(style, head.firstChild);
+      } else {
+        head.appendChild(style);
+      }
+    } else {
       head.appendChild(style);
     }
 
@@ -29,6 +35,28 @@
   var css_248z$1 = ".scene-container .clickable {\n  cursor: pointer;\n}";
   styleInject$1(css_248z$1);
 
+  function _arrayLikeToArray$7(r, a) {
+    (null == a || a > r.length) && (a = r.length);
+    for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+    return n;
+  }
+  function _arrayWithoutHoles$5(r) {
+    if (Array.isArray(r)) return _arrayLikeToArray$7(r);
+  }
+  function _defineProperty$3(e, r, t) {
+    return (r = _toPropertyKey$4(r)) in e ? Object.defineProperty(e, r, {
+      value: t,
+      enumerable: !0,
+      configurable: !0,
+      writable: !0
+    }) : e[r] = t, e;
+  }
+  function _iterableToArray$5(r) {
+    if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+  }
+  function _nonIterableSpread$5() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
   function ownKeys$2(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -50,93 +78,57 @@
     }
     return e;
   }
+  function _objectWithoutProperties$3(e, t) {
+    if (null == e) return {};
+    var o,
+      r,
+      i = _objectWithoutPropertiesLoose$3(e, t);
+    if (Object.getOwnPropertySymbols) {
+      var n = Object.getOwnPropertySymbols(e);
+      for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+    }
+    return i;
+  }
+  function _objectWithoutPropertiesLoose$3(r, e) {
+    if (null == r) return {};
+    var t = {};
+    for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+      if (e.indexOf(n) >= 0) continue;
+      t[n] = r[n];
+    }
+    return t;
+  }
+  function _toConsumableArray$5(r) {
+    return _arrayWithoutHoles$5(r) || _iterableToArray$5(r) || _unsupportedIterableToArray$7(r) || _nonIterableSpread$5();
+  }
   function _toPrimitive$4(t, r) {
     if ("object" != typeof t || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
-      var i = e.call(t, r );
+      var i = e.call(t, r || "default");
       if ("object" != typeof i) return i;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
-    return (String )(t);
+    return ("string" === r ? String : Number)(t);
   }
   function _toPropertyKey$4(t) {
     var i = _toPrimitive$4(t, "string");
     return "symbol" == typeof i ? i : i + "";
   }
-  function _defineProperty$3(obj, key, value) {
-    key = _toPropertyKey$4(key);
-    if (key in obj) {
-      Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        configurable: true,
-        writable: true
-      });
-    } else {
-      obj[key] = value;
+  function _unsupportedIterableToArray$7(r, a) {
+    if (r) {
+      if ("string" == typeof r) return _arrayLikeToArray$7(r, a);
+      var t = {}.toString.call(r).slice(8, -1);
+      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$7(r, a) : void 0;
     }
-    return obj;
-  }
-  function _objectWithoutPropertiesLoose$3(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-    for (i = 0; i < sourceKeys.length; i++) {
-      key = sourceKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      target[key] = source[key];
-    }
-    return target;
-  }
-  function _objectWithoutProperties$3(source, excluded) {
-    if (source == null) return {};
-    var target = _objectWithoutPropertiesLoose$3(source, excluded);
-    var key, i;
-    if (Object.getOwnPropertySymbols) {
-      var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-      for (i = 0; i < sourceSymbolKeys.length; i++) {
-        key = sourceSymbolKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-        target[key] = source[key];
-      }
-    }
-    return target;
-  }
-  function _toConsumableArray$5(arr) {
-    return _arrayWithoutHoles$5(arr) || _iterableToArray$5(arr) || _unsupportedIterableToArray$7(arr) || _nonIterableSpread$5();
-  }
-  function _arrayWithoutHoles$5(arr) {
-    if (Array.isArray(arr)) return _arrayLikeToArray$7(arr);
-  }
-  function _iterableToArray$5(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-  }
-  function _unsupportedIterableToArray$7(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray$7(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(o);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$7(o, minLen);
-  }
-  function _arrayLikeToArray$7(arr, len) {
-    len = arr.length;
-    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-    return arr2;
-  }
-  function _nonIterableSpread$5() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
 
   /**
    * @license
-   * Copyright 2010-2023 Three.js Authors
+   * Copyright 2010-2024 Three.js Authors
    * SPDX-License-Identifier: MIT
    */
-  const REVISION = '163';
+  const REVISION = '165';
 
   const MOUSE = { LEFT: 0, MIDDLE: 1, RIGHT: 2, ROTATE: 0, DOLLY: 1, PAN: 2 };
   const TOUCH = { ROTATE: 0, PAN: 1, DOLLY_PAN: 2, DOLLY_ROTATE: 3 };
@@ -1630,6 +1622,35 @@
 
   }
 
+  function probeAsync( gl, sync, interval ) {
+
+  	return new Promise( function ( resolve, reject ) {
+
+  		function probe() {
+
+  			switch ( gl.clientWaitSync( sync, gl.SYNC_FLUSH_COMMANDS_BIT, 0 ) ) {
+
+  				case gl.WAIT_FAILED:
+  					reject();
+  					break;
+
+  				case gl.TIMEOUT_EXPIRED:
+  					setTimeout( probe, interval );
+  					break;
+
+  				default:
+  					resolve();
+
+  			}
+
+  		}
+
+  		setTimeout( probe, interval );
+
+  	} );
+
+  }
+
   /**
    * Matrices converting P3 <-> Rec. 709 primaries, without gamut mapping
    * or clipping. Based on W3C specifications for sRGB and Display P3,
@@ -2991,6 +3012,8 @@
   			minFilter: LinearFilter,
   			depthBuffer: true,
   			stencilBuffer: false,
+  			resolveDepthBuffer: true,
+  			resolveStencilBuffer: true,
   			depthTexture: null,
   			samples: 0,
   			count: 1
@@ -3015,6 +3038,9 @@
   		this.depthBuffer = options.depthBuffer;
   		this.stencilBuffer = options.stencilBuffer;
 
+  		this.resolveDepthBuffer = options.resolveDepthBuffer;
+  		this.resolveStencilBuffer = options.resolveStencilBuffer;
+
   		this.depthTexture = options.depthTexture;
 
   		this.samples = options.samples;
@@ -3092,6 +3118,9 @@
   		this.depthBuffer = source.depthBuffer;
   		this.stencilBuffer = source.stencilBuffer;
 
+  		this.resolveDepthBuffer = source.resolveDepthBuffer;
+  		this.resolveStencilBuffer = source.resolveStencilBuffer;
+
   		if ( source.depthTexture !== null ) this.depthTexture = source.depthTexture.clone();
 
   		this.samples = source.samples;
@@ -3139,6 +3168,20 @@
   		this.flipY = false;
   		this.unpackAlignment = 1;
 
+  		this.layerUpdates = new Set();
+
+  	}
+
+  	addLayerUpdate( layerIndex ) {
+
+  		this.layerUpdates.add( layerIndex );
+
+  	}
+
+  	clearLayerUpdates() {
+
+  		this.layerUpdates.clear();
+
   	}
 
   }
@@ -7872,6 +7915,8 @@
 
   			object.matricesTexture = this._matricesTexture.toJSON( meta );
 
+  			if ( this._colorsTexture !== null ) object.colorsTexture = this._colorsTexture.toJSON( meta );
+
   			if ( this.boundingSphere !== null ) {
 
   				object.boundingSphere = {
@@ -9271,6 +9316,8 @@
 
   		}
 
+  		if ( this.dispersion !== undefined ) data.dispersion = this.dispersion;
+
   		if ( this.iridescence !== undefined ) data.iridescence = this.iridescence;
   		if ( this.iridescenceIOR !== undefined ) data.iridescenceIOR = this.iridescenceIOR;
   		if ( this.iridescenceThicknessRange !== undefined ) data.iridescenceThicknessRange = this.iridescenceThicknessRange;
@@ -11446,7 +11493,7 @@
 
   }
 
-  function checkIntersection( object, material, raycaster, ray, pA, pB, pC, point ) {
+  function checkIntersection$1( object, material, raycaster, ray, pA, pB, pC, point ) {
 
   	let intersect;
 
@@ -11483,7 +11530,7 @@
   	object.getVertexPosition( b, _vB$1 );
   	object.getVertexPosition( c, _vC$1 );
 
-  	const intersection = checkIntersection( object, material, raycaster, ray, _vA$1, _vB$1, _vC$1, _intersectionPoint );
+  	const intersection = checkIntersection$1( object, material, raycaster, ray, _vA$1, _vB$1, _vC$1, _intersectionPoint );
 
   	if ( intersection ) {
 
@@ -13409,7 +13456,7 @@
 
   var aomap_pars_fragment = "#ifdef USE_AOMAP\n\tuniform sampler2D aoMap;\n\tuniform float aoMapIntensity;\n#endif";
 
-  var batching_pars_vertex = "#ifdef USE_BATCHING\n\tattribute float batchId;\n\tuniform highp sampler2D batchingTexture;\n\tmat4 getBatchingMatrix( const in float i ) {\n\t\tint size = textureSize( batchingTexture, 0 ).x;\n\t\tint j = int( i ) * 4;\n\t\tint x = j % size;\n\t\tint y = j / size;\n\t\tvec4 v1 = texelFetch( batchingTexture, ivec2( x, y ), 0 );\n\t\tvec4 v2 = texelFetch( batchingTexture, ivec2( x + 1, y ), 0 );\n\t\tvec4 v3 = texelFetch( batchingTexture, ivec2( x + 2, y ), 0 );\n\t\tvec4 v4 = texelFetch( batchingTexture, ivec2( x + 3, y ), 0 );\n\t\treturn mat4( v1, v2, v3, v4 );\n\t}\n#endif";
+  var batching_pars_vertex = "#ifdef USE_BATCHING\n\tattribute float batchId;\n\tuniform highp sampler2D batchingTexture;\n\tmat4 getBatchingMatrix( const in float i ) {\n\t\tint size = textureSize( batchingTexture, 0 ).x;\n\t\tint j = int( i ) * 4;\n\t\tint x = j % size;\n\t\tint y = j / size;\n\t\tvec4 v1 = texelFetch( batchingTexture, ivec2( x, y ), 0 );\n\t\tvec4 v2 = texelFetch( batchingTexture, ivec2( x + 1, y ), 0 );\n\t\tvec4 v3 = texelFetch( batchingTexture, ivec2( x + 2, y ), 0 );\n\t\tvec4 v4 = texelFetch( batchingTexture, ivec2( x + 3, y ), 0 );\n\t\treturn mat4( v1, v2, v3, v4 );\n\t}\n#endif\n#ifdef USE_BATCHING_COLOR\n\tuniform sampler2D batchingColorTexture;\n\tvec3 getBatchingColor( const in float i ) {\n\t\tint size = textureSize( batchingColorTexture, 0 ).x;\n\t\tint j = int( i );\n\t\tint x = j % size;\n\t\tint y = j / size;\n\t\treturn texelFetch( batchingColorTexture, ivec2( x, y ), 0 ).rgb;\n\t}\n#endif";
 
   var batching_vertex = "#ifdef USE_BATCHING\n\tmat4 batchingMatrix = getBatchingMatrix( batchId );\n#endif";
 
@@ -13435,9 +13482,9 @@
 
   var color_pars_fragment = "#if defined( USE_COLOR_ALPHA )\n\tvarying vec4 vColor;\n#elif defined( USE_COLOR )\n\tvarying vec3 vColor;\n#endif";
 
-  var color_pars_vertex = "#if defined( USE_COLOR_ALPHA )\n\tvarying vec4 vColor;\n#elif defined( USE_COLOR ) || defined( USE_INSTANCING_COLOR )\n\tvarying vec3 vColor;\n#endif";
+  var color_pars_vertex = "#if defined( USE_COLOR_ALPHA )\n\tvarying vec4 vColor;\n#elif defined( USE_COLOR ) || defined( USE_INSTANCING_COLOR ) || defined( USE_BATCHING_COLOR )\n\tvarying vec3 vColor;\n#endif";
 
-  var color_vertex = "#if defined( USE_COLOR_ALPHA )\n\tvColor = vec4( 1.0 );\n#elif defined( USE_COLOR ) || defined( USE_INSTANCING_COLOR )\n\tvColor = vec3( 1.0 );\n#endif\n#ifdef USE_COLOR\n\tvColor *= color;\n#endif\n#ifdef USE_INSTANCING_COLOR\n\tvColor.xyz *= instanceColor.xyz;\n#endif";
+  var color_vertex = "#if defined( USE_COLOR_ALPHA )\n\tvColor = vec4( 1.0 );\n#elif defined( USE_COLOR ) || defined( USE_INSTANCING_COLOR ) || defined( USE_BATCHING_COLOR )\n\tvColor = vec3( 1.0 );\n#endif\n#ifdef USE_COLOR\n\tvColor *= color;\n#endif\n#ifdef USE_INSTANCING_COLOR\n\tvColor.xyz *= instanceColor.xyz;\n#endif\n#ifdef USE_BATCHING_COLOR\n\tvec3 batchingColor = getBatchingColor( batchId );\n\tvColor.xyz *= batchingColor.xyz;\n#endif";
 
   var common = "#define PI 3.141592653589793\n#define PI2 6.283185307179586\n#define PI_HALF 1.5707963267948966\n#define RECIPROCAL_PI 0.3183098861837907\n#define RECIPROCAL_PI2 0.15915494309189535\n#define EPSILON 1e-6\n#ifndef saturate\n#define saturate( a ) clamp( a, 0.0, 1.0 )\n#endif\n#define whiteComplement( a ) ( 1.0 - saturate( a ) )\nfloat pow2( const in float x ) { return x*x; }\nvec3 pow2( const in vec3 x ) { return x*x; }\nfloat pow3( const in float x ) { return x*x*x; }\nfloat pow4( const in float x ) { float x2 = x*x; return x2*x2; }\nfloat max3( const in vec3 v ) { return max( max( v.x, v.y ), v.z ); }\nfloat average( const in vec3 v ) { return dot( v, vec3( 0.3333333 ) ); }\nhighp float rand( const in vec2 uv ) {\n\tconst highp float a = 12.9898, b = 78.233, c = 43758.5453;\n\thighp float dt = dot( uv.xy, vec2( a,b ) ), sn = mod( dt, PI );\n\treturn fract( sin( sn ) * c );\n}\n#ifdef HIGH_PRECISION\n\tfloat precisionSafeLength( vec3 v ) { return length( v ); }\n#else\n\tfloat precisionSafeLength( vec3 v ) {\n\t\tfloat maxComponent = max3( abs( v ) );\n\t\treturn length( v / maxComponent ) * maxComponent;\n\t}\n#endif\nstruct IncidentLight {\n\tvec3 color;\n\tvec3 direction;\n\tbool visible;\n};\nstruct ReflectedLight {\n\tvec3 directDiffuse;\n\tvec3 directSpecular;\n\tvec3 indirectDiffuse;\n\tvec3 indirectSpecular;\n};\n#ifdef USE_ALPHAHASH\n\tvarying vec3 vPosition;\n#endif\nvec3 transformDirection( in vec3 dir, in mat4 matrix ) {\n\treturn normalize( ( matrix * vec4( dir, 0.0 ) ).xyz );\n}\nvec3 inverseTransformDirection( in vec3 dir, in mat4 matrix ) {\n\treturn normalize( ( vec4( dir, 0.0 ) * matrix ).xyz );\n}\nmat3 transposeMat3( const in mat3 m ) {\n\tmat3 tmp;\n\ttmp[ 0 ] = vec3( m[ 0 ].x, m[ 1 ].x, m[ 2 ].x );\n\ttmp[ 1 ] = vec3( m[ 0 ].y, m[ 1 ].y, m[ 2 ].y );\n\ttmp[ 2 ] = vec3( m[ 0 ].z, m[ 1 ].z, m[ 2 ].z );\n\treturn tmp;\n}\nfloat luminance( const in vec3 rgb ) {\n\tconst vec3 weights = vec3( 0.2126729, 0.7151522, 0.0721750 );\n\treturn dot( weights, rgb );\n}\nbool isPerspectiveMatrix( mat4 m ) {\n\treturn m[ 2 ][ 3 ] == - 1.0;\n}\nvec2 equirectUv( in vec3 dir ) {\n\tfloat u = atan( dir.z, dir.x ) * RECIPROCAL_PI2 + 0.5;\n\tfloat v = asin( clamp( dir.y, - 1.0, 1.0 ) ) * RECIPROCAL_PI + 0.5;\n\treturn vec2( u, v );\n}\nvec3 BRDF_Lambert( const in vec3 diffuseColor ) {\n\treturn RECIPROCAL_PI * diffuseColor;\n}\nvec3 F_Schlick( const in vec3 f0, const in float f90, const in float dotVH ) {\n\tfloat fresnel = exp2( ( - 5.55473 * dotVH - 6.98316 ) * dotVH );\n\treturn f0 * ( 1.0 - fresnel ) + ( f90 * fresnel );\n}\nfloat F_Schlick( const in float f0, const in float f90, const in float dotVH ) {\n\tfloat fresnel = exp2( ( - 5.55473 * dotVH - 6.98316 ) * dotVH );\n\treturn f0 * ( 1.0 - fresnel ) + ( f90 * fresnel );\n} // validated";
 
@@ -13477,15 +13524,13 @@
 
   var gradientmap_pars_fragment = "#ifdef USE_GRADIENTMAP\n\tuniform sampler2D gradientMap;\n#endif\nvec3 getGradientIrradiance( vec3 normal, vec3 lightDirection ) {\n\tfloat dotNL = dot( normal, lightDirection );\n\tvec2 coord = vec2( dotNL * 0.5 + 0.5, 0.0 );\n\t#ifdef USE_GRADIENTMAP\n\t\treturn vec3( texture2D( gradientMap, coord ).r );\n\t#else\n\t\tvec2 fw = fwidth( coord ) * 0.5;\n\t\treturn mix( vec3( 0.7 ), vec3( 1.0 ), smoothstep( 0.7 - fw.x, 0.7 + fw.x, coord.x ) );\n\t#endif\n}";
 
-  var lightmap_fragment = "#ifdef USE_LIGHTMAP\n\tvec4 lightMapTexel = texture2D( lightMap, vLightMapUv );\n\tvec3 lightMapIrradiance = lightMapTexel.rgb * lightMapIntensity;\n\treflectedLight.indirectDiffuse += lightMapIrradiance;\n#endif";
-
   var lightmap_pars_fragment = "#ifdef USE_LIGHTMAP\n\tuniform sampler2D lightMap;\n\tuniform float lightMapIntensity;\n#endif";
 
   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 vec3 geometryPosition, const in vec3 geometryNormal, const in vec3 geometryViewDir, const in vec3 geometryClearcoatNormal, const in LambertMaterial material, inout ReflectedLight reflectedLight ) {\n\tfloat dotNL = saturate( dot( geometryNormal, 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 vec3 geometryPosition, const in vec3 geometryNormal, const in vec3 geometryViewDir, const in vec3 geometryClearcoatNormal, 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;\n#if defined( USE_LIGHT_PROBES )\n\tuniform vec3 lightProbe[ 9 ];\n#endif\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 ( LEGACY_LIGHTS )\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#else\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#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, 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 vec3 geometryPosition, out IncidentLight light ) {\n\t\tvec3 lVector = pointLight.position - geometryPosition;\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 vec3 geometryPosition, out IncidentLight light ) {\n\t\tvec3 lVector = spotLight.position - geometryPosition;\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";
+  var lights_pars_begin = "uniform bool receiveShadow;\nuniform vec3 ambientLightColor;\n#if defined( USE_LIGHT_PROBES )\n\tuniform vec3 lightProbe[ 9 ];\n#endif\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\tfloat distanceFalloff = 1.0 / max( pow( lightDistance, decayExponent ), 0.01 );\n\tif ( cutoffDistance > 0.0 ) {\n\t\tdistanceFalloff *= pow2( saturate( 1.0 - pow4( lightDistance / cutoffDistance ) ) );\n\t}\n\treturn distanceFalloff;\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, 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 vec3 geometryPosition, out IncidentLight light ) {\n\t\tvec3 lVector = pointLight.position - geometryPosition;\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 vec3 geometryPosition, out IncidentLight light ) {\n\t\tvec3 lVector = spotLight.position - geometryPosition;\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";
 
   var envmap_physical_pars_fragment = "#ifdef USE_ENVMAP\n\tvec3 getIBLIrradiance( const in vec3 normal ) {\n\t\t#ifdef ENVMAP_TYPE_CUBE_UV\n\t\t\tvec3 worldNormal = inverseTransformDirection( normal, viewMatrix );\n\t\t\tvec4 envMapColor = textureCubeUV( envMap, envMapRotation * worldNormal, 1.0 );\n\t\t\treturn PI * envMapColor.rgb * envMapIntensity;\n\t\t#else\n\t\t\treturn vec3( 0.0 );\n\t\t#endif\n\t}\n\tvec3 getIBLRadiance( const in vec3 viewDir, const in vec3 normal, const in float roughness ) {\n\t\t#ifdef ENVMAP_TYPE_CUBE_UV\n\t\t\tvec3 reflectVec = reflect( - viewDir, normal );\n\t\t\treflectVec = normalize( mix( reflectVec, normal, roughness * roughness) );\n\t\t\treflectVec = inverseTransformDirection( reflectVec, viewMatrix );\n\t\t\tvec4 envMapColor = textureCubeUV( envMap, envMapRotation * reflectVec, roughness );\n\t\t\treturn envMapColor.rgb * envMapIntensity;\n\t\t#else\n\t\t\treturn vec3( 0.0 );\n\t\t#endif\n\t}\n\t#ifdef USE_ANISOTROPY\n\t\tvec3 getIBLAnisotropyRadiance( const in vec3 viewDir, const in vec3 normal, const in float roughness, const in vec3 bitangent, const in float anisotropy ) {\n\t\t\t#ifdef ENVMAP_TYPE_CUBE_UV\n\t\t\t\tvec3 bentNormal = cross( bitangent, viewDir );\n\t\t\t\tbentNormal = normalize( cross( bentNormal, bitangent ) );\n\t\t\t\tbentNormal = normalize( mix( bentNormal, normal, pow2( pow2( 1.0 - anisotropy * ( 1.0 - roughness ) ) ) ) );\n\t\t\t\treturn getIBLRadiance( viewDir, bentNormal, roughness );\n\t\t\t#else\n\t\t\t\treturn vec3( 0.0 );\n\t\t\t#endif\n\t\t}\n\t#endif\n#endif";
 
@@ -13497,9 +13542,9 @@
 
   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 vec3 geometryPosition, const in vec3 geometryNormal, const in vec3 geometryViewDir, const in vec3 geometryClearcoatNormal, const in BlinnPhongMaterial material, inout ReflectedLight reflectedLight ) {\n\tfloat dotNL = saturate( dot( geometryNormal, directLight.direction ) );\n\tvec3 irradiance = dotNL * directLight.color;\n\treflectedLight.directDiffuse += irradiance * BRDF_Lambert( material.diffuseColor );\n\treflectedLight.directSpecular += irradiance * BRDF_BlinnPhong( directLight.direction, geometryViewDir, geometryNormal, material.specularColor, material.specularShininess ) * material.specularStrength;\n}\nvoid RE_IndirectDiffuse_BlinnPhong( const in vec3 irradiance, const in vec3 geometryPosition, const in vec3 geometryNormal, const in vec3 geometryViewDir, const in vec3 geometryClearcoatNormal, 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( nonPerturbedNormal ) ), abs( dFdy( nonPerturbedNormal ) ) );\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 USE_SPECULAR\n\t\tfloat specularIntensityFactor = specularIntensity;\n\t\tvec3 specularColorFactor = specularColor;\n\t\t#ifdef USE_SPECULAR_COLORMAP\n\t\t\tspecularColorFactor *= texture2D( specularColorMap, vSpecularColorMapUv ).rgb;\n\t\t#endif\n\t\t#ifdef USE_SPECULAR_INTENSITYMAP\n\t\t\tspecularIntensityFactor *= texture2D( specularIntensityMap, vSpecularIntensityMapUv ).a;\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, vClearcoatMapUv ).x;\n\t#endif\n\t#ifdef USE_CLEARCOAT_ROUGHNESSMAP\n\t\tmaterial.clearcoatRoughness *= texture2D( clearcoatRoughnessMap, vClearcoatRoughnessMapUv ).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, vIridescenceMapUv ).r;\n\t#endif\n\t#ifdef USE_IRIDESCENCE_THICKNESSMAP\n\t\tmaterial.iridescenceThickness = (iridescenceThicknessMaximum - iridescenceThicknessMinimum) * texture2D( iridescenceThicknessMap, vIridescenceThicknessMapUv ).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_SHEEN_COLORMAP\n\t\tmaterial.sheenColor *= texture2D( sheenColorMap, vSheenColorMapUv ).rgb;\n\t#endif\n\tmaterial.sheenRoughness = clamp( sheenRoughness, 0.07, 1.0 );\n\t#ifdef USE_SHEEN_ROUGHNESSMAP\n\t\tmaterial.sheenRoughness *= texture2D( sheenRoughnessMap, vSheenRoughnessMapUv ).a;\n\t#endif\n#endif\n#ifdef USE_ANISOTROPY\n\t#ifdef USE_ANISOTROPYMAP\n\t\tmat2 anisotropyMat = mat2( anisotropyVector.x, anisotropyVector.y, - anisotropyVector.y, anisotropyVector.x );\n\t\tvec3 anisotropyPolar = texture2D( anisotropyMap, vAnisotropyMapUv ).rgb;\n\t\tvec2 anisotropyV = anisotropyMat * normalize( 2.0 * anisotropyPolar.rg - vec2( 1.0 ) ) * anisotropyPolar.b;\n\t#else\n\t\tvec2 anisotropyV = anisotropyVector;\n\t#endif\n\tmaterial.anisotropy = length( anisotropyV );\n\tif( material.anisotropy == 0.0 ) {\n\t\tanisotropyV = vec2( 1.0, 0.0 );\n\t} else {\n\t\tanisotropyV /= material.anisotropy;\n\t\tmaterial.anisotropy = saturate( material.anisotropy );\n\t}\n\tmaterial.alphaT = mix( pow2( material.roughness ), 1.0, pow2( material.anisotropy ) );\n\tmaterial.anisotropyT = tbn[ 0 ] * anisotropyV.x + tbn[ 1 ] * anisotropyV.y;\n\tmaterial.anisotropyB = tbn[ 1 ] * anisotropyV.x - tbn[ 0 ] * anisotropyV.y;\n#endif";
+  var lights_physical_fragment = "PhysicalMaterial material;\nmaterial.diffuseColor = diffuseColor.rgb * ( 1.0 - metalnessFactor );\nvec3 dxy = max( abs( dFdx( nonPerturbedNormal ) ), abs( dFdy( nonPerturbedNormal ) ) );\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 USE_SPECULAR\n\t\tfloat specularIntensityFactor = specularIntensity;\n\t\tvec3 specularColorFactor = specularColor;\n\t\t#ifdef USE_SPECULAR_COLORMAP\n\t\t\tspecularColorFactor *= texture2D( specularColorMap, vSpecularColorMapUv ).rgb;\n\t\t#endif\n\t\t#ifdef USE_SPECULAR_INTENSITYMAP\n\t\t\tspecularIntensityFactor *= texture2D( specularIntensityMap, vSpecularIntensityMapUv ).a;\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, vClearcoatMapUv ).x;\n\t#endif\n\t#ifdef USE_CLEARCOAT_ROUGHNESSMAP\n\t\tmaterial.clearcoatRoughness *= texture2D( clearcoatRoughnessMap, vClearcoatRoughnessMapUv ).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_DISPERSION\n\tmaterial.dispersion = dispersion;\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, vIridescenceMapUv ).r;\n\t#endif\n\t#ifdef USE_IRIDESCENCE_THICKNESSMAP\n\t\tmaterial.iridescenceThickness = (iridescenceThicknessMaximum - iridescenceThicknessMinimum) * texture2D( iridescenceThicknessMap, vIridescenceThicknessMapUv ).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_SHEEN_COLORMAP\n\t\tmaterial.sheenColor *= texture2D( sheenColorMap, vSheenColorMapUv ).rgb;\n\t#endif\n\tmaterial.sheenRoughness = clamp( sheenRoughness, 0.07, 1.0 );\n\t#ifdef USE_SHEEN_ROUGHNESSMAP\n\t\tmaterial.sheenRoughness *= texture2D( sheenRoughnessMap, vSheenRoughnessMapUv ).a;\n\t#endif\n#endif\n#ifdef USE_ANISOTROPY\n\t#ifdef USE_ANISOTROPYMAP\n\t\tmat2 anisotropyMat = mat2( anisotropyVector.x, anisotropyVector.y, - anisotropyVector.y, anisotropyVector.x );\n\t\tvec3 anisotropyPolar = texture2D( anisotropyMap, vAnisotropyMapUv ).rgb;\n\t\tvec2 anisotropyV = anisotropyMat * normalize( 2.0 * anisotropyPolar.rg - vec2( 1.0 ) ) * anisotropyPolar.b;\n\t#else\n\t\tvec2 anisotropyV = anisotropyVector;\n\t#endif\n\tmaterial.anisotropy = length( anisotropyV );\n\tif( material.anisotropy == 0.0 ) {\n\t\tanisotropyV = vec2( 1.0, 0.0 );\n\t} else {\n\t\tanisotropyV /= material.anisotropy;\n\t\tmaterial.anisotropy = saturate( material.anisotropy );\n\t}\n\tmaterial.alphaT = mix( pow2( material.roughness ), 1.0, pow2( material.anisotropy ) );\n\tmaterial.anisotropyT = tbn[ 0 ] * anisotropyV.x + tbn[ 1 ] * anisotropyV.y;\n\tmaterial.anisotropyB = tbn[ 1 ] * anisotropyV.x - tbn[ 0 ] * anisotropyV.y;\n#endif";
 
-  var lights_physical_pars_fragment = "struct PhysicalMaterial {\n\tvec3 diffuseColor;\n\tfloat roughness;\n\tvec3 specularColor;\n\tfloat specularF90;\n\t#ifdef USE_CLEARCOAT\n\t\tfloat clearcoat;\n\t\tfloat clearcoatRoughness;\n\t\tvec3 clearcoatF0;\n\t\tfloat clearcoatF90;\n\t#endif\n\t#ifdef USE_IRIDESCENCE\n\t\tfloat iridescence;\n\t\tfloat iridescenceIOR;\n\t\tfloat iridescenceThickness;\n\t\tvec3 iridescenceFresnel;\n\t\tvec3 iridescenceF0;\n\t#endif\n\t#ifdef USE_SHEEN\n\t\tvec3 sheenColor;\n\t\tfloat sheenRoughness;\n\t#endif\n\t#ifdef IOR\n\t\tfloat ior;\n\t#endif\n\t#ifdef USE_TRANSMISSION\n\t\tfloat transmission;\n\t\tfloat transmissionAlpha;\n\t\tfloat thickness;\n\t\tfloat attenuationDistance;\n\t\tvec3 attenuationColor;\n\t#endif\n\t#ifdef USE_ANISOTROPY\n\t\tfloat anisotropy;\n\t\tfloat alphaT;\n\t\tvec3 anisotropyT;\n\t\tvec3 anisotropyB;\n\t#endif\n};\nvec3 clearcoatSpecularDirect = vec3( 0.0 );\nvec3 clearcoatSpecularIndirect = vec3( 0.0 );\nvec3 sheenSpecularDirect = vec3( 0.0 );\nvec3 sheenSpecularIndirect = vec3(0.0 );\nvec3 Schlick_to_F0( const in vec3 f, const in float f90, const in float dotVH ) {\n    float x = clamp( 1.0 - dotVH, 0.0, 1.0 );\n    float x2 = x * x;\n    float x5 = clamp( x * x2 * x2, 0.0, 0.9999 );\n    return ( f - vec3( f90 ) * x5 ) / ( 1.0 - x5 );\n}\nfloat V_GGX_SmithCorrelated( const in float alpha, const in float dotNL, const in float dotNV ) {\n\tfloat a2 = pow2( alpha );\n\tfloat gv = dotNL * sqrt( a2 + ( 1.0 - a2 ) * pow2( dotNV ) );\n\tfloat gl = dotNV * sqrt( a2 + ( 1.0 - a2 ) * pow2( dotNL ) );\n\treturn 0.5 / max( gv + gl, EPSILON );\n}\nfloat D_GGX( const in float alpha, const in float dotNH ) {\n\tfloat a2 = pow2( alpha );\n\tfloat denom = pow2( dotNH ) * ( a2 - 1.0 ) + 1.0;\n\treturn RECIPROCAL_PI * a2 / pow2( denom );\n}\n#ifdef USE_ANISOTROPY\n\tfloat V_GGX_SmithCorrelated_Anisotropic( const in float alphaT, const in float alphaB, const in float dotTV, const in float dotBV, const in float dotTL, const in float dotBL, const in float dotNV, const in float dotNL ) {\n\t\tfloat gv = dotNL * length( vec3( alphaT * dotTV, alphaB * dotBV, dotNV ) );\n\t\tfloat gl = dotNV * length( vec3( alphaT * dotTL, alphaB * dotBL, dotNL ) );\n\t\tfloat v = 0.5 / ( gv + gl );\n\t\treturn saturate(v);\n\t}\n\tfloat D_GGX_Anisotropic( const in float alphaT, const in float alphaB, const in float dotNH, const in float dotTH, const in float dotBH ) {\n\t\tfloat a2 = alphaT * alphaB;\n\t\thighp vec3 v = vec3( alphaB * dotTH, alphaT * dotBH, a2 * dotNH );\n\t\thighp float v2 = dot( v, v );\n\t\tfloat w2 = a2 / v2;\n\t\treturn RECIPROCAL_PI * a2 * pow2 ( w2 );\n\t}\n#endif\n#ifdef USE_CLEARCOAT\n\tvec3 BRDF_GGX_Clearcoat( const in vec3 lightDir, const in vec3 viewDir, const in vec3 normal, const in PhysicalMaterial material) {\n\t\tvec3 f0 = material.clearcoatF0;\n\t\tfloat f90 = material.clearcoatF90;\n\t\tfloat roughness = material.clearcoatRoughness;\n\t\tfloat alpha = pow2( roughness );\n\t\tvec3 halfDir = normalize( lightDir + viewDir );\n\t\tfloat dotNL = saturate( dot( normal, lightDir ) );\n\t\tfloat dotNV = saturate( dot( normal, viewDir ) );\n\t\tfloat dotNH = saturate( dot( normal, halfDir ) );\n\t\tfloat dotVH = saturate( dot( viewDir, halfDir ) );\n\t\tvec3 F = F_Schlick( f0, f90, dotVH );\n\t\tfloat V = V_GGX_SmithCorrelated( alpha, dotNL, dotNV );\n\t\tfloat D = D_GGX( alpha, dotNH );\n\t\treturn F * ( V * D );\n\t}\n#endif\nvec3 BRDF_GGX( const in vec3 lightDir, const in vec3 viewDir, const in vec3 normal, const in PhysicalMaterial material ) {\n\tvec3 f0 = material.specularColor;\n\tfloat f90 = material.specularF90;\n\tfloat roughness = material.roughness;\n\tfloat alpha = pow2( roughness );\n\tvec3 halfDir = normalize( lightDir + viewDir );\n\tfloat dotNL = saturate( dot( normal, lightDir ) );\n\tfloat dotNV = saturate( dot( normal, viewDir ) );\n\tfloat dotNH = saturate( dot( normal, halfDir ) );\n\tfloat dotVH = saturate( dot( viewDir, halfDir ) );\n\tvec3 F = F_Schlick( f0, f90, dotVH );\n\t#ifdef USE_IRIDESCENCE\n\t\tF = mix( F, material.iridescenceFresnel, material.iridescence );\n\t#endif\n\t#ifdef USE_ANISOTROPY\n\t\tfloat dotTL = dot( material.anisotropyT, lightDir );\n\t\tfloat dotTV = dot( material.anisotropyT, viewDir );\n\t\tfloat dotTH = dot( material.anisotropyT, halfDir );\n\t\tfloat dotBL = dot( material.anisotropyB, lightDir );\n\t\tfloat dotBV = dot( material.anisotropyB, viewDir );\n\t\tfloat dotBH = dot( material.anisotropyB, halfDir );\n\t\tfloat V = V_GGX_SmithCorrelated_Anisotropic( material.alphaT, alpha, dotTV, dotBV, dotTL, dotBL, dotNV, dotNL );\n\t\tfloat D = D_GGX_Anisotropic( material.alphaT, alpha, dotNH, dotTH, dotBH );\n\t#else\n\t\tfloat V = V_GGX_SmithCorrelated( alpha, dotNL, dotNV );\n\t\tfloat D = D_GGX( alpha, dotNH );\n\t#endif\n\treturn F * ( V * D );\n}\nvec2 LTC_Uv( const in vec3 N, const in vec3 V, const in float roughness ) {\n\tconst float LUT_SIZE = 64.0;\n\tconst float LUT_SCALE = ( LUT_SIZE - 1.0 ) / LUT_SIZE;\n\tconst float LUT_BIAS = 0.5 / LUT_SIZE;\n\tfloat dotNV = saturate( dot( N, V ) );\n\tvec2 uv = vec2( roughness, sqrt( 1.0 - dotNV ) );\n\tuv = uv * LUT_SCALE + LUT_BIAS;\n\treturn uv;\n}\nfloat LTC_ClippedSphereFormFactor( const in vec3 f ) {\n\tfloat l = length( f );\n\treturn max( ( l * l + f.z ) / ( l + 1.0 ), 0.0 );\n}\nvec3 LTC_EdgeVectorFormFactor( const in vec3 v1, const in vec3 v2 ) {\n\tfloat x = dot( v1, v2 );\n\tfloat y = abs( x );\n\tfloat a = 0.8543985 + ( 0.4965155 + 0.0145206 * y ) * y;\n\tfloat b = 3.4175940 + ( 4.1616724 + y ) * y;\n\tfloat v = a / b;\n\tfloat theta_sintheta = ( x > 0.0 ) ? v : 0.5 * inversesqrt( max( 1.0 - x * x, 1e-7 ) ) - v;\n\treturn cross( v1, v2 ) * theta_sintheta;\n}\nvec3 LTC_Evaluate( const in vec3 N, const in vec3 V, const in vec3 P, const in mat3 mInv, const in vec3 rectCoords[ 4 ] ) {\n\tvec3 v1 = rectCoords[ 1 ] - rectCoords[ 0 ];\n\tvec3 v2 = rectCoords[ 3 ] - rectCoords[ 0 ];\n\tvec3 lightNormal = cross( v1, v2 );\n\tif( dot( lightNormal, P - rectCoords[ 0 ] ) < 0.0 ) return vec3( 0.0 );\n\tvec3 T1, T2;\n\tT1 = normalize( V - N * dot( V, N ) );\n\tT2 = - cross( N, T1 );\n\tmat3 mat = mInv * transposeMat3( mat3( T1, T2, N ) );\n\tvec3 coords[ 4 ];\n\tcoords[ 0 ] = mat * ( rectCoords[ 0 ] - P );\n\tcoords[ 1 ] = mat * ( rectCoords[ 1 ] - P );\n\tcoords[ 2 ] = mat * ( rectCoords[ 2 ] - P );\n\tcoords[ 3 ] = mat * ( rectCoords[ 3 ] - P );\n\tcoords[ 0 ] = normalize( coords[ 0 ] );\n\tcoords[ 1 ] = normalize( coords[ 1 ] );\n\tcoords[ 2 ] = normalize( coords[ 2 ] );\n\tcoords[ 3 ] = normalize( coords[ 3 ] );\n\tvec3 vectorFormFactor = vec3( 0.0 );\n\tvectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 0 ], coords[ 1 ] );\n\tvectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 1 ], coords[ 2 ] );\n\tvectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 2 ], coords[ 3 ] );\n\tvectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 3 ], coords[ 0 ] );\n\tfloat result = LTC_ClippedSphereFormFactor( vectorFormFactor );\n\treturn vec3( result );\n}\n#if defined( USE_SHEEN )\nfloat D_Charlie( float roughness, float dotNH ) {\n\tfloat alpha = pow2( roughness );\n\tfloat invAlpha = 1.0 / alpha;\n\tfloat cos2h = dotNH * dotNH;\n\tfloat sin2h = max( 1.0 - cos2h, 0.0078125 );\n\treturn ( 2.0 + invAlpha ) * pow( sin2h, invAlpha * 0.5 ) / ( 2.0 * PI );\n}\nfloat V_Neubelt( float dotNV, float dotNL ) {\n\treturn saturate( 1.0 / ( 4.0 * ( dotNL + dotNV - dotNL * dotNV ) ) );\n}\nvec3 BRDF_Sheen( const in vec3 lightDir, const in vec3 viewDir, const in vec3 normal, vec3 sheenColor, const in float sheenRoughness ) {\n\tvec3 halfDir = normalize( lightDir + viewDir );\n\tfloat dotNL = saturate( dot( normal, lightDir ) );\n\tfloat dotNV = saturate( dot( normal, viewDir ) );\n\tfloat dotNH = saturate( dot( normal, halfDir ) );\n\tfloat D = D_Charlie( sheenRoughness, dotNH );\n\tfloat V = V_Neubelt( dotNV, dotNL );\n\treturn sheenColor * ( D * V );\n}\n#endif\nfloat IBLSheenBRDF( const in vec3 normal, const in vec3 viewDir, const in float roughness ) {\n\tfloat dotNV = saturate( dot( normal, viewDir ) );\n\tfloat r2 = roughness * roughness;\n\tfloat a = roughness < 0.25 ? -339.2 * r2 + 161.4 * roughness - 25.9 : -8.48 * r2 + 14.3 * roughness - 9.95;\n\tfloat b = roughness < 0.25 ? 44.0 * r2 - 23.7 * roughness + 3.26 : 1.97 * r2 - 3.27 * roughness + 0.72;\n\tfloat DG = exp( a * dotNV + b ) + ( roughness < 0.25 ? 0.0 : 0.1 * ( roughness - 0.25 ) );\n\treturn saturate( DG * RECIPROCAL_PI );\n}\nvec2 DFGApprox( const in vec3 normal, const in vec3 viewDir, const in float roughness ) {\n\tfloat dotNV = saturate( dot( normal, viewDir ) );\n\tconst vec4 c0 = vec4( - 1, - 0.0275, - 0.572, 0.022 );\n\tconst vec4 c1 = vec4( 1, 0.0425, 1.04, - 0.04 );\n\tvec4 r = roughness * c0 + c1;\n\tfloat a004 = min( r.x * r.x, exp2( - 9.28 * dotNV ) ) * r.x + r.y;\n\tvec2 fab = vec2( - 1.04, 1.04 ) * a004 + r.zw;\n\treturn fab;\n}\nvec3 EnvironmentBRDF( const in vec3 normal, const in vec3 viewDir, const in vec3 specularColor, const in float specularF90, const in float roughness ) {\n\tvec2 fab = DFGApprox( normal, viewDir, roughness );\n\treturn specularColor * fab.x + specularF90 * fab.y;\n}\n#ifdef USE_IRIDESCENCE\nvoid computeMultiscatteringIridescence( const in vec3 normal, const in vec3 viewDir, const in vec3 specularColor, const in float specularF90, const in float iridescence, const in vec3 iridescenceF0, const in float roughness, inout vec3 singleScatter, inout vec3 multiScatter ) {\n#else\nvoid computeMultiscattering( const in vec3 normal, const in vec3 viewDir, const in vec3 specularColor, const in float specularF90, const in float roughness, inout vec3 singleScatter, inout vec3 multiScatter ) {\n#endif\n\tvec2 fab = DFGApprox( normal, viewDir, roughness );\n\t#ifdef USE_IRIDESCENCE\n\t\tvec3 Fr = mix( specularColor, iridescenceF0, iridescence );\n\t#else\n\t\tvec3 Fr = specularColor;\n\t#endif\n\tvec3 FssEss = Fr * fab.x + specularF90 * fab.y;\n\tfloat Ess = fab.x + fab.y;\n\tfloat Ems = 1.0 - Ess;\n\tvec3 Favg = Fr + ( 1.0 - Fr ) * 0.047619;\tvec3 Fms = FssEss * Favg / ( 1.0 - Ems * Favg );\n\tsingleScatter += FssEss;\n\tmultiScatter += Fms * Ems;\n}\n#if NUM_RECT_AREA_LIGHTS > 0\n\tvoid RE_Direct_RectArea_Physical( const in RectAreaLight rectAreaLight, const in vec3 geometryPosition, const in vec3 geometryNormal, const in vec3 geometryViewDir, const in vec3 geometryClearcoatNormal, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\t\tvec3 normal = geometryNormal;\n\t\tvec3 viewDir = geometryViewDir;\n\t\tvec3 position = geometryPosition;\n\t\tvec3 lightPos = rectAreaLight.position;\n\t\tvec3 halfWidth = rectAreaLight.halfWidth;\n\t\tvec3 halfHeight = rectAreaLight.halfHeight;\n\t\tvec3 lightColor = rectAreaLight.color;\n\t\tfloat roughness = material.roughness;\n\t\tvec3 rectCoords[ 4 ];\n\t\trectCoords[ 0 ] = lightPos + halfWidth - halfHeight;\t\trectCoords[ 1 ] = lightPos - halfWidth - halfHeight;\n\t\trectCoords[ 2 ] = lightPos - halfWidth + halfHeight;\n\t\trectCoords[ 3 ] = lightPos + halfWidth + halfHeight;\n\t\tvec2 uv = LTC_Uv( normal, viewDir, roughness );\n\t\tvec4 t1 = texture2D( ltc_1, uv );\n\t\tvec4 t2 = texture2D( ltc_2, uv );\n\t\tmat3 mInv = mat3(\n\t\t\tvec3( t1.x, 0, t1.y ),\n\t\t\tvec3(    0, 1,    0 ),\n\t\t\tvec3( t1.z, 0, t1.w )\n\t\t);\n\t\tvec3 fresnel = ( material.specularColor * t2.x + ( vec3( 1.0 ) - material.specularColor ) * t2.y );\n\t\treflectedLight.directSpecular += lightColor * fresnel * LTC_Evaluate( normal, viewDir, position, mInv, rectCoords );\n\t\treflectedLight.directDiffuse += lightColor * material.diffuseColor * LTC_Evaluate( normal, viewDir, position, mat3( 1.0 ), rectCoords );\n\t}\n#endif\nvoid RE_Direct_Physical( const in IncidentLight directLight, const in vec3 geometryPosition, const in vec3 geometryNormal, const in vec3 geometryViewDir, const in vec3 geometryClearcoatNormal, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\tfloat dotNL = saturate( dot( geometryNormal, directLight.direction ) );\n\tvec3 irradiance = dotNL * directLight.color;\n\t#ifdef USE_CLEARCOAT\n\t\tfloat dotNLcc = saturate( dot( geometryClearcoatNormal, directLight.direction ) );\n\t\tvec3 ccIrradiance = dotNLcc * directLight.color;\n\t\tclearcoatSpecularDirect += ccIrradiance * BRDF_GGX_Clearcoat( directLight.direction, geometryViewDir, geometryClearcoatNormal, material );\n\t#endif\n\t#ifdef USE_SHEEN\n\t\tsheenSpecularDirect += irradiance * BRDF_Sheen( directLight.direction, geometryViewDir, geometryNormal, material.sheenColor, material.sheenRoughness );\n\t#endif\n\treflectedLight.directSpecular += irradiance * BRDF_GGX( directLight.direction, geometryViewDir, geometryNormal, material );\n\treflectedLight.directDiffuse += irradiance * BRDF_Lambert( material.diffuseColor );\n}\nvoid RE_IndirectDiffuse_Physical( const in vec3 irradiance, const in vec3 geometryPosition, const in vec3 geometryNormal, const in vec3 geometryViewDir, const in vec3 geometryClearcoatNormal, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\treflectedLight.indirectDiffuse += irradiance * BRDF_Lambert( material.diffuseColor );\n}\nvoid RE_IndirectSpecular_Physical( const in vec3 radiance, const in vec3 irradiance, const in vec3 clearcoatRadiance, const in vec3 geometryPosition, const in vec3 geometryNormal, const in vec3 geometryViewDir, const in vec3 geometryClearcoatNormal, const in PhysicalMaterial material, inout ReflectedLight reflectedLight) {\n\t#ifdef USE_CLEARCOAT\n\t\tclearcoatSpecularIndirect += clearcoatRadiance * EnvironmentBRDF( geometryClearcoatNormal, geometryViewDir, material.clearcoatF0, material.clearcoatF90, material.clearcoatRoughness );\n\t#endif\n\t#ifdef USE_SHEEN\n\t\tsheenSpecularIndirect += irradiance * material.sheenColor * IBLSheenBRDF( geometryNormal, geometryViewDir, material.sheenRoughness );\n\t#endif\n\tvec3 singleScattering = vec3( 0.0 );\n\tvec3 multiScattering = vec3( 0.0 );\n\tvec3 cosineWeightedIrradiance = irradiance * RECIPROCAL_PI;\n\t#ifdef USE_IRIDESCENCE\n\t\tcomputeMultiscatteringIridescence( geometryNormal, geometryViewDir, material.specularColor, material.specularF90, material.iridescence, material.iridescenceFresnel, material.roughness, singleScattering, multiScattering );\n\t#else\n\t\tcomputeMultiscattering( geometryNormal, geometryViewDir, material.specularColor, material.specularF90, material.roughness, singleScattering, multiScattering );\n\t#endif\n\tvec3 totalScattering = singleScattering + multiScattering;\n\tvec3 diffuse = material.diffuseColor * ( 1.0 - max( max( totalScattering.r, totalScattering.g ), totalScattering.b ) );\n\treflectedLight.indirectSpecular += radiance * singleScattering;\n\treflectedLight.indirectSpecular += multiScattering * cosineWeightedIrradiance;\n\treflectedLight.indirectDiffuse += diffuse * cosineWeightedIrradiance;\n}\n#define RE_Direct\t\t\t\tRE_Direct_Physical\n#define RE_Direct_RectArea\t\tRE_Direct_RectArea_Physical\n#define RE_IndirectDiffuse\t\tRE_IndirectDiffuse_Physical\n#define RE_IndirectSpecular\t\tRE_IndirectSpecular_Physical\nfloat computeSpecularOcclusion( const in float dotNV, const in float ambientOcclusion, const in float roughness ) {\n\treturn saturate( pow( dotNV + ambientOcclusion, exp2( - 16.0 * roughness - 1.0 ) ) - 1.0 + ambientOcclusion );\n}";
+  var lights_physical_pars_fragment = "struct PhysicalMaterial {\n\tvec3 diffuseColor;\n\tfloat roughness;\n\tvec3 specularColor;\n\tfloat specularF90;\n\tfloat dispersion;\n\t#ifdef USE_CLEARCOAT\n\t\tfloat clearcoat;\n\t\tfloat clearcoatRoughness;\n\t\tvec3 clearcoatF0;\n\t\tfloat clearcoatF90;\n\t#endif\n\t#ifdef USE_IRIDESCENCE\n\t\tfloat iridescence;\n\t\tfloat iridescenceIOR;\n\t\tfloat iridescenceThickness;\n\t\tvec3 iridescenceFresnel;\n\t\tvec3 iridescenceF0;\n\t#endif\n\t#ifdef USE_SHEEN\n\t\tvec3 sheenColor;\n\t\tfloat sheenRoughness;\n\t#endif\n\t#ifdef IOR\n\t\tfloat ior;\n\t#endif\n\t#ifdef USE_TRANSMISSION\n\t\tfloat transmission;\n\t\tfloat transmissionAlpha;\n\t\tfloat thickness;\n\t\tfloat attenuationDistance;\n\t\tvec3 attenuationColor;\n\t#endif\n\t#ifdef USE_ANISOTROPY\n\t\tfloat anisotropy;\n\t\tfloat alphaT;\n\t\tvec3 anisotropyT;\n\t\tvec3 anisotropyB;\n\t#endif\n};\nvec3 clearcoatSpecularDirect = vec3( 0.0 );\nvec3 clearcoatSpecularIndirect = vec3( 0.0 );\nvec3 sheenSpecularDirect = vec3( 0.0 );\nvec3 sheenSpecularIndirect = vec3(0.0 );\nvec3 Schlick_to_F0( const in vec3 f, const in float f90, const in float dotVH ) {\n    float x = clamp( 1.0 - dotVH, 0.0, 1.0 );\n    float x2 = x * x;\n    float x5 = clamp( x * x2 * x2, 0.0, 0.9999 );\n    return ( f - vec3( f90 ) * x5 ) / ( 1.0 - x5 );\n}\nfloat V_GGX_SmithCorrelated( const in float alpha, const in float dotNL, const in float dotNV ) {\n\tfloat a2 = pow2( alpha );\n\tfloat gv = dotNL * sqrt( a2 + ( 1.0 - a2 ) * pow2( dotNV ) );\n\tfloat gl = dotNV * sqrt( a2 + ( 1.0 - a2 ) * pow2( dotNL ) );\n\treturn 0.5 / max( gv + gl, EPSILON );\n}\nfloat D_GGX( const in float alpha, const in float dotNH ) {\n\tfloat a2 = pow2( alpha );\n\tfloat denom = pow2( dotNH ) * ( a2 - 1.0 ) + 1.0;\n\treturn RECIPROCAL_PI * a2 / pow2( denom );\n}\n#ifdef USE_ANISOTROPY\n\tfloat V_GGX_SmithCorrelated_Anisotropic( const in float alphaT, const in float alphaB, const in float dotTV, const in float dotBV, const in float dotTL, const in float dotBL, const in float dotNV, const in float dotNL ) {\n\t\tfloat gv = dotNL * length( vec3( alphaT * dotTV, alphaB * dotBV, dotNV ) );\n\t\tfloat gl = dotNV * length( vec3( alphaT * dotTL, alphaB * dotBL, dotNL ) );\n\t\tfloat v = 0.5 / ( gv + gl );\n\t\treturn saturate(v);\n\t}\n\tfloat D_GGX_Anisotropic( const in float alphaT, const in float alphaB, const in float dotNH, const in float dotTH, const in float dotBH ) {\n\t\tfloat a2 = alphaT * alphaB;\n\t\thighp vec3 v = vec3( alphaB * dotTH, alphaT * dotBH, a2 * dotNH );\n\t\thighp float v2 = dot( v, v );\n\t\tfloat w2 = a2 / v2;\n\t\treturn RECIPROCAL_PI * a2 * pow2 ( w2 );\n\t}\n#endif\n#ifdef USE_CLEARCOAT\n\tvec3 BRDF_GGX_Clearcoat( const in vec3 lightDir, const in vec3 viewDir, const in vec3 normal, const in PhysicalMaterial material) {\n\t\tvec3 f0 = material.clearcoatF0;\n\t\tfloat f90 = material.clearcoatF90;\n\t\tfloat roughness = material.clearcoatRoughness;\n\t\tfloat alpha = pow2( roughness );\n\t\tvec3 halfDir = normalize( lightDir + viewDir );\n\t\tfloat dotNL = saturate( dot( normal, lightDir ) );\n\t\tfloat dotNV = saturate( dot( normal, viewDir ) );\n\t\tfloat dotNH = saturate( dot( normal, halfDir ) );\n\t\tfloat dotVH = saturate( dot( viewDir, halfDir ) );\n\t\tvec3 F = F_Schlick( f0, f90, dotVH );\n\t\tfloat V = V_GGX_SmithCorrelated( alpha, dotNL, dotNV );\n\t\tfloat D = D_GGX( alpha, dotNH );\n\t\treturn F * ( V * D );\n\t}\n#endif\nvec3 BRDF_GGX( const in vec3 lightDir, const in vec3 viewDir, const in vec3 normal, const in PhysicalMaterial material ) {\n\tvec3 f0 = material.specularColor;\n\tfloat f90 = material.specularF90;\n\tfloat roughness = material.roughness;\n\tfloat alpha = pow2( roughness );\n\tvec3 halfDir = normalize( lightDir + viewDir );\n\tfloat dotNL = saturate( dot( normal, lightDir ) );\n\tfloat dotNV = saturate( dot( normal, viewDir ) );\n\tfloat dotNH = saturate( dot( normal, halfDir ) );\n\tfloat dotVH = saturate( dot( viewDir, halfDir ) );\n\tvec3 F = F_Schlick( f0, f90, dotVH );\n\t#ifdef USE_IRIDESCENCE\n\t\tF = mix( F, material.iridescenceFresnel, material.iridescence );\n\t#endif\n\t#ifdef USE_ANISOTROPY\n\t\tfloat dotTL = dot( material.anisotropyT, lightDir );\n\t\tfloat dotTV = dot( material.anisotropyT, viewDir );\n\t\tfloat dotTH = dot( material.anisotropyT, halfDir );\n\t\tfloat dotBL = dot( material.anisotropyB, lightDir );\n\t\tfloat dotBV = dot( material.anisotropyB, viewDir );\n\t\tfloat dotBH = dot( material.anisotropyB, halfDir );\n\t\tfloat V = V_GGX_SmithCorrelated_Anisotropic( material.alphaT, alpha, dotTV, dotBV, dotTL, dotBL, dotNV, dotNL );\n\t\tfloat D = D_GGX_Anisotropic( material.alphaT, alpha, dotNH, dotTH, dotBH );\n\t#else\n\t\tfloat V = V_GGX_SmithCorrelated( alpha, dotNL, dotNV );\n\t\tfloat D = D_GGX( alpha, dotNH );\n\t#endif\n\treturn F * ( V * D );\n}\nvec2 LTC_Uv( const in vec3 N, const in vec3 V, const in float roughness ) {\n\tconst float LUT_SIZE = 64.0;\n\tconst float LUT_SCALE = ( LUT_SIZE - 1.0 ) / LUT_SIZE;\n\tconst float LUT_BIAS = 0.5 / LUT_SIZE;\n\tfloat dotNV = saturate( dot( N, V ) );\n\tvec2 uv = vec2( roughness, sqrt( 1.0 - dotNV ) );\n\tuv = uv * LUT_SCALE + LUT_BIAS;\n\treturn uv;\n}\nfloat LTC_ClippedSphereFormFactor( const in vec3 f ) {\n\tfloat l = length( f );\n\treturn max( ( l * l + f.z ) / ( l + 1.0 ), 0.0 );\n}\nvec3 LTC_EdgeVectorFormFactor( const in vec3 v1, const in vec3 v2 ) {\n\tfloat x = dot( v1, v2 );\n\tfloat y = abs( x );\n\tfloat a = 0.8543985 + ( 0.4965155 + 0.0145206 * y ) * y;\n\tfloat b = 3.4175940 + ( 4.1616724 + y ) * y;\n\tfloat v = a / b;\n\tfloat theta_sintheta = ( x > 0.0 ) ? v : 0.5 * inversesqrt( max( 1.0 - x * x, 1e-7 ) ) - v;\n\treturn cross( v1, v2 ) * theta_sintheta;\n}\nvec3 LTC_Evaluate( const in vec3 N, const in vec3 V, const in vec3 P, const in mat3 mInv, const in vec3 rectCoords[ 4 ] ) {\n\tvec3 v1 = rectCoords[ 1 ] - rectCoords[ 0 ];\n\tvec3 v2 = rectCoords[ 3 ] - rectCoords[ 0 ];\n\tvec3 lightNormal = cross( v1, v2 );\n\tif( dot( lightNormal, P - rectCoords[ 0 ] ) < 0.0 ) return vec3( 0.0 );\n\tvec3 T1, T2;\n\tT1 = normalize( V - N * dot( V, N ) );\n\tT2 = - cross( N, T1 );\n\tmat3 mat = mInv * transposeMat3( mat3( T1, T2, N ) );\n\tvec3 coords[ 4 ];\n\tcoords[ 0 ] = mat * ( rectCoords[ 0 ] - P );\n\tcoords[ 1 ] = mat * ( rectCoords[ 1 ] - P );\n\tcoords[ 2 ] = mat * ( rectCoords[ 2 ] - P );\n\tcoords[ 3 ] = mat * ( rectCoords[ 3 ] - P );\n\tcoords[ 0 ] = normalize( coords[ 0 ] );\n\tcoords[ 1 ] = normalize( coords[ 1 ] );\n\tcoords[ 2 ] = normalize( coords[ 2 ] );\n\tcoords[ 3 ] = normalize( coords[ 3 ] );\n\tvec3 vectorFormFactor = vec3( 0.0 );\n\tvectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 0 ], coords[ 1 ] );\n\tvectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 1 ], coords[ 2 ] );\n\tvectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 2 ], coords[ 3 ] );\n\tvectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 3 ], coords[ 0 ] );\n\tfloat result = LTC_ClippedSphereFormFactor( vectorFormFactor );\n\treturn vec3( result );\n}\n#if defined( USE_SHEEN )\nfloat D_Charlie( float roughness, float dotNH ) {\n\tfloat alpha = pow2( roughness );\n\tfloat invAlpha = 1.0 / alpha;\n\tfloat cos2h = dotNH * dotNH;\n\tfloat sin2h = max( 1.0 - cos2h, 0.0078125 );\n\treturn ( 2.0 + invAlpha ) * pow( sin2h, invAlpha * 0.5 ) / ( 2.0 * PI );\n}\nfloat V_Neubelt( float dotNV, float dotNL ) {\n\treturn saturate( 1.0 / ( 4.0 * ( dotNL + dotNV - dotNL * dotNV ) ) );\n}\nvec3 BRDF_Sheen( const in vec3 lightDir, const in vec3 viewDir, const in vec3 normal, vec3 sheenColor, const in float sheenRoughness ) {\n\tvec3 halfDir = normalize( lightDir + viewDir );\n\tfloat dotNL = saturate( dot( normal, lightDir ) );\n\tfloat dotNV = saturate( dot( normal, viewDir ) );\n\tfloat dotNH = saturate( dot( normal, halfDir ) );\n\tfloat D = D_Charlie( sheenRoughness, dotNH );\n\tfloat V = V_Neubelt( dotNV, dotNL );\n\treturn sheenColor * ( D * V );\n}\n#endif\nfloat IBLSheenBRDF( const in vec3 normal, const in vec3 viewDir, const in float roughness ) {\n\tfloat dotNV = saturate( dot( normal, viewDir ) );\n\tfloat r2 = roughness * roughness;\n\tfloat a = roughness < 0.25 ? -339.2 * r2 + 161.4 * roughness - 25.9 : -8.48 * r2 + 14.3 * roughness - 9.95;\n\tfloat b = roughness < 0.25 ? 44.0 * r2 - 23.7 * roughness + 3.26 : 1.97 * r2 - 3.27 * roughness + 0.72;\n\tfloat DG = exp( a * dotNV + b ) + ( roughness < 0.25 ? 0.0 : 0.1 * ( roughness - 0.25 ) );\n\treturn saturate( DG * RECIPROCAL_PI );\n}\nvec2 DFGApprox( const in vec3 normal, const in vec3 viewDir, const in float roughness ) {\n\tfloat dotNV = saturate( dot( normal, viewDir ) );\n\tconst vec4 c0 = vec4( - 1, - 0.0275, - 0.572, 0.022 );\n\tconst vec4 c1 = vec4( 1, 0.0425, 1.04, - 0.04 );\n\tvec4 r = roughness * c0 + c1;\n\tfloat a004 = min( r.x * r.x, exp2( - 9.28 * dotNV ) ) * r.x + r.y;\n\tvec2 fab = vec2( - 1.04, 1.04 ) * a004 + r.zw;\n\treturn fab;\n}\nvec3 EnvironmentBRDF( const in vec3 normal, const in vec3 viewDir, const in vec3 specularColor, const in float specularF90, const in float roughness ) {\n\tvec2 fab = DFGApprox( normal, viewDir, roughness );\n\treturn specularColor * fab.x + specularF90 * fab.y;\n}\n#ifdef USE_IRIDESCENCE\nvoid computeMultiscatteringIridescence( const in vec3 normal, const in vec3 viewDir, const in vec3 specularColor, const in float specularF90, const in float iridescence, const in vec3 iridescenceF0, const in float roughness, inout vec3 singleScatter, inout vec3 multiScatter ) {\n#else\nvoid computeMultiscattering( const in vec3 normal, const in vec3 viewDir, const in vec3 specularColor, const in float specularF90, const in float roughness, inout vec3 singleScatter, inout vec3 multiScatter ) {\n#endif\n\tvec2 fab = DFGApprox( normal, viewDir, roughness );\n\t#ifdef USE_IRIDESCENCE\n\t\tvec3 Fr = mix( specularColor, iridescenceF0, iridescence );\n\t#else\n\t\tvec3 Fr = specularColor;\n\t#endif\n\tvec3 FssEss = Fr * fab.x + specularF90 * fab.y;\n\tfloat Ess = fab.x + fab.y;\n\tfloat Ems = 1.0 - Ess;\n\tvec3 Favg = Fr + ( 1.0 - Fr ) * 0.047619;\tvec3 Fms = FssEss * Favg / ( 1.0 - Ems * Favg );\n\tsingleScatter += FssEss;\n\tmultiScatter += Fms * Ems;\n}\n#if NUM_RECT_AREA_LIGHTS > 0\n\tvoid RE_Direct_RectArea_Physical( const in RectAreaLight rectAreaLight, const in vec3 geometryPosition, const in vec3 geometryNormal, const in vec3 geometryViewDir, const in vec3 geometryClearcoatNormal, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\t\tvec3 normal = geometryNormal;\n\t\tvec3 viewDir = geometryViewDir;\n\t\tvec3 position = geometryPosition;\n\t\tvec3 lightPos = rectAreaLight.position;\n\t\tvec3 halfWidth = rectAreaLight.halfWidth;\n\t\tvec3 halfHeight = rectAreaLight.halfHeight;\n\t\tvec3 lightColor = rectAreaLight.color;\n\t\tfloat roughness = material.roughness;\n\t\tvec3 rectCoords[ 4 ];\n\t\trectCoords[ 0 ] = lightPos + halfWidth - halfHeight;\t\trectCoords[ 1 ] = lightPos - halfWidth - halfHeight;\n\t\trectCoords[ 2 ] = lightPos - halfWidth + halfHeight;\n\t\trectCoords[ 3 ] = lightPos + halfWidth + halfHeight;\n\t\tvec2 uv = LTC_Uv( normal, viewDir, roughness );\n\t\tvec4 t1 = texture2D( ltc_1, uv );\n\t\tvec4 t2 = texture2D( ltc_2, uv );\n\t\tmat3 mInv = mat3(\n\t\t\tvec3( t1.x, 0, t1.y ),\n\t\t\tvec3(    0, 1,    0 ),\n\t\t\tvec3( t1.z, 0, t1.w )\n\t\t);\n\t\tvec3 fresnel = ( material.specularColor * t2.x + ( vec3( 1.0 ) - material.specularColor ) * t2.y );\n\t\treflectedLight.directSpecular += lightColor * fresnel * LTC_Evaluate( normal, viewDir, position, mInv, rectCoords );\n\t\treflectedLight.directDiffuse += lightColor * material.diffuseColor * LTC_Evaluate( normal, viewDir, position, mat3( 1.0 ), rectCoords );\n\t}\n#endif\nvoid RE_Direct_Physical( const in IncidentLight directLight, const in vec3 geometryPosition, const in vec3 geometryNormal, const in vec3 geometryViewDir, const in vec3 geometryClearcoatNormal, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\tfloat dotNL = saturate( dot( geometryNormal, directLight.direction ) );\n\tvec3 irradiance = dotNL * directLight.color;\n\t#ifdef USE_CLEARCOAT\n\t\tfloat dotNLcc = saturate( dot( geometryClearcoatNormal, directLight.direction ) );\n\t\tvec3 ccIrradiance = dotNLcc * directLight.color;\n\t\tclearcoatSpecularDirect += ccIrradiance * BRDF_GGX_Clearcoat( directLight.direction, geometryViewDir, geometryClearcoatNormal, material );\n\t#endif\n\t#ifdef USE_SHEEN\n\t\tsheenSpecularDirect += irradiance * BRDF_Sheen( directLight.direction, geometryViewDir, geometryNormal, material.sheenColor, material.sheenRoughness );\n\t#endif\n\treflectedLight.directSpecular += irradiance * BRDF_GGX( directLight.direction, geometryViewDir, geometryNormal, material );\n\treflectedLight.directDiffuse += irradiance * BRDF_Lambert( material.diffuseColor );\n}\nvoid RE_IndirectDiffuse_Physical( const in vec3 irradiance, const in vec3 geometryPosition, const in vec3 geometryNormal, const in vec3 geometryViewDir, const in vec3 geometryClearcoatNormal, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\treflectedLight.indirectDiffuse += irradiance * BRDF_Lambert( material.diffuseColor );\n}\nvoid RE_IndirectSpecular_Physical( const in vec3 radiance, const in vec3 irradiance, const in vec3 clearcoatRadiance, const in vec3 geometryPosition, const in vec3 geometryNormal, const in vec3 geometryViewDir, const in vec3 geometryClearcoatNormal, const in PhysicalMaterial material, inout ReflectedLight reflectedLight) {\n\t#ifdef USE_CLEARCOAT\n\t\tclearcoatSpecularIndirect += clearcoatRadiance * EnvironmentBRDF( geometryClearcoatNormal, geometryViewDir, material.clearcoatF0, material.clearcoatF90, material.clearcoatRoughness );\n\t#endif\n\t#ifdef USE_SHEEN\n\t\tsheenSpecularIndirect += irradiance * material.sheenColor * IBLSheenBRDF( geometryNormal, geometryViewDir, material.sheenRoughness );\n\t#endif\n\tvec3 singleScattering = vec3( 0.0 );\n\tvec3 multiScattering = vec3( 0.0 );\n\tvec3 cosineWeightedIrradiance = irradiance * RECIPROCAL_PI;\n\t#ifdef USE_IRIDESCENCE\n\t\tcomputeMultiscatteringIridescence( geometryNormal, geometryViewDir, material.specularColor, material.specularF90, material.iridescence, material.iridescenceFresnel, material.roughness, singleScattering, multiScattering );\n\t#else\n\t\tcomputeMultiscattering( geometryNormal, geometryViewDir, material.specularColor, material.specularF90, material.roughness, singleScattering, multiScattering );\n\t#endif\n\tvec3 totalScattering = singleScattering + multiScattering;\n\tvec3 diffuse = material.diffuseColor * ( 1.0 - max( max( totalScattering.r, totalScattering.g ), totalScattering.b ) );\n\treflectedLight.indirectSpecular += radiance * singleScattering;\n\treflectedLight.indirectSpecular += multiScattering * cosineWeightedIrradiance;\n\treflectedLight.indirectDiffuse += diffuse * cosineWeightedIrradiance;\n}\n#define RE_Direct\t\t\t\tRE_Direct_Physical\n#define RE_Direct_RectArea\t\tRE_Direct_RectArea_Physical\n#define RE_IndirectDiffuse\t\tRE_IndirectDiffuse_Physical\n#define RE_IndirectSpecular\t\tRE_IndirectSpecular_Physical\nfloat computeSpecularOcclusion( const in float dotNV, const in float ambientOcclusion, const in float roughness ) {\n\treturn saturate( pow( dotNV + ambientOcclusion, exp2( - 16.0 * roughness - 1.0 ) ) - 1.0 + ambientOcclusion );\n}";
 
   var lights_fragment_begin = "\nvec3 geometryPosition = - vViewPosition;\nvec3 geometryNormal = normal;\nvec3 geometryViewDir = ( isOrthographic ) ? vec3( 0, 0, 1 ) : normalize( vViewPosition );\nvec3 geometryClearcoatNormal = vec3( 0.0 );\n#ifdef USE_CLEARCOAT\n\tgeometryClearcoatNormal = clearcoatNormal;\n#endif\n#ifdef USE_IRIDESCENCE\n\tfloat dotNVi = saturate( dot( normal, geometryViewDir ) );\n\tif ( material.iridescenceThickness == 0.0 ) {\n\t\tmaterial.iridescence = 0.0;\n\t} else {\n\t\tmaterial.iridescence = saturate( material.iridescence );\n\t}\n\tif ( material.iridescence > 0.0 ) {\n\t\tmaterial.iridescenceFresnel = evalIridescence( 1.0, material.iridescenceIOR, dotNVi, material.iridescenceThickness, material.specularColor );\n\t\tmaterial.iridescenceF0 = Schlick_to_F0( material.iridescenceFresnel, 1.0, dotNVi );\n\t}\n#endif\nIncidentLight directLight;\n#if ( NUM_POINT_LIGHTS > 0 ) && defined( RE_Direct )\n\tPointLight pointLight;\n\t#if defined( USE_SHADOWMAP ) && NUM_POINT_LIGHT_SHADOWS > 0\n\tPointLightShadow pointLightShadow;\n\t#endif\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_POINT_LIGHTS; i ++ ) {\n\t\tpointLight = pointLights[ i ];\n\t\tgetPointLightInfo( pointLight, geometryPosition, directLight );\n\t\t#if defined( USE_SHADOWMAP ) && ( UNROLLED_LOOP_INDEX < NUM_POINT_LIGHT_SHADOWS )\n\t\tpointLightShadow = pointLightShadows[ i ];\n\t\tdirectLight.color *= ( directLight.visible && receiveShadow ) ? getPointShadow( pointShadowMap[ i ], pointLightShadow.shadowMapSize, pointLightShadow.shadowBias, pointLightShadow.shadowRadius, vPointShadowCoord[ i ], pointLightShadow.shadowCameraNear, pointLightShadow.shadowCameraFar ) : 1.0;\n\t\t#endif\n\t\tRE_Direct( directLight, geometryPosition, geometryNormal, geometryViewDir, geometryClearcoatNormal, material, reflectedLight );\n\t}\n\t#pragma unroll_loop_end\n#endif\n#if ( NUM_SPOT_LIGHTS > 0 ) && defined( RE_Direct )\n\tSpotLight spotLight;\n\tvec4 spotColor;\n\tvec3 spotLightCoord;\n\tbool inSpotLightMap;\n\t#if defined( USE_SHADOWMAP ) && NUM_SPOT_LIGHT_SHADOWS > 0\n\tSpotLightShadow spotLightShadow;\n\t#endif\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_SPOT_LIGHTS; i ++ ) {\n\t\tspotLight = spotLights[ i ];\n\t\tgetSpotLightInfo( spotLight, geometryPosition, directLight );\n\t\t#if ( UNROLLED_LOOP_INDEX < NUM_SPOT_LIGHT_SHADOWS_WITH_MAPS )\n\t\t#define SPOT_LIGHT_MAP_INDEX UNROLLED_LOOP_INDEX\n\t\t#elif ( UNROLLED_LOOP_INDEX < NUM_SPOT_LIGHT_SHADOWS )\n\t\t#define SPOT_LIGHT_MAP_INDEX NUM_SPOT_LIGHT_MAPS\n\t\t#else\n\t\t#define SPOT_LIGHT_MAP_INDEX ( UNROLLED_LOOP_INDEX - NUM_SPOT_LIGHT_SHADOWS + NUM_SPOT_LIGHT_SHADOWS_WITH_MAPS )\n\t\t#endif\n\t\t#if ( SPOT_LIGHT_MAP_INDEX < NUM_SPOT_LIGHT_MAPS )\n\t\t\tspotLightCoord = vSpotLightCoord[ i ].xyz / vSpotLightCoord[ i ].w;\n\t\t\tinSpotLightMap = all( lessThan( abs( spotLightCoord * 2. - 1. ), vec3( 1.0 ) ) );\n\t\t\tspotColor = texture2D( spotLightMap[ SPOT_LIGHT_MAP_INDEX ], spotLightCoord.xy );\n\t\t\tdirectLight.color = inSpotLightMap ? directLight.color * spotColor.rgb : directLight.color;\n\t\t#endif\n\t\t#undef SPOT_LIGHT_MAP_INDEX\n\t\t#if defined( USE_SHADOWMAP ) && ( UNROLLED_LOOP_INDEX < NUM_SPOT_LIGHT_SHADOWS )\n\t\tspotLightShadow = spotLightShadows[ i ];\n\t\tdirectLight.color *= ( directLight.visible && receiveShadow ) ? getShadow( spotShadowMap[ i ], spotLightShadow.shadowMapSize, spotLightShadow.shadowBias, spotLightShadow.shadowRadius, vSpotLightCoord[ i ] ) : 1.0;\n\t\t#endif\n\t\tRE_Direct( directLight, geometryPosition, geometryNormal, geometryViewDir, geometryClearcoatNormal, material, reflectedLight );\n\t}\n\t#pragma unroll_loop_end\n#endif\n#if ( NUM_DIR_LIGHTS > 0 ) && defined( RE_Direct )\n\tDirectionalLight directionalLight;\n\t#if defined( USE_SHADOWMAP ) && NUM_DIR_LIGHT_SHADOWS > 0\n\tDirectionalLightShadow directionalLightShadow;\n\t#endif\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_DIR_LIGHTS; i ++ ) {\n\t\tdirectionalLight = directionalLights[ i ];\n\t\tgetDirectionalLightInfo( directionalLight, directLight );\n\t\t#if defined( USE_SHADOWMAP ) && ( UNROLLED_LOOP_INDEX < NUM_DIR_LIGHT_SHADOWS )\n\t\tdirectionalLightShadow = directionalLightShadows[ i ];\n\t\tdirectLight.color *= ( directLight.visible && receiveShadow ) ? getShadow( directionalShadowMap[ i ], directionalLightShadow.shadowMapSize, directionalLightShadow.shadowBias, directionalLightShadow.shadowRadius, vDirectionalShadowCoord[ i ] ) : 1.0;\n\t\t#endif\n\t\tRE_Direct( directLight, geometryPosition, geometryNormal, geometryViewDir, geometryClearcoatNormal, material, reflectedLight );\n\t}\n\t#pragma unroll_loop_end\n#endif\n#if ( NUM_RECT_AREA_LIGHTS > 0 ) && defined( RE_Direct_RectArea )\n\tRectAreaLight rectAreaLight;\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_RECT_AREA_LIGHTS; i ++ ) {\n\t\trectAreaLight = rectAreaLights[ i ];\n\t\tRE_Direct_RectArea( rectAreaLight, geometryPosition, geometryNormal, geometryViewDir, geometryClearcoatNormal, material, reflectedLight );\n\t}\n\t#pragma unroll_loop_end\n#endif\n#if defined( RE_IndirectDiffuse )\n\tvec3 iblIrradiance = vec3( 0.0 );\n\tvec3 irradiance = getAmbientLightIrradiance( ambientLightColor );\n\t#if defined( USE_LIGHT_PROBES )\n\t\tirradiance += getLightProbeIrradiance( lightProbe, geometryNormal );\n\t#endif\n\t#if ( NUM_HEMI_LIGHTS > 0 )\n\t\t#pragma unroll_loop_start\n\t\tfor ( int i = 0; i < NUM_HEMI_LIGHTS; i ++ ) {\n\t\t\tirradiance += getHemisphereLightIrradiance( hemisphereLights[ i ], geometryNormal );\n\t\t}\n\t\t#pragma unroll_loop_end\n\t#endif\n#endif\n#if defined( RE_IndirectSpecular )\n\tvec3 radiance = vec3( 0.0 );\n\tvec3 clearcoatRadiance = vec3( 0.0 );\n#endif";
 
@@ -13527,15 +13572,15 @@
 
   var metalnessmap_pars_fragment = "#ifdef USE_METALNESSMAP\n\tuniform sampler2D metalnessMap;\n#endif";
 
-  var morphinstance_vertex = "#ifdef USE_INSTANCING_MORPH\n\tfloat morphTargetInfluences[MORPHTARGETS_COUNT];\n\tfloat morphTargetBaseInfluence = texelFetch( morphTexture, ivec2( 0, gl_InstanceID ), 0 ).r;\n\tfor ( int i = 0; i < MORPHTARGETS_COUNT; i ++ ) {\n\t\tmorphTargetInfluences[i] =  texelFetch( morphTexture, ivec2( i + 1, gl_InstanceID ), 0 ).r;\n\t}\n#endif";
+  var morphinstance_vertex = "#ifdef USE_INSTANCING_MORPH\n\tfloat morphTargetInfluences[ MORPHTARGETS_COUNT ];\n\tfloat morphTargetBaseInfluence = texelFetch( morphTexture, ivec2( 0, gl_InstanceID ), 0 ).r;\n\tfor ( int i = 0; i < MORPHTARGETS_COUNT; i ++ ) {\n\t\tmorphTargetInfluences[i] =  texelFetch( morphTexture, ivec2( i + 1, gl_InstanceID ), 0 ).r;\n\t}\n#endif";
 
-  var morphcolor_vertex = "#if defined( USE_MORPHCOLORS ) && defined( MORPHTARGETS_TEXTURE )\n\tvColor *= morphTargetBaseInfluence;\n\tfor ( int i = 0; i < MORPHTARGETS_COUNT; i ++ ) {\n\t\t#if defined( USE_COLOR_ALPHA )\n\t\t\tif ( morphTargetInfluences[ i ] != 0.0 ) vColor += getMorph( gl_VertexID, i, 2 ) * morphTargetInfluences[ i ];\n\t\t#elif defined( USE_COLOR )\n\t\t\tif ( morphTargetInfluences[ i ] != 0.0 ) vColor += getMorph( gl_VertexID, i, 2 ).rgb * morphTargetInfluences[ i ];\n\t\t#endif\n\t}\n#endif";
+  var morphcolor_vertex = "#if defined( USE_MORPHCOLORS )\n\tvColor *= morphTargetBaseInfluence;\n\tfor ( int i = 0; i < MORPHTARGETS_COUNT; i ++ ) {\n\t\t#if defined( USE_COLOR_ALPHA )\n\t\t\tif ( morphTargetInfluences[ i ] != 0.0 ) vColor += getMorph( gl_VertexID, i, 2 ) * morphTargetInfluences[ i ];\n\t\t#elif defined( USE_COLOR )\n\t\t\tif ( morphTargetInfluences[ i ] != 0.0 ) vColor += getMorph( gl_VertexID, i, 2 ).rgb * morphTargetInfluences[ i ];\n\t\t#endif\n\t}\n#endif";
 
-  var morphnormal_vertex = "#ifdef USE_MORPHNORMALS\n\tobjectNormal *= morphTargetBaseInfluence;\n\t#ifdef MORPHTARGETS_TEXTURE\n\t\tfor ( int i = 0; i < MORPHTARGETS_COUNT; i ++ ) {\n\t\t\tif ( morphTargetInfluences[ i ] != 0.0 ) objectNormal += getMorph( gl_VertexID, i, 1 ).xyz * morphTargetInfluences[ i ];\n\t\t}\n\t#else\n\t\tobjectNormal += morphNormal0 * morphTargetInfluences[ 0 ];\n\t\tobjectNormal += morphNormal1 * morphTargetInfluences[ 1 ];\n\t\tobjectNormal += morphNormal2 * morphTargetInfluences[ 2 ];\n\t\tobjectNormal += morphNormal3 * morphTargetInfluences[ 3 ];\n\t#endif\n#endif";
+  var morphnormal_vertex = "#ifdef USE_MORPHNORMALS\n\tobjectNormal *= morphTargetBaseInfluence;\n\tfor ( int i = 0; i < MORPHTARGETS_COUNT; i ++ ) {\n\t\tif ( morphTargetInfluences[ i ] != 0.0 ) objectNormal += getMorph( gl_VertexID, i, 1 ).xyz * morphTargetInfluences[ i ];\n\t}\n#endif";
 
-  var morphtarget_pars_vertex = "#ifdef USE_MORPHTARGETS\n\t#ifndef USE_INSTANCING_MORPH\n\t\tuniform float morphTargetBaseInfluence;\n\t#endif\n\t#ifdef MORPHTARGETS_TEXTURE\n\t\t#ifndef USE_INSTANCING_MORPH\n\t\t\tuniform float morphTargetInfluences[ MORPHTARGETS_COUNT ];\n\t\t#endif\n\t\tuniform sampler2DArray morphTargetsTexture;\n\t\tuniform ivec2 morphTargetsTextureSize;\n\t\tvec4 getMorph( const in int vertexIndex, const in int morphTargetIndex, const in int offset ) {\n\t\t\tint texelIndex = vertexIndex * MORPHTARGETS_TEXTURE_STRIDE + offset;\n\t\t\tint y = texelIndex / morphTargetsTextureSize.x;\n\t\t\tint x = texelIndex - y * morphTargetsTextureSize.x;\n\t\t\tivec3 morphUV = ivec3( x, y, morphTargetIndex );\n\t\t\treturn texelFetch( morphTargetsTexture, morphUV, 0 );\n\t\t}\n\t#else\n\t\t#ifndef USE_MORPHNORMALS\n\t\t\tuniform float morphTargetInfluences[ 8 ];\n\t\t#else\n\t\t\tuniform float morphTargetInfluences[ 4 ];\n\t\t#endif\n\t#endif\n#endif";
+  var morphtarget_pars_vertex = "#ifdef USE_MORPHTARGETS\n\t#ifndef USE_INSTANCING_MORPH\n\t\tuniform float morphTargetBaseInfluence;\n\t\tuniform float morphTargetInfluences[ MORPHTARGETS_COUNT ];\n\t#endif\n\tuniform sampler2DArray morphTargetsTexture;\n\tuniform ivec2 morphTargetsTextureSize;\n\tvec4 getMorph( const in int vertexIndex, const in int morphTargetIndex, const in int offset ) {\n\t\tint texelIndex = vertexIndex * MORPHTARGETS_TEXTURE_STRIDE + offset;\n\t\tint y = texelIndex / morphTargetsTextureSize.x;\n\t\tint x = texelIndex - y * morphTargetsTextureSize.x;\n\t\tivec3 morphUV = ivec3( x, y, morphTargetIndex );\n\t\treturn texelFetch( morphTargetsTexture, morphUV, 0 );\n\t}\n#endif";
 
-  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 morphtarget_vertex = "#ifdef USE_MORPHTARGETS\n\ttransformed *= morphTargetBaseInfluence;\n\tfor ( int i = 0; i < MORPHTARGETS_COUNT; i ++ ) {\n\t\tif ( morphTargetInfluences[ i ] != 0.0 ) transformed += getMorph( gl_VertexID, i, 0 ).xyz * morphTargetInfluences[ i ];\n\t}\n#endif";
 
   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 *= faceDirection;\n\t#endif\n#endif\n#if defined( USE_NORMALMAP_TANGENTSPACE ) || defined( USE_CLEARCOAT_NORMALMAP ) || defined( USE_ANISOTROPY )\n\t#ifdef USE_TANGENT\n\t\tmat3 tbn = mat3( normalize( vTangent ), normalize( vBitangent ), normal );\n\t#else\n\t\tmat3 tbn = getTangentFrame( - vViewPosition, normal,\n\t\t#if defined( USE_NORMALMAP )\n\t\t\tvNormalMapUv\n\t\t#elif defined( USE_CLEARCOAT_NORMALMAP )\n\t\t\tvClearcoatNormalMapUv\n\t\t#else\n\t\t\tvUv\n\t\t#endif\n\t\t);\n\t#endif\n\t#if defined( DOUBLE_SIDED ) && ! defined( FLAT_SHADED )\n\t\ttbn[0] *= faceDirection;\n\t\ttbn[1] *= faceDirection;\n\t#endif\n#endif\n#ifdef USE_CLEARCOAT_NORMALMAP\n\t#ifdef USE_TANGENT\n\t\tmat3 tbn2 = mat3( normalize( vTangent ), normalize( vBitangent ), normal );\n\t#else\n\t\tmat3 tbn2 = getTangentFrame( - vViewPosition, normal, vClearcoatNormalMapUv );\n\t#endif\n\t#if defined( DOUBLE_SIDED ) && ! defined( FLAT_SHADED )\n\t\ttbn2[0] *= faceDirection;\n\t\ttbn2[1] *= faceDirection;\n\t#endif\n#endif\nvec3 nonPerturbedNormal = normal;";
 
@@ -13595,11 +13640,11 @@
 
   var tonemapping_fragment = "#if defined( TONE_MAPPING )\n\tgl_FragColor.rgb = toneMapping( gl_FragColor.rgb );\n#endif";
 
-  var tonemapping_pars_fragment = "#ifndef saturate\n#define saturate( a ) clamp( a, 0.0, 1.0 )\n#endif\nuniform float toneMappingExposure;\nvec3 LinearToneMapping( vec3 color ) {\n\treturn saturate( toneMappingExposure * color );\n}\nvec3 ReinhardToneMapping( vec3 color ) {\n\tcolor *= toneMappingExposure;\n\treturn saturate( color / ( vec3( 1.0 ) + color ) );\n}\nvec3 OptimizedCineonToneMapping( vec3 color ) {\n\tcolor *= toneMappingExposure;\n\tcolor = max( vec3( 0.0 ), color - 0.004 );\n\treturn pow( ( color * ( 6.2 * color + 0.5 ) ) / ( color * ( 6.2 * color + 1.7 ) + 0.06 ), vec3( 2.2 ) );\n}\nvec3 RRTAndODTFit( vec3 v ) {\n\tvec3 a = v * ( v + 0.0245786 ) - 0.000090537;\n\tvec3 b = v * ( 0.983729 * v + 0.4329510 ) + 0.238081;\n\treturn a / b;\n}\nvec3 ACESFilmicToneMapping( vec3 color ) {\n\tconst mat3 ACESInputMat = mat3(\n\t\tvec3( 0.59719, 0.07600, 0.02840 ),\t\tvec3( 0.35458, 0.90834, 0.13383 ),\n\t\tvec3( 0.04823, 0.01566, 0.83777 )\n\t);\n\tconst mat3 ACESOutputMat = mat3(\n\t\tvec3(  1.60475, -0.10208, -0.00327 ),\t\tvec3( -0.53108,  1.10813, -0.07276 ),\n\t\tvec3( -0.07367, -0.00605,  1.07602 )\n\t);\n\tcolor *= toneMappingExposure / 0.6;\n\tcolor = ACESInputMat * color;\n\tcolor = RRTAndODTFit( color );\n\tcolor = ACESOutputMat * color;\n\treturn saturate( color );\n}\nconst mat3 LINEAR_REC2020_TO_LINEAR_SRGB = mat3(\n\tvec3( 1.6605, - 0.1246, - 0.0182 ),\n\tvec3( - 0.5876, 1.1329, - 0.1006 ),\n\tvec3( - 0.0728, - 0.0083, 1.1187 )\n);\nconst mat3 LINEAR_SRGB_TO_LINEAR_REC2020 = mat3(\n\tvec3( 0.6274, 0.0691, 0.0164 ),\n\tvec3( 0.3293, 0.9195, 0.0880 ),\n\tvec3( 0.0433, 0.0113, 0.8956 )\n);\nvec3 agxDefaultContrastApprox( vec3 x ) {\n\tvec3 x2 = x * x;\n\tvec3 x4 = x2 * x2;\n\treturn + 15.5 * x4 * x2\n\t\t- 40.14 * x4 * x\n\t\t+ 31.96 * x4\n\t\t- 6.868 * x2 * x\n\t\t+ 0.4298 * x2\n\t\t+ 0.1191 * x\n\t\t- 0.00232;\n}\nvec3 AgXToneMapping( vec3 color ) {\n\tconst mat3 AgXInsetMatrix = mat3(\n\t\tvec3( 0.856627153315983, 0.137318972929847, 0.11189821299995 ),\n\t\tvec3( 0.0951212405381588, 0.761241990602591, 0.0767994186031903 ),\n\t\tvec3( 0.0482516061458583, 0.101439036467562, 0.811302368396859 )\n\t);\n\tconst mat3 AgXOutsetMatrix = mat3(\n\t\tvec3( 1.1271005818144368, - 0.1413297634984383, - 0.14132976349843826 ),\n\t\tvec3( - 0.11060664309660323, 1.157823702216272, - 0.11060664309660294 ),\n\t\tvec3( - 0.016493938717834573, - 0.016493938717834257, 1.2519364065950405 )\n\t);\n\tconst float AgxMinEv = - 12.47393;\tconst float AgxMaxEv = 4.026069;\n\tcolor *= toneMappingExposure;\n\tcolor = LINEAR_SRGB_TO_LINEAR_REC2020 * color;\n\tcolor = AgXInsetMatrix * color;\n\tcolor = max( color, 1e-10 );\tcolor = log2( color );\n\tcolor = ( color - AgxMinEv ) / ( AgxMaxEv - AgxMinEv );\n\tcolor = clamp( color, 0.0, 1.0 );\n\tcolor = agxDefaultContrastApprox( color );\n\tcolor = AgXOutsetMatrix * color;\n\tcolor = pow( max( vec3( 0.0 ), color ), vec3( 2.2 ) );\n\tcolor = LINEAR_REC2020_TO_LINEAR_SRGB * color;\n\tcolor = clamp( color, 0.0, 1.0 );\n\treturn color;\n}\nvec3 NeutralToneMapping( vec3 color ) {\n\tfloat startCompression = 0.8 - 0.04;\n\tfloat desaturation = 0.15;\n\tcolor *= toneMappingExposure;\n\tfloat x = min(color.r, min(color.g, color.b));\n\tfloat offset = x < 0.08 ? x - 6.25 * x * x : 0.04;\n\tcolor -= offset;\n\tfloat peak = max(color.r, max(color.g, color.b));\n\tif (peak < startCompression) return color;\n\tfloat d = 1. - startCompression;\n\tfloat newPeak = 1. - d * d / (peak + d - startCompression);\n\tcolor *= newPeak / peak;\n\tfloat g = 1. - 1. / (desaturation * (peak - newPeak) + 1.);\n\treturn mix(color, newPeak * vec3(1, 1, 1), g);\n}\nvec3 CustomToneMapping( vec3 color ) { return color; }";
+  var tonemapping_pars_fragment = "#ifndef saturate\n#define saturate( a ) clamp( a, 0.0, 1.0 )\n#endif\nuniform float toneMappingExposure;\nvec3 LinearToneMapping( vec3 color ) {\n\treturn saturate( toneMappingExposure * color );\n}\nvec3 ReinhardToneMapping( vec3 color ) {\n\tcolor *= toneMappingExposure;\n\treturn saturate( color / ( vec3( 1.0 ) + color ) );\n}\nvec3 OptimizedCineonToneMapping( vec3 color ) {\n\tcolor *= toneMappingExposure;\n\tcolor = max( vec3( 0.0 ), color - 0.004 );\n\treturn pow( ( color * ( 6.2 * color + 0.5 ) ) / ( color * ( 6.2 * color + 1.7 ) + 0.06 ), vec3( 2.2 ) );\n}\nvec3 RRTAndODTFit( vec3 v ) {\n\tvec3 a = v * ( v + 0.0245786 ) - 0.000090537;\n\tvec3 b = v * ( 0.983729 * v + 0.4329510 ) + 0.238081;\n\treturn a / b;\n}\nvec3 ACESFilmicToneMapping( vec3 color ) {\n\tconst mat3 ACESInputMat = mat3(\n\t\tvec3( 0.59719, 0.07600, 0.02840 ),\t\tvec3( 0.35458, 0.90834, 0.13383 ),\n\t\tvec3( 0.04823, 0.01566, 0.83777 )\n\t);\n\tconst mat3 ACESOutputMat = mat3(\n\t\tvec3(  1.60475, -0.10208, -0.00327 ),\t\tvec3( -0.53108,  1.10813, -0.07276 ),\n\t\tvec3( -0.07367, -0.00605,  1.07602 )\n\t);\n\tcolor *= toneMappingExposure / 0.6;\n\tcolor = ACESInputMat * color;\n\tcolor = RRTAndODTFit( color );\n\tcolor = ACESOutputMat * color;\n\treturn saturate( color );\n}\nconst mat3 LINEAR_REC2020_TO_LINEAR_SRGB = mat3(\n\tvec3( 1.6605, - 0.1246, - 0.0182 ),\n\tvec3( - 0.5876, 1.1329, - 0.1006 ),\n\tvec3( - 0.0728, - 0.0083, 1.1187 )\n);\nconst mat3 LINEAR_SRGB_TO_LINEAR_REC2020 = mat3(\n\tvec3( 0.6274, 0.0691, 0.0164 ),\n\tvec3( 0.3293, 0.9195, 0.0880 ),\n\tvec3( 0.0433, 0.0113, 0.8956 )\n);\nvec3 agxDefaultContrastApprox( vec3 x ) {\n\tvec3 x2 = x * x;\n\tvec3 x4 = x2 * x2;\n\treturn + 15.5 * x4 * x2\n\t\t- 40.14 * x4 * x\n\t\t+ 31.96 * x4\n\t\t- 6.868 * x2 * x\n\t\t+ 0.4298 * x2\n\t\t+ 0.1191 * x\n\t\t- 0.00232;\n}\nvec3 AgXToneMapping( vec3 color ) {\n\tconst mat3 AgXInsetMatrix = mat3(\n\t\tvec3( 0.856627153315983, 0.137318972929847, 0.11189821299995 ),\n\t\tvec3( 0.0951212405381588, 0.761241990602591, 0.0767994186031903 ),\n\t\tvec3( 0.0482516061458583, 0.101439036467562, 0.811302368396859 )\n\t);\n\tconst mat3 AgXOutsetMatrix = mat3(\n\t\tvec3( 1.1271005818144368, - 0.1413297634984383, - 0.14132976349843826 ),\n\t\tvec3( - 0.11060664309660323, 1.157823702216272, - 0.11060664309660294 ),\n\t\tvec3( - 0.016493938717834573, - 0.016493938717834257, 1.2519364065950405 )\n\t);\n\tconst float AgxMinEv = - 12.47393;\tconst float AgxMaxEv = 4.026069;\n\tcolor *= toneMappingExposure;\n\tcolor = LINEAR_SRGB_TO_LINEAR_REC2020 * color;\n\tcolor = AgXInsetMatrix * color;\n\tcolor = max( color, 1e-10 );\tcolor = log2( color );\n\tcolor = ( color - AgxMinEv ) / ( AgxMaxEv - AgxMinEv );\n\tcolor = clamp( color, 0.0, 1.0 );\n\tcolor = agxDefaultContrastApprox( color );\n\tcolor = AgXOutsetMatrix * color;\n\tcolor = pow( max( vec3( 0.0 ), color ), vec3( 2.2 ) );\n\tcolor = LINEAR_REC2020_TO_LINEAR_SRGB * color;\n\tcolor = clamp( color, 0.0, 1.0 );\n\treturn color;\n}\nvec3 NeutralToneMapping( vec3 color ) {\n\tconst float StartCompression = 0.8 - 0.04;\n\tconst float Desaturation = 0.15;\n\tcolor *= toneMappingExposure;\n\tfloat x = min( color.r, min( color.g, color.b ) );\n\tfloat offset = x < 0.08 ? x - 6.25 * x * x : 0.04;\n\tcolor -= offset;\n\tfloat peak = max( color.r, max( color.g, color.b ) );\n\tif ( peak < StartCompression ) return color;\n\tfloat d = 1. - StartCompression;\n\tfloat newPeak = 1. - d * d / ( peak + d - StartCompression );\n\tcolor *= newPeak / peak;\n\tfloat g = 1. - 1. / ( Desaturation * ( peak - newPeak ) + 1. );\n\treturn mix( color, vec3( newPeak ), g );\n}\nvec3 CustomToneMapping( vec3 color ) { return color; }";
 
-  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, vTransmissionMapUv ).r;\n\t#endif\n\t#ifdef USE_THICKNESSMAP\n\t\tmaterial.thickness *= texture2D( thicknessMap, vThicknessMapUv ).g;\n\t#endif\n\tvec3 pos = vWorldPosition;\n\tvec3 v = normalize( cameraPosition - pos );\n\tvec3 n = inverseTransformDirection( normal, viewMatrix );\n\tvec4 transmitted = 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, transmitted.a, material.transmission );\n\ttotalDiffuse = mix( totalDiffuse, transmitted.rgb, material.transmission );\n#endif";
+  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, vTransmissionMapUv ).r;\n\t#endif\n\t#ifdef USE_THICKNESSMAP\n\t\tmaterial.thickness *= texture2D( thicknessMap, vThicknessMapUv ).g;\n\t#endif\n\tvec3 pos = vWorldPosition;\n\tvec3 v = normalize( cameraPosition - pos );\n\tvec3 n = inverseTransformDirection( normal, viewMatrix );\n\tvec4 transmitted = getIBLVolumeRefraction(\n\t\tn, v, material.roughness, material.diffuseColor, material.specularColor, material.specularF90,\n\t\tpos, modelMatrix, viewMatrix, projectionMatrix, material.dispersion, material.ior, material.thickness,\n\t\tmaterial.attenuationColor, material.attenuationDistance );\n\tmaterial.transmissionAlpha = mix( material.transmissionAlpha, transmitted.a, material.transmission );\n\ttotalDiffuse = mix( totalDiffuse, transmitted.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\tfloat w0( float a ) {\n\t\treturn ( 1.0 / 6.0 ) * ( a * ( a * ( - a + 3.0 ) - 3.0 ) + 1.0 );\n\t}\n\tfloat w1( float a ) {\n\t\treturn ( 1.0 / 6.0 ) * ( a *  a * ( 3.0 * a - 6.0 ) + 4.0 );\n\t}\n\tfloat w2( float a ){\n\t\treturn ( 1.0 / 6.0 ) * ( a * ( a * ( - 3.0 * a + 3.0 ) + 3.0 ) + 1.0 );\n\t}\n\tfloat w3( float a ) {\n\t\treturn ( 1.0 / 6.0 ) * ( a * a * a );\n\t}\n\tfloat g0( float a ) {\n\t\treturn w0( a ) + w1( a );\n\t}\n\tfloat g1( float a ) {\n\t\treturn w2( a ) + w3( a );\n\t}\n\tfloat h0( float a ) {\n\t\treturn - 1.0 + w1( a ) / ( w0( a ) + w1( a ) );\n\t}\n\tfloat h1( float a ) {\n\t\treturn 1.0 + w3( a ) / ( w2( a ) + w3( a ) );\n\t}\n\tvec4 bicubic( sampler2D tex, vec2 uv, vec4 texelSize, float lod ) {\n\t\tuv = uv * texelSize.zw + 0.5;\n\t\tvec2 iuv = floor( uv );\n\t\tvec2 fuv = fract( uv );\n\t\tfloat g0x = g0( fuv.x );\n\t\tfloat g1x = g1( fuv.x );\n\t\tfloat h0x = h0( fuv.x );\n\t\tfloat h1x = h1( fuv.x );\n\t\tfloat h0y = h0( fuv.y );\n\t\tfloat h1y = h1( fuv.y );\n\t\tvec2 p0 = ( vec2( iuv.x + h0x, iuv.y + h0y ) - 0.5 ) * texelSize.xy;\n\t\tvec2 p1 = ( vec2( iuv.x + h1x, iuv.y + h0y ) - 0.5 ) * texelSize.xy;\n\t\tvec2 p2 = ( vec2( iuv.x + h0x, iuv.y + h1y ) - 0.5 ) * texelSize.xy;\n\t\tvec2 p3 = ( vec2( iuv.x + h1x, iuv.y + h1y ) - 0.5 ) * texelSize.xy;\n\t\treturn g0( fuv.y ) * ( g0x * textureLod( tex, p0, lod ) + g1x * textureLod( tex, p1, lod ) ) +\n\t\t\tg1( fuv.y ) * ( g0x * textureLod( tex, p2, lod ) + g1x * textureLod( tex, p3, lod ) );\n\t}\n\tvec4 textureBicubic( sampler2D sampler, vec2 uv, float lod ) {\n\t\tvec2 fLodSize = vec2( textureSize( sampler, int( lod ) ) );\n\t\tvec2 cLodSize = vec2( textureSize( sampler, int( lod + 1.0 ) ) );\n\t\tvec2 fLodSizeInv = 1.0 / fLodSize;\n\t\tvec2 cLodSizeInv = 1.0 / cLodSize;\n\t\tvec4 fSample = bicubic( sampler, uv, vec4( fLodSizeInv, fLodSize ), floor( lod ) );\n\t\tvec4 cSample = bicubic( sampler, uv, vec4( cLodSizeInv, cLodSize ), ceil( lod ) );\n\t\treturn mix( fSample, cSample, fract( lod ) );\n\t}\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 lod = log2( transmissionSamplerSize.x ) * applyIorToRoughness( roughness, ior );\n\t\treturn textureBicubic( transmissionSamplerMap, fragCoord.xy, lod );\n\t}\n\tvec3 volumeAttenuation( const in float transmissionDistance, const in vec3 attenuationColor, const in float attenuationDistance ) {\n\t\tif ( isinf( attenuationDistance ) ) {\n\t\t\treturn vec3( 1.0 );\n\t\t} else {\n\t\t\tvec3 attenuationCoefficient = -log( attenuationColor ) / attenuationDistance;\n\t\t\tvec3 transmittance = exp( - attenuationCoefficient * transmissionDistance );\t\t\treturn transmittance;\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 transmittance = diffuseColor * volumeAttenuation( length( transmissionRay ), attenuationColor, attenuationDistance );\n\t\tvec3 attenuatedColor = transmittance * transmittedLight.rgb;\n\t\tvec3 F = EnvironmentBRDF( n, v, specularColor, specularF90, roughness );\n\t\tfloat transmittanceFactor = ( transmittance.r + transmittance.g + transmittance.b ) / 3.0;\n\t\treturn vec4( ( 1.0 - F ) * attenuatedColor, 1.0 - ( 1.0 - transmittedLight.a ) * transmittanceFactor );\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\tfloat w0( float a ) {\n\t\treturn ( 1.0 / 6.0 ) * ( a * ( a * ( - a + 3.0 ) - 3.0 ) + 1.0 );\n\t}\n\tfloat w1( float a ) {\n\t\treturn ( 1.0 / 6.0 ) * ( a *  a * ( 3.0 * a - 6.0 ) + 4.0 );\n\t}\n\tfloat w2( float a ){\n\t\treturn ( 1.0 / 6.0 ) * ( a * ( a * ( - 3.0 * a + 3.0 ) + 3.0 ) + 1.0 );\n\t}\n\tfloat w3( float a ) {\n\t\treturn ( 1.0 / 6.0 ) * ( a * a * a );\n\t}\n\tfloat g0( float a ) {\n\t\treturn w0( a ) + w1( a );\n\t}\n\tfloat g1( float a ) {\n\t\treturn w2( a ) + w3( a );\n\t}\n\tfloat h0( float a ) {\n\t\treturn - 1.0 + w1( a ) / ( w0( a ) + w1( a ) );\n\t}\n\tfloat h1( float a ) {\n\t\treturn 1.0 + w3( a ) / ( w2( a ) + w3( a ) );\n\t}\n\tvec4 bicubic( sampler2D tex, vec2 uv, vec4 texelSize, float lod ) {\n\t\tuv = uv * texelSize.zw + 0.5;\n\t\tvec2 iuv = floor( uv );\n\t\tvec2 fuv = fract( uv );\n\t\tfloat g0x = g0( fuv.x );\n\t\tfloat g1x = g1( fuv.x );\n\t\tfloat h0x = h0( fuv.x );\n\t\tfloat h1x = h1( fuv.x );\n\t\tfloat h0y = h0( fuv.y );\n\t\tfloat h1y = h1( fuv.y );\n\t\tvec2 p0 = ( vec2( iuv.x + h0x, iuv.y + h0y ) - 0.5 ) * texelSize.xy;\n\t\tvec2 p1 = ( vec2( iuv.x + h1x, iuv.y + h0y ) - 0.5 ) * texelSize.xy;\n\t\tvec2 p2 = ( vec2( iuv.x + h0x, iuv.y + h1y ) - 0.5 ) * texelSize.xy;\n\t\tvec2 p3 = ( vec2( iuv.x + h1x, iuv.y + h1y ) - 0.5 ) * texelSize.xy;\n\t\treturn g0( fuv.y ) * ( g0x * textureLod( tex, p0, lod ) + g1x * textureLod( tex, p1, lod ) ) +\n\t\t\tg1( fuv.y ) * ( g0x * textureLod( tex, p2, lod ) + g1x * textureLod( tex, p3, lod ) );\n\t}\n\tvec4 textureBicubic( sampler2D sampler, vec2 uv, float lod ) {\n\t\tvec2 fLodSize = vec2( textureSize( sampler, int( lod ) ) );\n\t\tvec2 cLodSize = vec2( textureSize( sampler, int( lod + 1.0 ) ) );\n\t\tvec2 fLodSizeInv = 1.0 / fLodSize;\n\t\tvec2 cLodSizeInv = 1.0 / cLodSize;\n\t\tvec4 fSample = bicubic( sampler, uv, vec4( fLodSizeInv, fLodSize ), floor( lod ) );\n\t\tvec4 cSample = bicubic( sampler, uv, vec4( cLodSizeInv, cLodSize ), ceil( lod ) );\n\t\treturn mix( fSample, cSample, fract( lod ) );\n\t}\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 lod = log2( transmissionSamplerSize.x ) * applyIorToRoughness( roughness, ior );\n\t\treturn textureBicubic( transmissionSamplerMap, fragCoord.xy, lod );\n\t}\n\tvec3 volumeAttenuation( const in float transmissionDistance, const in vec3 attenuationColor, const in float attenuationDistance ) {\n\t\tif ( isinf( attenuationDistance ) ) {\n\t\t\treturn vec3( 1.0 );\n\t\t} else {\n\t\t\tvec3 attenuationCoefficient = -log( attenuationColor ) / attenuationDistance;\n\t\t\tvec3 transmittance = exp( - attenuationCoefficient * transmissionDistance );\t\t\treturn transmittance;\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 dispersion, const in float ior, const in float thickness,\n\t\tconst in vec3 attenuationColor, const in float attenuationDistance ) {\n\t\tvec4 transmittedLight;\n\t\tvec3 transmittance;\n\t\t#ifdef USE_DISPERSION\n\t\t\tfloat halfSpread = ( ior - 1.0 ) * 0.025 * dispersion;\n\t\t\tvec3 iors = vec3( ior - halfSpread, ior, ior + halfSpread );\n\t\t\tfor ( int i = 0; i < 3; i ++ ) {\n\t\t\t\tvec3 transmissionRay = getVolumeTransmissionRay( n, v, thickness, iors[ i ], modelMatrix );\n\t\t\t\tvec3 refractedRayExit = position + transmissionRay;\n\t\t\n\t\t\t\tvec4 ndcPos = projMatrix * viewMatrix * vec4( refractedRayExit, 1.0 );\n\t\t\t\tvec2 refractionCoords = ndcPos.xy / ndcPos.w;\n\t\t\t\trefractionCoords += 1.0;\n\t\t\t\trefractionCoords /= 2.0;\n\t\t\n\t\t\t\tvec4 transmissionSample = getTransmissionSample( refractionCoords, roughness, iors[ i ] );\n\t\t\t\ttransmittedLight[ i ] = transmissionSample[ i ];\n\t\t\t\ttransmittedLight.a += transmissionSample.a;\n\t\t\t\ttransmittance[ i ] = diffuseColor[ i ] * volumeAttenuation( length( transmissionRay ), attenuationColor, attenuationDistance )[ i ];\n\t\t\t}\n\t\t\ttransmittedLight.a /= 3.0;\n\t\t\n\t\t#else\n\t\t\n\t\t\tvec3 transmissionRay = getVolumeTransmissionRay( n, v, thickness, ior, modelMatrix );\n\t\t\tvec3 refractedRayExit = position + transmissionRay;\n\t\t\tvec4 ndcPos = projMatrix * viewMatrix * vec4( refractedRayExit, 1.0 );\n\t\t\tvec2 refractionCoords = ndcPos.xy / ndcPos.w;\n\t\t\trefractionCoords += 1.0;\n\t\t\trefractionCoords /= 2.0;\n\t\t\ttransmittedLight = getTransmissionSample( refractionCoords, roughness, ior );\n\t\t\ttransmittance = diffuseColor * volumeAttenuation( length( transmissionRay ), attenuationColor, attenuationDistance );\n\t\t\n\t\t#endif\n\t\tvec3 attenuatedColor = transmittance * transmittedLight.rgb;\n\t\tvec3 F = EnvironmentBRDF( n, v, specularColor, specularF90, roughness );\n\t\tfloat transmittanceFactor = ( transmittance.r + transmittance.g + transmittance.b ) / 3.0;\n\t\treturn vec4( ( 1.0 - F ) * attenuatedColor, 1.0 - ( 1.0 - transmittedLight.a ) * transmittanceFactor );\n\t}\n#endif";
 
   var uv_pars_fragment = "#if defined( USE_UV ) || defined( USE_ANISOTROPY )\n\tvarying vec2 vUv;\n#endif\n#ifdef USE_MAP\n\tvarying vec2 vMapUv;\n#endif\n#ifdef USE_ALPHAMAP\n\tvarying vec2 vAlphaMapUv;\n#endif\n#ifdef USE_LIGHTMAP\n\tvarying vec2 vLightMapUv;\n#endif\n#ifdef USE_AOMAP\n\tvarying vec2 vAoMapUv;\n#endif\n#ifdef USE_BUMPMAP\n\tvarying vec2 vBumpMapUv;\n#endif\n#ifdef USE_NORMALMAP\n\tvarying vec2 vNormalMapUv;\n#endif\n#ifdef USE_EMISSIVEMAP\n\tvarying vec2 vEmissiveMapUv;\n#endif\n#ifdef USE_METALNESSMAP\n\tvarying vec2 vMetalnessMapUv;\n#endif\n#ifdef USE_ROUGHNESSMAP\n\tvarying vec2 vRoughnessMapUv;\n#endif\n#ifdef USE_ANISOTROPYMAP\n\tvarying vec2 vAnisotropyMapUv;\n#endif\n#ifdef USE_CLEARCOATMAP\n\tvarying vec2 vClearcoatMapUv;\n#endif\n#ifdef USE_CLEARCOAT_NORMALMAP\n\tvarying vec2 vClearcoatNormalMapUv;\n#endif\n#ifdef USE_CLEARCOAT_ROUGHNESSMAP\n\tvarying vec2 vClearcoatRoughnessMapUv;\n#endif\n#ifdef USE_IRIDESCENCEMAP\n\tvarying vec2 vIridescenceMapUv;\n#endif\n#ifdef USE_IRIDESCENCE_THICKNESSMAP\n\tvarying vec2 vIridescenceThicknessMapUv;\n#endif\n#ifdef USE_SHEEN_COLORMAP\n\tvarying vec2 vSheenColorMapUv;\n#endif\n#ifdef USE_SHEEN_ROUGHNESSMAP\n\tvarying vec2 vSheenRoughnessMapUv;\n#endif\n#ifdef USE_SPECULARMAP\n\tvarying vec2 vSpecularMapUv;\n#endif\n#ifdef USE_SPECULAR_COLORMAP\n\tvarying vec2 vSpecularColorMapUv;\n#endif\n#ifdef USE_SPECULAR_INTENSITYMAP\n\tvarying vec2 vSpecularIntensityMapUv;\n#endif\n#ifdef USE_TRANSMISSIONMAP\n\tuniform mat3 transmissionMapTransform;\n\tvarying vec2 vTransmissionMapUv;\n#endif\n#ifdef USE_THICKNESSMAP\n\tuniform mat3 thicknessMapTransform;\n\tvarying vec2 vThicknessMapUv;\n#endif";
 
@@ -13659,7 +13704,7 @@
 
   const vertex$5 = "#define STANDARD\nvarying vec3 vViewPosition;\n#ifdef USE_TRANSMISSION\n\tvarying vec3 vWorldPosition;\n#endif\n#include <common>\n#include <batching_pars_vertex>\n#include <uv_pars_vertex>\n#include <displacementmap_pars_vertex>\n#include <color_pars_vertex>\n#include <fog_pars_vertex>\n#include <normal_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <skinning_pars_vertex>\n#include <shadowmap_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <uv_vertex>\n\t#include <color_vertex>\n\t#include <morphinstance_vertex>\n\t#include <morphcolor_vertex>\n\t#include <batching_vertex>\n\t#include <beginnormal_vertex>\n\t#include <morphnormal_vertex>\n\t#include <skinbase_vertex>\n\t#include <skinnormal_vertex>\n\t#include <defaultnormal_vertex>\n\t#include <normal_vertex>\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\tvViewPosition = - mvPosition.xyz;\n\t#include <worldpos_vertex>\n\t#include <shadowmap_vertex>\n\t#include <fog_vertex>\n#ifdef USE_TRANSMISSION\n\tvWorldPosition = worldPosition.xyz;\n#endif\n}";
 
-  const fragment$5 = "#define STANDARD\n#ifdef PHYSICAL\n\t#define IOR\n\t#define USE_SPECULAR\n#endif\nuniform vec3 diffuse;\nuniform vec3 emissive;\nuniform float roughness;\nuniform float metalness;\nuniform float opacity;\n#ifdef IOR\n\tuniform float ior;\n#endif\n#ifdef USE_SPECULAR\n\tuniform float specularIntensity;\n\tuniform vec3 specularColor;\n\t#ifdef USE_SPECULAR_COLORMAP\n\t\tuniform sampler2D specularColorMap;\n\t#endif\n\t#ifdef USE_SPECULAR_INTENSITYMAP\n\t\tuniform sampler2D specularIntensityMap;\n\t#endif\n#endif\n#ifdef USE_CLEARCOAT\n\tuniform float clearcoat;\n\tuniform float clearcoatRoughness;\n#endif\n#ifdef USE_IRIDESCENCE\n\tuniform float iridescence;\n\tuniform float iridescenceIOR;\n\tuniform float iridescenceThicknessMinimum;\n\tuniform float iridescenceThicknessMaximum;\n#endif\n#ifdef USE_SHEEN\n\tuniform vec3 sheenColor;\n\tuniform float sheenRoughness;\n\t#ifdef USE_SHEEN_COLORMAP\n\t\tuniform sampler2D sheenColorMap;\n\t#endif\n\t#ifdef USE_SHEEN_ROUGHNESSMAP\n\t\tuniform sampler2D sheenRoughnessMap;\n\t#endif\n#endif\n#ifdef USE_ANISOTROPY\n\tuniform vec2 anisotropyVector;\n\t#ifdef USE_ANISOTROPYMAP\n\t\tuniform sampler2D anisotropyMap;\n\t#endif\n#endif\nvarying vec3 vViewPosition;\n#include <common>\n#include <packing>\n#include <dithering_pars_fragment>\n#include <color_pars_fragment>\n#include <uv_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <alphatest_pars_fragment>\n#include <alphahash_pars_fragment>\n#include <aomap_pars_fragment>\n#include <lightmap_pars_fragment>\n#include <emissivemap_pars_fragment>\n#include <iridescence_fragment>\n#include <cube_uv_reflection_fragment>\n#include <envmap_common_pars_fragment>\n#include <envmap_physical_pars_fragment>\n#include <fog_pars_fragment>\n#include <lights_pars_begin>\n#include <normal_pars_fragment>\n#include <lights_physical_pars_fragment>\n#include <transmission_pars_fragment>\n#include <shadowmap_pars_fragment>\n#include <bumpmap_pars_fragment>\n#include <normalmap_pars_fragment>\n#include <clearcoat_pars_fragment>\n#include <iridescence_pars_fragment>\n#include <roughnessmap_pars_fragment>\n#include <metalnessmap_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\t#include <clipping_planes_fragment>\n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\tvec3 totalEmissiveRadiance = emissive;\n\t#include <logdepthbuf_fragment>\n\t#include <map_fragment>\n\t#include <color_fragment>\n\t#include <alphamap_fragment>\n\t#include <alphatest_fragment>\n\t#include <alphahash_fragment>\n\t#include <roughnessmap_fragment>\n\t#include <metalnessmap_fragment>\n\t#include <normal_fragment_begin>\n\t#include <normal_fragment_maps>\n\t#include <clearcoat_normal_fragment_begin>\n\t#include <clearcoat_normal_fragment_maps>\n\t#include <emissivemap_fragment>\n\t#include <lights_physical_fragment>\n\t#include <lights_fragment_begin>\n\t#include <lights_fragment_maps>\n\t#include <lights_fragment_end>\n\t#include <aomap_fragment>\n\tvec3 totalDiffuse = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse;\n\tvec3 totalSpecular = reflectedLight.directSpecular + reflectedLight.indirectSpecular;\n\t#include <transmission_fragment>\n\tvec3 outgoingLight = totalDiffuse + totalSpecular + totalEmissiveRadiance;\n\t#ifdef USE_SHEEN\n\t\tfloat sheenEnergyComp = 1.0 - 0.157 * max3( material.sheenColor );\n\t\toutgoingLight = outgoingLight * sheenEnergyComp + sheenSpecularDirect + sheenSpecularIndirect;\n\t#endif\n\t#ifdef USE_CLEARCOAT\n\t\tfloat dotNVcc = saturate( dot( geometryClearcoatNormal, geometryViewDir ) );\n\t\tvec3 Fcc = F_Schlick( material.clearcoatF0, material.clearcoatF90, dotNVcc );\n\t\toutgoingLight = outgoingLight * ( 1.0 - material.clearcoat * Fcc ) + ( clearcoatSpecularDirect + clearcoatSpecularIndirect ) * material.clearcoat;\n\t#endif\n\t#include <opaque_fragment>\n\t#include <tonemapping_fragment>\n\t#include <colorspace_fragment>\n\t#include <fog_fragment>\n\t#include <premultiplied_alpha_fragment>\n\t#include <dithering_fragment>\n}";
+  const fragment$5 = "#define STANDARD\n#ifdef PHYSICAL\n\t#define IOR\n\t#define USE_SPECULAR\n#endif\nuniform vec3 diffuse;\nuniform vec3 emissive;\nuniform float roughness;\nuniform float metalness;\nuniform float opacity;\n#ifdef IOR\n\tuniform float ior;\n#endif\n#ifdef USE_SPECULAR\n\tuniform float specularIntensity;\n\tuniform vec3 specularColor;\n\t#ifdef USE_SPECULAR_COLORMAP\n\t\tuniform sampler2D specularColorMap;\n\t#endif\n\t#ifdef USE_SPECULAR_INTENSITYMAP\n\t\tuniform sampler2D specularIntensityMap;\n\t#endif\n#endif\n#ifdef USE_CLEARCOAT\n\tuniform float clearcoat;\n\tuniform float clearcoatRoughness;\n#endif\n#ifdef USE_DISPERSION\n\tuniform float dispersion;\n#endif\n#ifdef USE_IRIDESCENCE\n\tuniform float iridescence;\n\tuniform float iridescenceIOR;\n\tuniform float iridescenceThicknessMinimum;\n\tuniform float iridescenceThicknessMaximum;\n#endif\n#ifdef USE_SHEEN\n\tuniform vec3 sheenColor;\n\tuniform float sheenRoughness;\n\t#ifdef USE_SHEEN_COLORMAP\n\t\tuniform sampler2D sheenColorMap;\n\t#endif\n\t#ifdef USE_SHEEN_ROUGHNESSMAP\n\t\tuniform sampler2D sheenRoughnessMap;\n\t#endif\n#endif\n#ifdef USE_ANISOTROPY\n\tuniform vec2 anisotropyVector;\n\t#ifdef USE_ANISOTROPYMAP\n\t\tuniform sampler2D anisotropyMap;\n\t#endif\n#endif\nvarying vec3 vViewPosition;\n#include <common>\n#include <packing>\n#include <dithering_pars_fragment>\n#include <color_pars_fragment>\n#include <uv_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <alphatest_pars_fragment>\n#include <alphahash_pars_fragment>\n#include <aomap_pars_fragment>\n#include <lightmap_pars_fragment>\n#include <emissivemap_pars_fragment>\n#include <iridescence_fragment>\n#include <cube_uv_reflection_fragment>\n#include <envmap_common_pars_fragment>\n#include <envmap_physical_pars_fragment>\n#include <fog_pars_fragment>\n#include <lights_pars_begin>\n#include <normal_pars_fragment>\n#include <lights_physical_pars_fragment>\n#include <transmission_pars_fragment>\n#include <shadowmap_pars_fragment>\n#include <bumpmap_pars_fragment>\n#include <normalmap_pars_fragment>\n#include <clearcoat_pars_fragment>\n#include <iridescence_pars_fragment>\n#include <roughnessmap_pars_fragment>\n#include <metalnessmap_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\t#include <clipping_planes_fragment>\n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\tvec3 totalEmissiveRadiance = emissive;\n\t#include <logdepthbuf_fragment>\n\t#include <map_fragment>\n\t#include <color_fragment>\n\t#include <alphamap_fragment>\n\t#include <alphatest_fragment>\n\t#include <alphahash_fragment>\n\t#include <roughnessmap_fragment>\n\t#include <metalnessmap_fragment>\n\t#include <normal_fragment_begin>\n\t#include <normal_fragment_maps>\n\t#include <clearcoat_normal_fragment_begin>\n\t#include <clearcoat_normal_fragment_maps>\n\t#include <emissivemap_fragment>\n\t#include <lights_physical_fragment>\n\t#include <lights_fragment_begin>\n\t#include <lights_fragment_maps>\n\t#include <lights_fragment_end>\n\t#include <aomap_fragment>\n\tvec3 totalDiffuse = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse;\n\tvec3 totalSpecular = reflectedLight.directSpecular + reflectedLight.indirectSpecular;\n\t#include <transmission_fragment>\n\tvec3 outgoingLight = totalDiffuse + totalSpecular + totalEmissiveRadiance;\n\t#ifdef USE_SHEEN\n\t\tfloat sheenEnergyComp = 1.0 - 0.157 * max3( material.sheenColor );\n\t\toutgoingLight = outgoingLight * sheenEnergyComp + sheenSpecularDirect + sheenSpecularIndirect;\n\t#endif\n\t#ifdef USE_CLEARCOAT\n\t\tfloat dotNVcc = saturate( dot( geometryClearcoatNormal, geometryViewDir ) );\n\t\tvec3 Fcc = F_Schlick( material.clearcoatF0, material.clearcoatF90, dotNVcc );\n\t\toutgoingLight = outgoingLight * ( 1.0 - material.clearcoat * Fcc ) + ( clearcoatSpecularDirect + clearcoatSpecularIndirect ) * material.clearcoat;\n\t#endif\n\t#include <opaque_fragment>\n\t#include <tonemapping_fragment>\n\t#include <colorspace_fragment>\n\t#include <fog_fragment>\n\t#include <premultiplied_alpha_fragment>\n\t#include <dithering_fragment>\n}";
 
   const vertex$4 = "#define TOON\nvarying vec3 vViewPosition;\n#include <common>\n#include <batching_pars_vertex>\n#include <uv_pars_vertex>\n#include <displacementmap_pars_vertex>\n#include <color_pars_vertex>\n#include <fog_pars_vertex>\n#include <normal_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <skinning_pars_vertex>\n#include <shadowmap_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <uv_vertex>\n\t#include <color_vertex>\n\t#include <morphinstance_vertex>\n\t#include <morphcolor_vertex>\n\t#include <batching_vertex>\n\t#include <beginnormal_vertex>\n\t#include <morphnormal_vertex>\n\t#include <skinbase_vertex>\n\t#include <skinnormal_vertex>\n\t#include <defaultnormal_vertex>\n\t#include <normal_vertex>\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\tvViewPosition = - mvPosition.xyz;\n\t#include <worldpos_vertex>\n\t#include <shadowmap_vertex>\n\t#include <fog_vertex>\n}";
 
@@ -13721,7 +13766,6 @@
   	fog_fragment: fog_fragment,
   	fog_pars_fragment: fog_pars_fragment,
   	gradientmap_pars_fragment: gradientmap_pars_fragment,
-  	lightmap_fragment: lightmap_fragment,
   	lightmap_pars_fragment: lightmap_pars_fragment,
   	lights_lambert_fragment: lights_lambert_fragment,
   	lights_lambert_pars_fragment: lights_lambert_pars_fragment,
@@ -14357,6 +14401,7 @@
   			clearcoatRoughness: { value: 0 },
   			clearcoatRoughnessMap: { value: null },
   			clearcoatRoughnessMapTransform: { value: /*@__PURE__*/ new Matrix3() },
+  			dispersion: { value: 0 },
   			iridescence: { value: 0 },
   			iridescenceMap: { value: null },
   			iridescenceMapTransform: { value: /*@__PURE__*/ new Matrix3() },
@@ -14415,9 +14460,8 @@
   	let currentBackgroundVersion = 0;
   	let currentTonemapping = null;
 
-  	function render( renderList, scene ) {
+  	function getBackground( scene ) {
 
-  		let forceClear = false;
   		let background = scene.isScene === true ? scene.background : null;
 
   		if ( background && background.isTexture ) {
@@ -14427,6 +14471,15 @@
 
   		}
 
+  		return background;
+
+  	}
+
+  	function render( scene ) {
+
+  		let forceClear = false;
+  		const background = getBackground( scene );
+
   		if ( background === null ) {
 
   			setClear( clearColor, clearAlpha );
@@ -14452,10 +14505,22 @@
 
   		if ( renderer.autoClear || forceClear ) {
 
+  			// buffers might not be writable which is required to ensure a correct clear
+
+  			state.buffers.depth.setTest( true );
+  			state.buffers.depth.setMask( true );
+  			state.buffers.color.setMask( true );
+
   			renderer.clear( renderer.autoClearColor, renderer.autoClearDepth, renderer.autoClearStencil );
 
   		}
 
+  	}
+
+  	function addToRenderList( renderList, scene ) {
+
+  		const background = getBackground( scene );
+
   		if ( background && ( background.isCubeTexture || background.mapping === CubeUVReflectionMapping ) ) {
 
   			if ( boxMesh === undefined ) {
@@ -14636,7 +14701,8 @@
   			setClear( clearColor, clearAlpha );
 
   		},
-  		render: render
+  		render: render,
+  		addToRenderList: addToRenderList
 
   	};
 
@@ -15291,16 +15357,52 @@
 
   	}
 
+  	function renderMultiDrawInstances( starts, counts, drawCount, primcount ) {
+
+  		if ( drawCount === 0 ) return;
+
+  		const extension = extensions.get( 'WEBGL_multi_draw' );
+
+  		if ( extension === null ) {
+
+  			for ( let i = 0; i < starts.length; i ++ ) {
+
+  				renderInstances( starts[ i ], counts[ i ], primcount[ i ] );
+
+  			}
+
+  		} else {
+
+  			extension.multiDrawArraysInstancedWEBGL( mode, starts, 0, counts, 0, primcount, 0, drawCount );
+
+  			let elementCount = 0;
+  			for ( let i = 0; i < drawCount; i ++ ) {
+
+  				elementCount += counts[ i ];
+
+  			}
+
+  			for ( let i = 0; i < primcount.length; i ++ ) {
+
+  				info.update( elementCount, mode, primcount[ i ] );
+
+  			}
+
+  		}
+
+  	}
+
   	//
 
   	this.setMode = setMode;
   	this.render = render;
   	this.renderInstances = renderInstances;
   	this.renderMultiDraw = renderMultiDraw;
+  	this.renderMultiDrawInstances = renderMultiDrawInstances;
 
   }
 
-  function WebGLCapabilities( gl, extensions, parameters ) {
+  function WebGLCapabilities( gl, extensions, parameters, utils ) {
 
   	let maxAnisotropy;
 
@@ -15324,6 +15426,33 @@
 
   	}
 
+  	function textureFormatReadable( textureFormat ) {
+
+  		if ( textureFormat !== RGBAFormat && utils.convert( textureFormat ) !== gl.getParameter( gl.IMPLEMENTATION_COLOR_READ_FORMAT ) ) {
+
+  			return false;
+
+  		}
+
+  		return true;
+
+  	}
+
+  	function textureTypeReadable( textureType ) {
+
+  		const halfFloatSupportedByExt = ( textureType === HalfFloatType ) && ( extensions.has( 'EXT_color_buffer_half_float' ) || extensions.has( 'EXT_color_buffer_float' ) );
+
+  		if ( textureType !== UnsignedByteType && utils.convert( textureType ) !== gl.getParameter( gl.IMPLEMENTATION_COLOR_READ_TYPE ) && // Edge and Chrome Mac < 52 (#9513)
+  			textureType !== FloatType && ! halfFloatSupportedByExt ) {
+
+  			return false;
+
+  		}
+
+  		return true;
+
+  	}
+
   	function getMaxPrecision( precision ) {
 
   		if ( precision === 'highp' ) {
@@ -15387,6 +15516,9 @@
   		getMaxAnisotropy: getMaxAnisotropy,
   		getMaxPrecision: getMaxPrecision,
 
+  		textureFormatReadable: textureFormatReadable,
+  		textureTypeReadable: textureTypeReadable,
+
   		precision: precision,
   		logarithmicDepthBuffer: logarithmicDepthBuffer,
 
@@ -15828,16 +15960,16 @@
   // Vertices of a dodecahedron (except the opposites, which represent the
   // same axis), used as axis directions evenly spread on a sphere.
   const _axisDirections = [
-  	/*@__PURE__*/ new Vector3( 1, 1, 1 ),
-  	/*@__PURE__*/ new Vector3( - 1, 1, 1 ),
-  	/*@__PURE__*/ new Vector3( 1, 1, - 1 ),
-  	/*@__PURE__*/ new Vector3( - 1, 1, - 1 ),
-  	/*@__PURE__*/ new Vector3( 0, PHI, INV_PHI ),
-  	/*@__PURE__*/ new Vector3( 0, PHI, - INV_PHI ),
-  	/*@__PURE__*/ new Vector3( INV_PHI, 0, PHI ),
-  	/*@__PURE__*/ new Vector3( - INV_PHI, 0, PHI ),
+  	/*@__PURE__*/ new Vector3( - PHI, INV_PHI, 0 ),
   	/*@__PURE__*/ new Vector3( PHI, INV_PHI, 0 ),
-  	/*@__PURE__*/ new Vector3( - PHI, INV_PHI, 0 ) ];
+  	/*@__PURE__*/ new Vector3( - INV_PHI, 0, PHI ),
+  	/*@__PURE__*/ new Vector3( INV_PHI, 0, PHI ),
+  	/*@__PURE__*/ new Vector3( 0, PHI, - INV_PHI ),
+  	/*@__PURE__*/ new Vector3( 0, PHI, INV_PHI ),
+  	/*@__PURE__*/ new Vector3( - 1, 1, - 1 ),
+  	/*@__PURE__*/ new Vector3( 1, 1, - 1 ),
+  	/*@__PURE__*/ new Vector3( - 1, 1, 1 ),
+  	/*@__PURE__*/ new Vector3( 1, 1, 1 ) ];
 
   /**
    * This class generates a Prefiltered, Mipmapped Radiance Environment Map
@@ -16223,12 +16355,13 @@
   		const renderer = this._renderer;
   		const autoClear = renderer.autoClear;
   		renderer.autoClear = false;
+  		const n = this._lodPlanes.length;
 
-  		for ( let i = 1; i < this._lodPlanes.length; i ++ ) {
+  		for ( let i = 1; i < n; i ++ ) {
 
   			const sigma = Math.sqrt( this._sigmas[ i ] * this._sigmas[ i ] - this._sigmas[ i - 1 ] * this._sigmas[ i - 1 ] );
 
-  			const poleAxis = _axisDirections[ ( i - 1 ) % _axisDirections.length ];
+  			const poleAxis = _axisDirections[ ( n - i - 1 ) % _axisDirections.length ];
 
   			this._blur( cubeUVRenderTarget, i - 1, i, sigma, poleAxis );
 
@@ -16891,7 +17024,7 @@
 
   			if ( extension === null ) {
 
-  				console.warn( 'THREE.WebGLRenderer: ' + name + ' extension not supported.' );
+  				warnOnce( 'THREE.WebGLRenderer: ' + name + ' extension not supported.' );
 
   			}
 
@@ -17177,6 +17310,41 @@
 
   	}
 
+  	function renderMultiDrawInstances( starts, counts, drawCount, primcount ) {
+
+  		if ( drawCount === 0 ) return;
+
+  		const extension = extensions.get( 'WEBGL_multi_draw' );
+
+  		if ( extension === null ) {
+
+  			for ( let i = 0; i < starts.length; i ++ ) {
+
+  				renderInstances( starts[ i ] / bytesPerElement, counts[ i ], primcount[ i ] );
+
+  			}
+
+  		} else {
+
+  			extension.multiDrawElementsInstancedWEBGL( mode, counts, 0, type, starts, 0, primcount, 0, drawCount );
+
+  			let elementCount = 0;
+  			for ( let i = 0; i < drawCount; i ++ ) {
+
+  				elementCount += counts[ i ];
+
+  			}
+
+  			for ( let i = 0; i < primcount.length; i ++ ) {
+
+  				info.update( elementCount, mode, primcount[ i ] );
+
+  			}
+
+  		}
+
+  	}
+
   	//
 
   	this.setMode = setMode;
@@ -17184,6 +17352,7 @@
   	this.render = render;
   	this.renderInstances = renderInstances;
   	this.renderMultiDraw = renderMultiDraw;
+  	this.renderMultiDrawInstances = renderMultiDrawInstances;
 
   }
 
@@ -17265,8 +17434,7 @@
 
   		const objectInfluences = object.morphTargetInfluences;
 
-  		// instead of using attributes, the WebGL 2 code path encodes morph targets
-  		// into an array of data textures. Each layer represents a single morph target.
+  		// the following encodes morph targets into an array of data textures. Each layer represents a single morph target.
 
   		const morphAttribute = geometry.morphAttributes.position || geometry.morphAttributes.normal || geometry.morphAttributes.color;
   		const morphTargetsCount = ( morphAttribute !== undefined ) ? morphAttribute.length : 0;
@@ -17510,9 +17678,7 @@
 
   class DepthTexture extends Texture {
 
-  	constructor( width, height, type, mapping, wrapS, wrapT, magFilter, minFilter, anisotropy, format ) {
-
-  		format = format !== undefined ? format : DepthFormat;
+  	constructor( width, height, type, mapping, wrapS, wrapT, magFilter, minFilter, anisotropy, format = DepthFormat ) {
 
   		if ( format !== DepthFormat && format !== DepthStencilFormat ) {
 
@@ -18962,11 +19128,7 @@
 
   }
 
-  const shaderChunkMap = new Map( [
-  	[ 'encodings_fragment', 'colorspace_fragment' ], // @deprecated, r154
-  	[ 'encodings_pars_fragment', 'colorspace_pars_fragment' ], // @deprecated, r154
-  	[ 'output_fragment', 'opaque_fragment' ], // @deprecated, r154
-  ] );
+  const shaderChunkMap = new Map();
 
   function includeReplacer( match, include ) {
 
@@ -19244,6 +19406,7 @@
 
   			parameters.extensionClipCullDistance ? '#define USE_CLIP_DISTANCE' : '',
   			parameters.batching ? '#define USE_BATCHING' : '',
+  			parameters.batchingColor ? '#define USE_BATCHING_COLOR' : '',
   			parameters.instancing ? '#define USE_INSTANCING' : '',
   			parameters.instancingColor ? '#define USE_INSTANCING_COLOR' : '',
   			parameters.instancingMorph ? '#define USE_INSTANCING_MORPH' : '',
@@ -19340,7 +19503,6 @@
   			parameters.morphTargets ? '#define USE_MORPHTARGETS' : '',
   			parameters.morphNormals && parameters.flatShading === false ? '#define USE_MORPHNORMALS' : '',
   			( parameters.morphColors ) ? '#define USE_MORPHCOLORS' : '',
-  			( parameters.morphTargetsCount > 0 ) ? '#define MORPHTARGETS_TEXTURE' : '',
   			( parameters.morphTargetsCount > 0 ) ? '#define MORPHTARGETS_TEXTURE_STRIDE ' + parameters.morphTextureStride : '',
   			( parameters.morphTargetsCount > 0 ) ? '#define MORPHTARGETS_COUNT ' + parameters.morphTargetsCount : '',
   			parameters.doubleSided ? '#define DOUBLE_SIDED' : '',
@@ -19353,8 +19515,6 @@
 
   			parameters.numLightProbes > 0 ? '#define USE_LIGHT_PROBES' : '',
 
-  			parameters.useLegacyLights ? '#define LEGACY_LIGHTS' : '',
-
   			parameters.logarithmicDepthBuffer ? '#define USE_LOGDEPTHBUF' : '',
 
   			'uniform mat4 modelMatrix;',
@@ -19421,31 +19581,6 @@
 
   			'#endif',
 
-  			'#if ( defined( USE_MORPHTARGETS ) && ! defined( MORPHTARGETS_TEXTURE ) )',
-
-  			'	attribute vec3 morphTarget0;',
-  			'	attribute vec3 morphTarget1;',
-  			'	attribute vec3 morphTarget2;',
-  			'	attribute vec3 morphTarget3;',
-
-  			'	#ifdef USE_MORPHNORMALS',
-
-  			'		attribute vec3 morphNormal0;',
-  			'		attribute vec3 morphNormal1;',
-  			'		attribute vec3 morphNormal2;',
-  			'		attribute vec3 morphNormal3;',
-
-  			'	#else',
-
-  			'		attribute vec3 morphTarget4;',
-  			'		attribute vec3 morphTarget5;',
-  			'		attribute vec3 morphTarget6;',
-  			'		attribute vec3 morphTarget7;',
-
-  			'	#endif',
-
-  			'#endif',
-
   			'#ifdef USE_SKINNING',
 
   			'	attribute vec4 skinIndex;',
@@ -19495,6 +19630,8 @@
   			parameters.clearcoatRoughnessMap ? '#define USE_CLEARCOAT_ROUGHNESSMAP' : '',
   			parameters.clearcoatNormalMap ? '#define USE_CLEARCOAT_NORMALMAP' : '',
 
+  			parameters.dispersion ? '#define USE_DISPERSION' : '',
+
   			parameters.iridescence ? '#define USE_IRIDESCENCE' : '',
   			parameters.iridescenceMap ? '#define USE_IRIDESCENCEMAP' : '',
   			parameters.iridescenceThicknessMap ? '#define USE_IRIDESCENCE_THICKNESSMAP' : '',
@@ -19519,7 +19656,7 @@
   			parameters.thicknessMap ? '#define USE_THICKNESSMAP' : '',
 
   			parameters.vertexTangents && parameters.flatShading === false ? '#define USE_TANGENT' : '',
-  			parameters.vertexColors || parameters.instancingColor ? '#define USE_COLOR' : '',
+  			parameters.vertexColors || parameters.instancingColor || parameters.batchingColor ? '#define USE_COLOR' : '',
   			parameters.vertexAlphas ? '#define USE_COLOR_ALPHA' : '',
   			parameters.vertexUv1s ? '#define USE_UV1' : '',
   			parameters.vertexUv2s ? '#define USE_UV2' : '',
@@ -19541,8 +19678,6 @@
 
   			parameters.numLightProbes > 0 ? '#define USE_LIGHT_PROBES' : '',
 
-  			parameters.useLegacyLights ? '#define LEGACY_LIGHTS' : '',
-
   			parameters.decodeVideoTexture ? '#define DECODE_VIDEO_TEXTURE' : '',
 
   			parameters.logarithmicDepthBuffer ? '#define USE_LOGDEPTHBUF' : '',
@@ -20050,6 +20185,7 @@
 
   		const HAS_ANISOTROPY = material.anisotropy > 0;
   		const HAS_CLEARCOAT = material.clearcoat > 0;
+  		const HAS_DISPERSION = material.dispersion > 0;
   		const HAS_IRIDESCENCE = material.iridescence > 0;
   		const HAS_SHEEN = material.sheen > 0;
   		const HAS_TRANSMISSION = material.transmission > 0;
@@ -20114,6 +20250,7 @@
   			precision: precision,
 
   			batching: IS_BATCHEDMESH,
+  			batchingColor: IS_BATCHEDMESH && object._colorsTexture !== null,
   			instancing: IS_INSTANCEDMESH,
   			instancingColor: IS_INSTANCEDMESH && object.instanceColor !== null,
   			instancingMorph: IS_INSTANCEDMESH && object.morphTexture !== null,
@@ -20148,6 +20285,8 @@
   			clearcoatNormalMap: HAS_CLEARCOAT_NORMALMAP,
   			clearcoatRoughnessMap: HAS_CLEARCOAT_ROUGHNESSMAP,
 
+  			dispersion: HAS_DISPERSION,
+
   			iridescence: HAS_IRIDESCENCE,
   			iridescenceMap: HAS_IRIDESCENCEMAP,
   			iridescenceThicknessMap: HAS_IRIDESCENCE_THICKNESSMAP,
@@ -20256,7 +20395,6 @@
   			shadowMapType: renderer.shadowMap.type,
 
   			toneMapping: toneMapping,
-  			useLegacyLights: renderer._useLegacyLights,
 
   			decodeVideoTexture: HAS_MAP && ( material.map.isVideoTexture === true ) && ( ColorManagement.getTransfer( material.map.colorSpace ) === SRGBTransfer ),
 
@@ -20428,6 +20566,10 @@
   			_programLayers.enable( 18 );
   		if ( parameters.batching )
   			_programLayers.enable( 19 );
+  		if ( parameters.dispersion )
+  			_programLayers.enable( 20 );
+  		if ( parameters.batchingColor )
+  			_programLayers.enable( 21 );
 
   		array.push( _programLayers.mask );
   		_programLayers.disableAll();
@@ -20452,28 +20594,26 @@
   			_programLayers.enable( 8 );
   		if ( parameters.shadowMapEnabled )
   			_programLayers.enable( 9 );
-  		if ( parameters.useLegacyLights )
-  			_programLayers.enable( 10 );
   		if ( parameters.doubleSided )
-  			_programLayers.enable( 11 );
+  			_programLayers.enable( 10 );
   		if ( parameters.flipSided )
-  			_programLayers.enable( 12 );
+  			_programLayers.enable( 11 );
   		if ( parameters.useDepthPacking )
-  			_programLayers.enable( 13 );
+  			_programLayers.enable( 12 );
   		if ( parameters.dithering )
-  			_programLayers.enable( 14 );
+  			_programLayers.enable( 13 );
   		if ( parameters.transmission )
-  			_programLayers.enable( 15 );
+  			_programLayers.enable( 14 );
   		if ( parameters.sheen )
-  			_programLayers.enable( 16 );
+  			_programLayers.enable( 15 );
   		if ( parameters.opaque )
-  			_programLayers.enable( 17 );
+  			_programLayers.enable( 16 );
   		if ( parameters.pointsUvs )
-  			_programLayers.enable( 18 );
+  			_programLayers.enable( 17 );
   		if ( parameters.decodeVideoTexture )
-  			_programLayers.enable( 19 );
+  			_programLayers.enable( 18 );
   		if ( parameters.alphaToCoverage )
-  			_programLayers.enable( 20 );
+  			_programLayers.enable( 19 );
 
   		array.push( _programLayers.mask );
 
@@ -21055,7 +21195,7 @@
   	const matrix4 = new Matrix4();
   	const matrix42 = new Matrix4();
 
-  	function setup( lights, useLegacyLights ) {
+  	function setup( lights ) {
 
   		let r = 0, g = 0, b = 0;
 
@@ -21078,9 +21218,6 @@
   		// ordering : [shadow casting + map texturing, map texturing, shadow casting, none ]
   		lights.sort( shadowCastingAndTexturingLightsFirst );
 
-  		// artist-friendly light intensity scaling factor
-  		const scaleFactor = ( useLegacyLights === true ) ? Math.PI : 1;
-
   		for ( let i = 0, l = lights.length; i < l; i ++ ) {
 
   			const light = lights[ i ];
@@ -21093,9 +21230,9 @@
 
   			if ( light.isAmbientLight ) {
 
-  				r += color.r * intensity * scaleFactor;
-  				g += color.g * intensity * scaleFactor;
-  				b += color.b * intensity * scaleFactor;
+  				r += color.r * intensity;
+  				g += color.g * intensity;
+  				b += color.b * intensity;
 
   			} else if ( light.isLightProbe ) {
 
@@ -21111,7 +21248,7 @@
 
   				const uniforms = cache.get( light );
 
-  				uniforms.color.copy( light.color ).multiplyScalar( light.intensity * scaleFactor );
+  				uniforms.color.copy( light.color ).multiplyScalar( light.intensity );
 
   				if ( light.castShadow ) {
 
@@ -21142,7 +21279,7 @@
 
   				uniforms.position.setFromMatrixPosition( light.matrixWorld );
 
-  				uniforms.color.copy( color ).multiplyScalar( intensity * scaleFactor );
+  				uniforms.color.copy( color ).multiplyScalar( intensity );
   				uniforms.distance = distance;
 
   				uniforms.coneCos = Math.cos( light.angle );
@@ -21203,7 +21340,7 @@
 
   				const uniforms = cache.get( light );
 
-  				uniforms.color.copy( light.color ).multiplyScalar( light.intensity * scaleFactor );
+  				uniforms.color.copy( light.color ).multiplyScalar( light.intensity );
   				uniforms.distance = light.distance;
   				uniforms.decay = light.decay;
 
@@ -21236,8 +21373,8 @@
 
   				const uniforms = cache.get( light );
 
-  				uniforms.skyColor.copy( light.color ).multiplyScalar( intensity * scaleFactor );
-  				uniforms.groundColor.copy( light.groundColor ).multiplyScalar( intensity * scaleFactor );
+  				uniforms.skyColor.copy( light.color ).multiplyScalar( intensity );
+  				uniforms.groundColor.copy( light.groundColor ).multiplyScalar( intensity );
 
   				state.hemi[ hemiLength ] = uniforms;
 
@@ -21417,7 +21554,9 @@
   	const lightsArray = [];
   	const shadowsArray = [];
 
-  	function init() {
+  	function init( camera ) {
+
+  		state.camera = camera;
 
   		lightsArray.length = 0;
   		shadowsArray.length = 0;
@@ -21436,9 +21575,9 @@
 
   	}
 
-  	function setupLights( useLegacyLights ) {
+  	function setupLights() {
 
-  		lights.setup( lightsArray, useLegacyLights );
+  		lights.setup( lightsArray );
 
   	}
 
@@ -21452,9 +21591,11 @@
   		lightsArray: lightsArray,
   		shadowsArray: shadowsArray,
 
+  		camera: null,
+
   		lights: lights,
 
-  		transmissionRenderTarget: null
+  		transmissionRenderTarget: {}
   	};
 
   	return {
@@ -21609,7 +21750,7 @@
 
   const fragment = "uniform sampler2D shadow_pass;\nuniform vec2 resolution;\nuniform float radius;\n#include <packing>\nvoid main() {\n\tconst float samples = float( VSM_SAMPLES );\n\tfloat mean = 0.0;\n\tfloat squared_mean = 0.0;\n\tfloat uvStride = samples <= 1.0 ? 0.0 : 2.0 / ( samples - 1.0 );\n\tfloat uvStart = samples <= 1.0 ? 0.0 : - 1.0;\n\tfor ( float i = 0.0; i < samples; i ++ ) {\n\t\tfloat uvOffset = uvStart + i * uvStride;\n\t\t#ifdef HORIZONTAL_PASS\n\t\t\tvec2 distribution = unpackRGBATo2Half( texture2D( shadow_pass, ( gl_FragCoord.xy + vec2( uvOffset, 0.0 ) * radius ) / resolution ) );\n\t\t\tmean += distribution.x;\n\t\t\tsquared_mean += distribution.y * distribution.y + distribution.x * distribution.x;\n\t\t#else\n\t\t\tfloat depth = unpackRGBAToDepth( texture2D( shadow_pass, ( gl_FragCoord.xy + vec2( 0.0, uvOffset ) * radius ) / resolution ) );\n\t\t\tmean += depth;\n\t\t\tsquared_mean += depth * depth;\n\t\t#endif\n\t}\n\tmean = mean / samples;\n\tsquared_mean = squared_mean / samples;\n\tfloat std_dev = sqrt( squared_mean - mean * mean );\n\tgl_FragColor = pack2HalfToRGBA( vec2( mean, std_dev ) );\n}";
 
-  function WebGLShadowMap( _renderer, _objects, _capabilities ) {
+  function WebGLShadowMap( renderer, objects, capabilities ) {
 
   	let _frustum = new Frustum();
 
@@ -21623,7 +21764,7 @@
 
   		_materialCache = {},
 
-  		_maxTextureSize = _capabilities.maxTextureSize;
+  		_maxTextureSize = capabilities.maxTextureSize;
 
   	const shadowSide = { [ FrontSide ]: BackSide, [ BackSide ]: FrontSide, [ DoubleSide ]: DoubleSide };
 
@@ -21673,11 +21814,11 @@
 
   		if ( lights.length === 0 ) return;
 
-  		const currentRenderTarget = _renderer.getRenderTarget();
-  		const activeCubeFace = _renderer.getActiveCubeFace();
-  		const activeMipmapLevel = _renderer.getActiveMipmapLevel();
+  		const currentRenderTarget = renderer.getRenderTarget();
+  		const activeCubeFace = renderer.getActiveCubeFace();
+  		const activeMipmapLevel = renderer.getActiveMipmapLevel();
 
-  		const _state = _renderer.state;
+  		const _state = renderer.state;
 
   		// Set GL state for depth map.
   		_state.setBlending( NoBlending );
@@ -21751,8 +21892,8 @@
 
   			}
 
-  			_renderer.setRenderTarget( shadow.map );
-  			_renderer.clear();
+  			renderer.setRenderTarget( shadow.map );
+  			renderer.clear();
 
   			const viewportCount = shadow.getViewportCount();
 
@@ -21793,13 +21934,13 @@
 
   		scope.needsUpdate = false;
 
-  		_renderer.setRenderTarget( currentRenderTarget, activeCubeFace, activeMipmapLevel );
+  		renderer.setRenderTarget( currentRenderTarget, activeCubeFace, activeMipmapLevel );
 
   	};
 
   	function VSMPass( shadow, camera ) {
 
-  		const geometry = _objects.update( fullScreenMesh );
+  		const geometry = objects.update( fullScreenMesh );
 
   		if ( shadowMaterialVertical.defines.VSM_SAMPLES !== shadow.blurSamples ) {
 
@@ -21822,18 +21963,18 @@
   		shadowMaterialVertical.uniforms.shadow_pass.value = shadow.map.texture;
   		shadowMaterialVertical.uniforms.resolution.value = shadow.mapSize;
   		shadowMaterialVertical.uniforms.radius.value = shadow.radius;
-  		_renderer.setRenderTarget( shadow.mapPass );
-  		_renderer.clear();
-  		_renderer.renderBufferDirect( camera, null, geometry, shadowMaterialVertical, fullScreenMesh, null );
+  		renderer.setRenderTarget( shadow.mapPass );
+  		renderer.clear();
+  		renderer.renderBufferDirect( camera, null, geometry, shadowMaterialVertical, fullScreenMesh, null );
 
   		// horizontal pass
 
   		shadowMaterialHorizontal.uniforms.shadow_pass.value = shadow.mapPass.texture;
   		shadowMaterialHorizontal.uniforms.resolution.value = shadow.mapSize;
   		shadowMaterialHorizontal.uniforms.radius.value = shadow.radius;
-  		_renderer.setRenderTarget( shadow.map );
-  		_renderer.clear();
-  		_renderer.renderBufferDirect( camera, null, geometry, shadowMaterialHorizontal, fullScreenMesh, null );
+  		renderer.setRenderTarget( shadow.map );
+  		renderer.clear();
+  		renderer.renderBufferDirect( camera, null, geometry, shadowMaterialHorizontal, fullScreenMesh, null );
 
   	}
 
@@ -21851,7 +21992,7 @@
 
   			result = ( light.isPointLight === true ) ? _distanceMaterial : _depthMaterial;
 
-  			if ( ( _renderer.localClippingEnabled && material.clipShadows === true && Array.isArray( material.clippingPlanes ) && material.clippingPlanes.length !== 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 ) ) {
@@ -21916,7 +22057,7 @@
 
   		if ( light.isPointLight === true && result.isMeshDistanceMaterial === true ) {
 
-  			const materialProperties = _renderer.properties.get( result );
+  			const materialProperties = renderer.properties.get( result );
   			materialProperties.light = light;
 
   		}
@@ -21937,7 +22078,7 @@
 
   				object.modelViewMatrix.multiplyMatrices( shadowCamera.matrixWorldInverse, object.matrixWorld );
 
-  				const geometry = _objects.update( object );
+  				const geometry = objects.update( object );
   				const material = object.material;
 
   				if ( Array.isArray( material ) ) {
@@ -21953,11 +22094,11 @@
 
   							const depthMaterial = getDepthMaterial( object, groupMaterial, light, type );
 
-  							object.onBeforeShadow( _renderer, object, camera, shadowCamera, geometry, depthMaterial, group );
+  							object.onBeforeShadow( renderer, object, camera, shadowCamera, geometry, depthMaterial, group );
 
-  							_renderer.renderBufferDirect( shadowCamera, null, geometry, depthMaterial, object, group );
+  							renderer.renderBufferDirect( shadowCamera, null, geometry, depthMaterial, object, group );
 
-  							object.onAfterShadow( _renderer, object, camera, shadowCamera, geometry, depthMaterial, group );
+  							object.onAfterShadow( renderer, object, camera, shadowCamera, geometry, depthMaterial, group );
 
   						}
 
@@ -21967,11 +22108,11 @@
 
   					const depthMaterial = getDepthMaterial( object, material, light, type );
 
-  					object.onBeforeShadow( _renderer, object, camera, shadowCamera, geometry, depthMaterial, null );
+  					object.onBeforeShadow( renderer, object, camera, shadowCamera, geometry, depthMaterial, null );
 
-  					_renderer.renderBufferDirect( shadowCamera, null, geometry, depthMaterial, object, null );
+  					renderer.renderBufferDirect( shadowCamera, null, geometry, depthMaterial, object, null );
 
-  					object.onAfterShadow( _renderer, object, camera, shadowCamera, geometry, depthMaterial, null );
+  					object.onAfterShadow( renderer, object, camera, shadowCamera, geometry, depthMaterial, null );
 
   				}
 
@@ -23479,6 +23620,48 @@
 
   	}
 
+  	function getInternalDepthFormat( useStencil, depthType ) {
+
+  		let glInternalFormat;
+  		if ( useStencil ) {
+
+  			if ( depthType === null || depthType === UnsignedIntType || depthType === UnsignedInt248Type ) {
+
+  				glInternalFormat = _gl.DEPTH24_STENCIL8;
+
+  			} else if ( depthType === FloatType ) {
+
+  				glInternalFormat = _gl.DEPTH32F_STENCIL8;
+
+  			} else if ( depthType === UnsignedShortType ) {
+
+  				glInternalFormat = _gl.DEPTH24_STENCIL8;
+  				console.warn( 'DepthTexture: 16 bit depth attachment is not supported with stencil. Using 24-bit attachment.' );
+
+  			}
+
+  		} else {
+
+  			if ( depthType === null || depthType === UnsignedIntType || depthType === UnsignedInt248Type ) {
+
+  				glInternalFormat = _gl.DEPTH_COMPONENT24;
+
+  			} else if ( depthType === FloatType ) {
+
+  				glInternalFormat = _gl.DEPTH_COMPONENT32F;
+
+  			} else if ( depthType === UnsignedShortType ) {
+
+  				glInternalFormat = _gl.DEPTH_COMPONENT16;
+
+  			}
+
+  		}
+
+  		return glInternalFormat;
+
+  	}
+
   	function getMipLevels( texture, image ) {
 
   		if ( textureNeedsGenerateMipmaps( texture ) === true || ( texture.isFramebufferTexture && texture.minFilter !== NearestFilter && texture.minFilter !== LinearFilter ) ) {
@@ -23986,30 +24169,14 @@
   			let mipmap;
   			const mipmaps = texture.mipmaps;
 
-  			const useTexStorage = ( texture.isVideoTexture !== true && glInternalFormat !== RGB_ETC1_Format );
+  			const useTexStorage = ( texture.isVideoTexture !== true );
   			const allocateMemory = ( sourceProperties.__version === undefined ) || ( forceUpload === true );
   			const dataReady = source.dataReady;
   			const levels = getMipLevels( texture, image );
 
   			if ( texture.isDepthTexture ) {
 
-  				// populate depth texture with dummy data
-
-  				glInternalFormat = _gl.DEPTH_COMPONENT16;
-
-  				if ( texture.type === FloatType ) {
-
-  					glInternalFormat = _gl.DEPTH_COMPONENT32F;
-
-  				} else if ( texture.type === UnsignedIntType ) {
-
-  					glInternalFormat = _gl.DEPTH_COMPONENT24;
-
-  				} else if ( texture.type === UnsignedInt248Type ) {
-
-  					glInternalFormat = _gl.DEPTH24_STENCIL8;
-
-  				}
+  				glInternalFormat = getInternalDepthFormat( texture.format === DepthStencilFormat, texture.type );
 
   				//
 
@@ -24109,7 +24276,22 @@
 
   									if ( dataReady ) {
 
-  										state.compressedTexSubImage3D( _gl.TEXTURE_2D_ARRAY, i, 0, 0, 0, mipmap.width, mipmap.height, image.depth, glFormat, mipmap.data, 0, 0 );
+  										if ( texture.layerUpdates.size > 0 ) {
+
+  											for ( const layerIndex of texture.layerUpdates ) {
+
+  												const layerSize = mipmap.width * mipmap.height;
+  												state.compressedTexSubImage3D( _gl.TEXTURE_2D_ARRAY, i, 0, 0, layerIndex, mipmap.width, mipmap.height, 1, glFormat, mipmap.data.slice( layerSize * layerIndex, layerSize * ( layerIndex + 1 ) ), 0, 0 );
+
+  											}
+
+  											texture.clearLayerUpdates();
+
+  										} else {
+
+  											state.compressedTexSubImage3D( _gl.TEXTURE_2D_ARRAY, i, 0, 0, 0, mipmap.width, mipmap.height, image.depth, glFormat, mipmap.data, 0, 0 );
+
+  										}
 
   									}
 
@@ -24215,7 +24397,72 @@
 
   					if ( dataReady ) {
 
-  						state.texSubImage3D( _gl.TEXTURE_2D_ARRAY, 0, 0, 0, 0, image.width, image.height, image.depth, glFormat, glType, image.data );
+  						if ( texture.layerUpdates.size > 0 ) {
+
+  							// When type is GL_UNSIGNED_BYTE, each of these bytes is
+  							// interpreted as one color component, depending on format. When
+  							// type is one of GL_UNSIGNED_SHORT_5_6_5,
+  							// GL_UNSIGNED_SHORT_4_4_4_4, GL_UNSIGNED_SHORT_5_5_5_1, each
+  							// unsigned value is interpreted as containing all the components
+  							// for a single pixel, with the color components arranged
+  							// according to format.
+  							//
+  							// See https://registry.khronos.org/OpenGL-Refpages/es1.1/xhtml/glTexImage2D.xml
+  							let texelSize;
+  							switch ( glType ) {
+
+  								case _gl.UNSIGNED_BYTE:
+  									switch ( glFormat ) {
+
+  										case _gl.ALPHA:
+  											texelSize = 1;
+  											break;
+  										case _gl.LUMINANCE:
+  											texelSize = 1;
+  											break;
+  										case _gl.LUMINANCE_ALPHA:
+  											texelSize = 2;
+  											break;
+  										case _gl.RGB:
+  											texelSize = 3;
+  											break;
+  										case _gl.RGBA:
+  											texelSize = 4;
+  											break;
+
+  										default:
+  											throw new Error( `Unknown texel size for format ${glFormat}.` );
+
+  									}
+
+  									break;
+
+  								case _gl.UNSIGNED_SHORT_4_4_4_4:
+  								case _gl.UNSIGNED_SHORT_5_5_5_1:
+  								case _gl.UNSIGNED_SHORT_5_6_5:
+  									texelSize = 1;
+  									break;
+
+  								default:
+  									throw new Error( `Unknown texel size for type ${glType}.` );
+
+  							}
+
+  							const layerSize = image.width * image.height * texelSize;
+
+  							for ( const layerIndex of texture.layerUpdates ) {
+
+  								state.texSubImage3D( _gl.TEXTURE_2D_ARRAY, 0, 0, 0, layerIndex, image.width, image.height, 1, glFormat, glType, image.data.slice( layerSize * layerIndex, layerSize * ( layerIndex + 1 ) ) );
+
+  							}
+
+  							texture.clearLayerUpdates();
+
+  						} else {
+
+  							state.texSubImage3D( _gl.TEXTURE_2D_ARRAY, 0, 0, 0, 0, image.width, image.height, image.depth, glFormat, glType, image.data );
+
+  						}
 
   					}
 
@@ -24636,74 +24883,37 @@
 
   	}
 
-
   	// Setup storage for internal depth/stencil buffers and bind to correct framebuffer
   	function setupRenderBufferStorage( renderbuffer, renderTarget, isMultisample ) {
 
   		_gl.bindRenderbuffer( _gl.RENDERBUFFER, renderbuffer );
 
-  		if ( renderTarget.depthBuffer && ! renderTarget.stencilBuffer ) {
-
-  			let glInternalFormat = _gl.DEPTH_COMPONENT24;
-
-  			if ( isMultisample || useMultisampledRTT( renderTarget ) ) {
-
-  				const depthTexture = renderTarget.depthTexture;
-
-  				if ( depthTexture && depthTexture.isDepthTexture ) {
-
-  					if ( depthTexture.type === FloatType ) {
-
-  						glInternalFormat = _gl.DEPTH_COMPONENT32F;
-
-  					} else if ( depthTexture.type === UnsignedIntType ) {
-
-  						glInternalFormat = _gl.DEPTH_COMPONENT24;
-
-  					}
-
-  				}
-
-  				const samples = getRenderTargetSamples( renderTarget );
-
-  				if ( useMultisampledRTT( renderTarget ) ) {
-
-  					multisampledRTTExt.renderbufferStorageMultisampleEXT( _gl.RENDERBUFFER, samples, glInternalFormat, renderTarget.width, renderTarget.height );
-
-  				} else {
-
-  					_gl.renderbufferStorageMultisample( _gl.RENDERBUFFER, samples, glInternalFormat, renderTarget.width, renderTarget.height );
-
-  				}
-
-  			} else {
-
-  				_gl.renderbufferStorage( _gl.RENDERBUFFER, glInternalFormat, renderTarget.width, renderTarget.height );
-
-  			}
-
-  			_gl.framebufferRenderbuffer( _gl.FRAMEBUFFER, _gl.DEPTH_ATTACHMENT, _gl.RENDERBUFFER, renderbuffer );
+  		if ( renderTarget.depthBuffer ) {
 
-  		} else if ( renderTarget.depthBuffer && renderTarget.stencilBuffer ) {
+  			// retrieve the depth attachment types
+  			const depthTexture = renderTarget.depthTexture;
+  			const depthType = depthTexture && depthTexture.isDepthTexture ? depthTexture.type : null;
+  			const glInternalFormat = getInternalDepthFormat( renderTarget.stencilBuffer, depthType );
+  			const glAttachmentType = renderTarget.stencilBuffer ? _gl.DEPTH_STENCIL_ATTACHMENT : _gl.DEPTH_ATTACHMENT;
 
+  			// set up the attachment
   			const samples = getRenderTargetSamples( renderTarget );
+  			const isUseMultisampledRTT = useMultisampledRTT( renderTarget );
+  			if ( isUseMultisampledRTT ) {
 
-  			if ( isMultisample && useMultisampledRTT( renderTarget ) === false ) {
-
-  				_gl.renderbufferStorageMultisample( _gl.RENDERBUFFER, samples, _gl.DEPTH24_STENCIL8, renderTarget.width, renderTarget.height );
+  				multisampledRTTExt.renderbufferStorageMultisampleEXT( _gl.RENDERBUFFER, samples, glInternalFormat, renderTarget.width, renderTarget.height );
 
-  			} else if ( useMultisampledRTT( renderTarget ) ) {
+  			} else if ( isMultisample ) {
 
-  				multisampledRTTExt.renderbufferStorageMultisampleEXT( _gl.RENDERBUFFER, samples, _gl.DEPTH24_STENCIL8, renderTarget.width, renderTarget.height );
+  				_gl.renderbufferStorageMultisample( _gl.RENDERBUFFER, samples, glInternalFormat, renderTarget.width, renderTarget.height );
 
   			} else {
 
-  				_gl.renderbufferStorage( _gl.RENDERBUFFER, _gl.DEPTH_STENCIL, renderTarget.width, renderTarget.height );
+  				_gl.renderbufferStorage( _gl.RENDERBUFFER, glInternalFormat, renderTarget.width, renderTarget.height );
 
   			}
 
-
-  			_gl.framebufferRenderbuffer( _gl.FRAMEBUFFER, _gl.DEPTH_STENCIL_ATTACHMENT, _gl.RENDERBUFFER, renderbuffer );
+  			_gl.framebufferRenderbuffer( _gl.FRAMEBUFFER, glAttachmentType, _gl.RENDERBUFFER, renderbuffer );
 
   		} else {
 
@@ -25114,112 +25324,120 @@
 
   	}
 
+  	const invalidationArrayRead = [];
+  	const invalidationArrayDraw = [];
+
   	function updateMultisampleRenderTarget( renderTarget ) {
 
-  		if ( ( renderTarget.samples > 0 ) && useMultisampledRTT( renderTarget ) === false ) {
+  		if ( renderTarget.samples > 0 ) {
 
-  			const textures = renderTarget.textures;
-  			const width = renderTarget.width;
-  			const height = renderTarget.height;
-  			let mask = _gl.COLOR_BUFFER_BIT;
-  			const invalidationArray = [];
-  			const depthStyle = renderTarget.stencilBuffer ? _gl.DEPTH_STENCIL_ATTACHMENT : _gl.DEPTH_ATTACHMENT;
-  			const renderTargetProperties = properties.get( renderTarget );
-  			const isMultipleRenderTargets = ( textures.length > 1 );
+  			if ( useMultisampledRTT( renderTarget ) === false ) {
 
-  			// If MRT we need to remove FBO attachments
-  			if ( isMultipleRenderTargets ) {
+  				const textures = renderTarget.textures;
+  				const width = renderTarget.width;
+  				const height = renderTarget.height;
+  				let mask = _gl.COLOR_BUFFER_BIT;
+  				const depthStyle = renderTarget.stencilBuffer ? _gl.DEPTH_STENCIL_ATTACHMENT : _gl.DEPTH_ATTACHMENT;
+  				const renderTargetProperties = properties.get( renderTarget );
+  				const isMultipleRenderTargets = ( textures.length > 1 );
 
-  				for ( let i = 0; i < textures.length; i ++ ) {
+  				// If MRT we need to remove FBO attachments
+  				if ( isMultipleRenderTargets ) {
+
+  					for ( let i = 0; i < textures.length; i ++ ) {
 
-  					state.bindFramebuffer( _gl.FRAMEBUFFER, renderTargetProperties.__webglMultisampledFramebuffer );
-  					_gl.framebufferRenderbuffer( _gl.FRAMEBUFFER, _gl.COLOR_ATTACHMENT0 + i, _gl.RENDERBUFFER, null );
+  						state.bindFramebuffer( _gl.FRAMEBUFFER, renderTargetProperties.__webglMultisampledFramebuffer );
+  						_gl.framebufferRenderbuffer( _gl.FRAMEBUFFER, _gl.COLOR_ATTACHMENT0 + i, _gl.RENDERBUFFER, null );
 
-  					state.bindFramebuffer( _gl.FRAMEBUFFER, renderTargetProperties.__webglFramebuffer );
-  					_gl.framebufferTexture2D( _gl.DRAW_FRAMEBUFFER, _gl.COLOR_ATTACHMENT0 + i, _gl.TEXTURE_2D, null, 0 );
+  						state.bindFramebuffer( _gl.FRAMEBUFFER, renderTargetProperties.__webglFramebuffer );
+  						_gl.framebufferTexture2D( _gl.DRAW_FRAMEBUFFER, _gl.COLOR_ATTACHMENT0 + i, _gl.TEXTURE_2D, null, 0 );
+
+  					}
 
   				}
 
-  			}
+  				state.bindFramebuffer( _gl.READ_FRAMEBUFFER, renderTargetProperties.__webglMultisampledFramebuffer );
+  				state.bindFramebuffer( _gl.DRAW_FRAMEBUFFER, renderTargetProperties.__webglFramebuffer );
 
-  			state.bindFramebuffer( _gl.READ_FRAMEBUFFER, renderTargetProperties.__webglMultisampledFramebuffer );
-  			state.bindFramebuffer( _gl.DRAW_FRAMEBUFFER, renderTargetProperties.__webglFramebuffer );
+  				for ( let i = 0; i < textures.length; i ++ ) {
 
-  			for ( let i = 0; i < textures.length; i ++ ) {
+  					if ( renderTarget.resolveDepthBuffer ) {
 
-  				invalidationArray.push( _gl.COLOR_ATTACHMENT0 + i );
+  						if ( renderTarget.depthBuffer ) mask |= _gl.DEPTH_BUFFER_BIT;
 
-  				if ( renderTarget.depthBuffer ) {
+  						// resolving stencil is slow with a D3D backend. disable it for all transmission render targets (see #27799)
 
-  					invalidationArray.push( depthStyle );
+  						if ( renderTarget.stencilBuffer && renderTarget.resolveStencilBuffer ) mask |= _gl.STENCIL_BUFFER_BIT;
 
-  				}
+  					}
 
-  				const ignoreDepthValues = ( renderTargetProperties.__ignoreDepthValues !== undefined ) ? renderTargetProperties.__ignoreDepthValues : false;
+  					if ( isMultipleRenderTargets ) {
 
-  				if ( ignoreDepthValues === false ) {
+  						_gl.framebufferRenderbuffer( _gl.READ_FRAMEBUFFER, _gl.COLOR_ATTACHMENT0, _gl.RENDERBUFFER, renderTargetProperties.__webglColorRenderbuffer[ i ] );
 
-  					if ( renderTarget.depthBuffer ) mask |= _gl.DEPTH_BUFFER_BIT;
+  						const webglTexture = properties.get( textures[ i ] ).__webglTexture;
+  						_gl.framebufferTexture2D( _gl.DRAW_FRAMEBUFFER, _gl.COLOR_ATTACHMENT0, _gl.TEXTURE_2D, webglTexture, 0 );
 
-  					// resolving stencil is slow with a D3D backend. disable it for all transmission render targets (see #27799)
+  					}
 
-  					if ( renderTarget.stencilBuffer && renderTargetProperties.__isTransmissionRenderTarget !== true ) mask |= _gl.STENCIL_BUFFER_BIT;
+  					_gl.blitFramebuffer( 0, 0, width, height, 0, 0, width, height, mask, _gl.NEAREST );
 
-  				}
+  					if ( supportsInvalidateFramebuffer === true ) {
 
-  				if ( isMultipleRenderTargets ) {
+  						invalidationArrayRead.length = 0;
+  						invalidationArrayDraw.length = 0;
 
-  					_gl.framebufferRenderbuffer( _gl.READ_FRAMEBUFFER, _gl.COLOR_ATTACHMENT0, _gl.RENDERBUFFER, renderTargetProperties.__webglColorRenderbuffer[ i ] );
+  						invalidationArrayRead.push( _gl.COLOR_ATTACHMENT0 + i );
 
-  				}
+  						if ( renderTarget.depthBuffer && renderTarget.resolveDepthBuffer === false ) {
 
-  				if ( ignoreDepthValues === true ) {
+  							invalidationArrayRead.push( depthStyle );
+  							invalidationArrayDraw.push( depthStyle );
 
-  					_gl.invalidateFramebuffer( _gl.READ_FRAMEBUFFER, [ depthStyle ] );
-  					_gl.invalidateFramebuffer( _gl.DRAW_FRAMEBUFFER, [ depthStyle ] );
+  							_gl.invalidateFramebuffer( _gl.DRAW_FRAMEBUFFER, invalidationArrayDraw );
 
-  				}
+  						}
 
-  				if ( isMultipleRenderTargets ) {
+  						_gl.invalidateFramebuffer( _gl.READ_FRAMEBUFFER, invalidationArrayRead );
 
-  					const webglTexture = properties.get( textures[ i ] ).__webglTexture;
-  					_gl.framebufferTexture2D( _gl.DRAW_FRAMEBUFFER, _gl.COLOR_ATTACHMENT0, _gl.TEXTURE_2D, webglTexture, 0 );
+  					}
 
   				}
 
-  				_gl.blitFramebuffer( 0, 0, width, height, 0, 0, width, height, mask, _gl.NEAREST );
+  				state.bindFramebuffer( _gl.READ_FRAMEBUFFER, null );
+  				state.bindFramebuffer( _gl.DRAW_FRAMEBUFFER, null );
+
+  				// If MRT since pre-blit we removed the FBO we need to reconstruct the attachments
+  				if ( isMultipleRenderTargets ) {
 
-  				if ( supportsInvalidateFramebuffer ) {
+  					for ( let i = 0; i < textures.length; i ++ ) {
 
-  					_gl.invalidateFramebuffer( _gl.READ_FRAMEBUFFER, invalidationArray );
+  						state.bindFramebuffer( _gl.FRAMEBUFFER, renderTargetProperties.__webglMultisampledFramebuffer );
+  						_gl.framebufferRenderbuffer( _gl.FRAMEBUFFER, _gl.COLOR_ATTACHMENT0 + i, _gl.RENDERBUFFER, renderTargetProperties.__webglColorRenderbuffer[ i ] );
 
-  				}
+  						const webglTexture = properties.get( textures[ i ] ).__webglTexture;
 
+  						state.bindFramebuffer( _gl.FRAMEBUFFER, renderTargetProperties.__webglFramebuffer );
+  						_gl.framebufferTexture2D( _gl.DRAW_FRAMEBUFFER, _gl.COLOR_ATTACHMENT0 + i, _gl.TEXTURE_2D, webglTexture, 0 );
 
-  			}
+  					}
 
-  			state.bindFramebuffer( _gl.READ_FRAMEBUFFER, null );
-  			state.bindFramebuffer( _gl.DRAW_FRAMEBUFFER, null );
+  				}
 
-  			// If MRT since pre-blit we removed the FBO we need to reconstruct the attachments
-  			if ( isMultipleRenderTargets ) {
+  				state.bindFramebuffer( _gl.DRAW_FRAMEBUFFER, renderTargetProperties.__webglMultisampledFramebuffer );
 
-  				for ( let i = 0; i < textures.length; i ++ ) {
+  			} else {
 
-  					state.bindFramebuffer( _gl.FRAMEBUFFER, renderTargetProperties.__webglMultisampledFramebuffer );
-  					_gl.framebufferRenderbuffer( _gl.FRAMEBUFFER, _gl.COLOR_ATTACHMENT0 + i, _gl.RENDERBUFFER, renderTargetProperties.__webglColorRenderbuffer[ i ] );
+  				if ( renderTarget.depthBuffer && renderTarget.resolveDepthBuffer === false && supportsInvalidateFramebuffer ) {
 
-  					const webglTexture = properties.get( textures[ i ] ).__webglTexture;
+  					const depthStyle = renderTarget.stencilBuffer ? _gl.DEPTH_STENCIL_ATTACHMENT : _gl.DEPTH_ATTACHMENT;
 
-  					state.bindFramebuffer( _gl.FRAMEBUFFER, renderTargetProperties.__webglFramebuffer );
-  					_gl.framebufferTexture2D( _gl.DRAW_FRAMEBUFFER, _gl.COLOR_ATTACHMENT0 + i, _gl.TEXTURE_2D, webglTexture, 0 );
+  					_gl.invalidateFramebuffer( _gl.DRAW_FRAMEBUFFER, [ depthStyle ] );
 
   				}
 
   			}
 
-  			state.bindFramebuffer( _gl.DRAW_FRAMEBUFFER, renderTargetProperties.__webglMultisampledFramebuffer );
-
   		}
 
   	}
@@ -25431,33 +25649,15 @@
 
   		}
 
-  		// ETC1
-
-  		if ( p === RGB_ETC1_Format ) {
-
-  			extension = extensions.get( 'WEBGL_compressed_texture_etc1' );
-
-  			if ( extension !== null ) {
-
-  				return extension.COMPRESSED_RGB_ETC1_WEBGL;
-
-  			} else {
-
-  				return null;
+  		// ETC
 
-  			}
-
-  		}
-
-  		// ETC2
-
-  		if ( p === RGB_ETC2_Format || p === RGBA_ETC2_EAC_Format ) {
+  		if ( p === RGB_ETC1_Format || p === RGB_ETC2_Format || p === RGBA_ETC2_EAC_Format ) {
 
   			extension = extensions.get( 'WEBGL_compressed_texture_etc' );
 
   			if ( extension !== null ) {
 
-  				if ( p === RGB_ETC2_Format ) return ( transfer === SRGBTransfer ) ? extension.COMPRESSED_SRGB8_ETC2 : extension.COMPRESSED_RGB8_ETC2;
+  				if ( p === RGB_ETC1_Format || p === RGB_ETC2_Format ) return ( transfer === SRGBTransfer ) ? extension.COMPRESSED_SRGB8_ETC2 : extension.COMPRESSED_RGB8_ETC2;
   				if ( p === RGBA_ETC2_EAC_Format ) return ( transfer === SRGBTransfer ) ? extension.COMPRESSED_SRGB8_ALPHA8_ETC2_EAC : extension.COMPRESSED_RGBA8_ETC2_EAC;
 
   			} else {
@@ -25986,7 +26186,7 @@ void main() {
 
   	}
 
-  	render( renderer, cameraXR ) {
+  	getMesh( cameraXR ) {
 
   		if ( this.texture !== null ) {
 
@@ -26007,10 +26207,10 @@ void main() {
 
   			}
 
-  			renderer.render( this.mesh, cameraXR );
-
   		}
 
+  		return this.mesh;
+
   	}
 
   	reset() {
@@ -26355,12 +26555,10 @@ void main() {
   							depthTexture: new DepthTexture( glProjLayer.textureWidth, glProjLayer.textureHeight, depthType, undefined, undefined, undefined, undefined, undefined, undefined, depthFormat ),
   							stencilBuffer: attributes.stencil,
   							colorSpace: renderer.outputColorSpace,
-  							samples: attributes.antialias ? 4 : 0
+  							samples: attributes.antialias ? 4 : 0,
+  							resolveDepthBuffer: ( glProjLayer.ignoreDepthValues === false )
   						} );
 
-  					const renderTargetProperties = renderer.properties.get( newRenderTarget );
-  					renderTargetProperties.__ignoreDepthValues = glProjLayer.ignoreDepthValues;
-
   				}
 
   				newRenderTarget.isXRRenderTarget = true; // TODO Remove this when possible, see #23278
@@ -26676,6 +26874,12 @@ void main() {
 
   		};
 
+  		this.getDepthSensingMesh = function () {
+
+  			return depthSensing.getMesh( cameraXR );
+
+  		};
+
   		// Animation Loop
 
   		let onAnimationFrameCallback = null;
@@ -26801,8 +27005,6 @@ void main() {
 
   			}
 
-  			depthSensing.render( renderer, cameraXR );
-
   			if ( onAnimationFrameCallback ) onAnimationFrameCallback( time, frame );
 
   			if ( frame.detectedPlanes ) {
@@ -27077,11 +27279,7 @@ void main() {
   		if ( material.lightMap ) {
 
   			uniforms.lightMap.value = material.lightMap;
-
-  			// artist-friendly light intensity scaling factor
-  			const scaleFactor = ( renderer._useLegacyLights === true ) ? Math.PI : 1;
-
-  			uniforms.lightMapIntensity.value = material.lightMapIntensity * scaleFactor;
+  			uniforms.lightMapIntensity.value = material.lightMapIntensity;
 
   			refreshTransformUniform( material.lightMap, uniforms.lightMapTransform );
 
@@ -27298,6 +27496,12 @@ void main() {
 
   		}
 
+  		if ( material.dispersion > 0 ) {
+
+  			uniforms.dispersion.value = material.dispersion;
+
+  		}
+
   		if ( material.iridescence > 0 ) {
 
   			uniforms.iridescence.value = material.iridescence;
@@ -27892,10 +28096,6 @@ void main() {
 
   		this._outputColorSpace = SRGBColorSpace;
 
-  		// physical lights
-
-  		this._useLegacyLights = false;
-
   		// tone mapping
 
   		this.toneMapping = NoToneMapping;
@@ -27949,11 +28149,12 @@ void main() {
 
   		const _projScreenMatrix = new Matrix4();
 
-  		const _vector2 = new Vector2();
   		const _vector3 = new Vector3();
 
   		const _emptyScene = { background: null, fog: null, environment: null, overrideMaterial: null, isScene: true };
 
+  		let _renderBackground = false;
+
   		function getTargetPixelRatio() {
 
   			return _currentRenderTarget === null ? _pixelRatio : 1;
@@ -27966,10 +28167,7 @@ void main() {
 
   		function getContext( contextName, contextAttributes ) {
 
-  			const context = canvas.getContext( contextName, contextAttributes );
-  			if ( context !== null ) return context;
-
-  			return null;
+  			return canvas.getContext( contextName, contextAttributes );
 
   		}
 
@@ -28036,10 +28234,10 @@ void main() {
   			extensions = new WebGLExtensions( _gl );
   			extensions.init();
 
-  			capabilities = new WebGLCapabilities( _gl, extensions, parameters );
-
   			utils = new WebGLUtils( _gl, extensions );
 
+  			capabilities = new WebGLCapabilities( _gl, extensions, parameters, utils );
+
   			state = new WebGLState( _gl );
 
   			info = new WebGLInfo( _gl );
@@ -28604,7 +28802,15 @@ void main() {
 
   			if ( object.isBatchedMesh ) {
 
-  				renderer.renderMultiDraw( object._multiDrawStarts, object._multiDrawCounts, object._multiDrawCount );
+  				if ( object._multiDrawInstances !== null ) {
+
+  					renderer.renderMultiDrawInstances( object._multiDrawStarts, object._multiDrawCounts, object._multiDrawCount, object._multiDrawInstances );
+
+  				} else {
+
+  					renderer.renderMultiDraw( object._multiDrawStarts, object._multiDrawCounts, object._multiDrawCount );
+
+  				}
 
   			} else if ( object.isInstancedMesh ) {
 
@@ -28654,7 +28860,7 @@ void main() {
   			if ( targetScene === null ) targetScene = scene;
 
   			currentRenderState = renderStates.get( targetScene );
-  			currentRenderState.init();
+  			currentRenderState.init( camera );
 
   			renderStateStack.push( currentRenderState );
 
@@ -28696,7 +28902,7 @@ void main() {
 
   			}
 
-  			currentRenderState.setupLights( _this._useLegacyLights );
+  			currentRenderState.setupLights();
 
   			// Only initialize materials in the new scene, not the targetScene.
 
@@ -28871,7 +29077,7 @@ void main() {
   			if ( scene.isScene === true ) scene.onBeforeRender( _this, scene, camera, _currentRenderTarget );
 
   			currentRenderState = renderStates.get( scene, renderStateStack.length );
-  			currentRenderState.init();
+  			currentRenderState.init( camera );
 
   			renderStateStack.push( currentRenderState );
 
@@ -28886,6 +29092,18 @@ void main() {
 
   			renderListStack.push( currentRenderList );
 
+  			if ( xr.enabled === true && xr.isPresenting === true ) {
+
+  				const depthSensingMesh = _this.xr.getDepthSensingMesh();
+
+  				if ( depthSensingMesh !== null ) {
+
+  					projectObject( depthSensingMesh, camera, - Infinity, _this.sortObjects );
+
+  				}
+
+  			}
+
   			projectObject( scene, camera, 0, _this.sortObjects );
 
   			currentRenderList.finish();
@@ -28896,6 +29114,13 @@ void main() {
 
   			}
 
+  			_renderBackground = xr.enabled === false || xr.isPresenting === false || xr.hasDepthSensing() === false;
+  			if ( _renderBackground ) {
+
+  				background.addToRenderList( currentRenderList, scene );
+
+  			}
+
   			//
 
   			this.info.render.frame ++;
@@ -28912,22 +29137,30 @@ void main() {
 
   			if ( this.info.autoReset === true ) this.info.reset();
 
+  			// render scene
 
-  			//
+  			const opaqueObjects = currentRenderList.opaque;
+  			const transmissiveObjects = currentRenderList.transmissive;
 
-  			if ( xr.enabled === false || xr.isPresenting === false || xr.hasDepthSensing() === false ) {
+  			currentRenderState.setupLights();
 
-  				background.render( currentRenderList, scene );
+  			if ( camera.isArrayCamera ) {
 
-  			}
+  				const cameras = camera.cameras;
 
-  			// render scene
+  				if ( transmissiveObjects.length > 0 ) {
 
-  			currentRenderState.setupLights( _this._useLegacyLights );
+  					for ( let i = 0, l = cameras.length; i < l; i ++ ) {
 
-  			if ( camera.isArrayCamera ) {
+  						const camera2 = cameras[ i ];
 
-  				const cameras = camera.cameras;
+  						renderTransmissionPass( opaqueObjects, transmissiveObjects, scene, camera2 );
+
+  					}
+
+  				}
+
+  				if ( _renderBackground ) background.render( scene );
 
   				for ( let i = 0, l = cameras.length; i < l; i ++ ) {
 
@@ -28939,6 +29172,10 @@ void main() {
 
   			} else {
 
+  				if ( transmissiveObjects.length > 0 ) renderTransmissionPass( opaqueObjects, transmissiveObjects, scene, camera );
+
+  				if ( _renderBackground ) background.render( scene );
+
   				renderScene( currentRenderList, scene, camera );
 
   			}
@@ -28973,6 +29210,8 @@ void main() {
 
   				currentRenderState = renderStateStack[ renderStateStack.length - 1 ];
 
+  				if ( _clippingEnabled === true ) clipping.setGlobalState( _this.clippingPlanes, currentRenderState.state.camera );
+
   			} else {
 
   				currentRenderState = null;
@@ -29117,8 +29356,6 @@ void main() {
 
   			if ( _clippingEnabled === true ) clipping.setGlobalState( _this.clippingPlanes, camera );
 
-  			if ( transmissiveObjects.length > 0 ) renderTransmissionPass( opaqueObjects, transmissiveObjects, scene, camera );
-
   			if ( viewport ) state.viewport( _currentViewport.copy( viewport ) );
 
   			if ( opaqueObjects.length > 0 ) renderObjects( opaqueObjects, scene, camera );
@@ -29145,19 +29382,19 @@ void main() {
 
   			}
 
-  			if ( currentRenderState.state.transmissionRenderTarget === null ) {
+  			if ( currentRenderState.state.transmissionRenderTarget[ camera.id ] === undefined ) {
 
-  				currentRenderState.state.transmissionRenderTarget = new WebGLRenderTarget( 1, 1, {
+  				currentRenderState.state.transmissionRenderTarget[ camera.id ] = new WebGLRenderTarget( 1, 1, {
   					generateMipmaps: true,
   					type: ( extensions.has( 'EXT_color_buffer_half_float' ) || extensions.has( 'EXT_color_buffer_float' ) ) ? HalfFloatType : UnsignedByteType,
   					minFilter: LinearMipmapLinearFilter,
   					samples: 4,
-  					stencilBuffer: stencil
+  					stencilBuffer: stencil,
+  					resolveDepthBuffer: false,
+  					resolveStencilBuffer: false,
+  					colorSpace: ColorManagement.workingColorSpace,
   				} );
 
-  				const renderTargetProperties = properties.get( currentRenderState.state.transmissionRenderTarget );
-  				renderTargetProperties.__isTransmissionRenderTarget = true;
-
   				// debug
 
   				/*
@@ -29170,10 +29407,10 @@ void main() {
 
   			}
 
-  			const transmissionRenderTarget = currentRenderState.state.transmissionRenderTarget;
+  			const transmissionRenderTarget = currentRenderState.state.transmissionRenderTarget[ camera.id ];
 
-  			_this.getDrawingBufferSize( _vector2 );
-  			transmissionRenderTarget.setSize( _vector2.x, _vector2.y );
+  			const activeViewport = camera.viewport || _currentViewport;
+  			transmissionRenderTarget.setSize( activeViewport.z, activeViewport.w );
 
   			//
 
@@ -29184,51 +29421,72 @@ void main() {
   			_currentClearAlpha = _this.getClearAlpha();
   			if ( _currentClearAlpha < 1 ) _this.setClearColor( 0xffffff, 0.5 );
 
-  			_this.clear();
+  			if ( _renderBackground ) {
+
+  				background.render( scene );
+
+  			} else {
+
+  				_this.clear();
+
+  			}
 
   			// Turn off the features which can affect the frag color for opaque objects pass.
   			// Otherwise they are applied twice in opaque objects pass and transmission objects pass.
   			const currentToneMapping = _this.toneMapping;
   			_this.toneMapping = NoToneMapping;
 
+  			// Remove viewport from camera to avoid nested render calls resetting viewport to it (e.g Reflector).
+  			// Transmission render pass requires viewport to match the transmissionRenderTarget.
+  			const currentCameraViewport = camera.viewport;
+  			if ( camera.viewport !== undefined ) camera.viewport = undefined;
+
+  			currentRenderState.setupLightsView( camera );
+
+  			if ( _clippingEnabled === true ) clipping.setGlobalState( _this.clippingPlanes, camera );
+
   			renderObjects( opaqueObjects, scene, camera );
 
   			textures.updateMultisampleRenderTarget( transmissionRenderTarget );
   			textures.updateRenderTargetMipmap( transmissionRenderTarget );
 
-  			let renderTargetNeedsUpdate = false;
+  			if ( extensions.has( 'WEBGL_multisampled_render_to_texture' ) === false ) { // see #28131
 
-  			for ( let i = 0, l = transmissiveObjects.length; i < l; i ++ ) {
+  				let renderTargetNeedsUpdate = false;
 
-  				const renderItem = transmissiveObjects[ i ];
+  				for ( let i = 0, l = transmissiveObjects.length; i < l; i ++ ) {
 
-  				const object = renderItem.object;
-  				const geometry = renderItem.geometry;
-  				const material = renderItem.material;
-  				const group = renderItem.group;
+  					const renderItem = transmissiveObjects[ i ];
 
-  				if ( material.side === DoubleSide && object.layers.test( camera.layers ) ) {
+  					const object = renderItem.object;
+  					const geometry = renderItem.geometry;
+  					const material = renderItem.material;
+  					const group = renderItem.group;
 
-  					const currentSide = material.side;
+  					if ( material.side === DoubleSide && object.layers.test( camera.layers ) ) {
 
-  					material.side = BackSide;
-  					material.needsUpdate = true;
+  						const currentSide = material.side;
 
-  					renderObject( object, scene, camera, geometry, material, group );
+  						material.side = BackSide;
+  						material.needsUpdate = true;
+
+  						renderObject( object, scene, camera, geometry, material, group );
 
-  					material.side = currentSide;
-  					material.needsUpdate = true;
+  						material.side = currentSide;
+  						material.needsUpdate = true;
 
-  					renderTargetNeedsUpdate = true;
+  						renderTargetNeedsUpdate = true;
+
+  					}
 
   				}
 
-  			}
+  				if ( renderTargetNeedsUpdate === true ) {
 
-  			if ( renderTargetNeedsUpdate === true ) {
+  					textures.updateMultisampleRenderTarget( transmissionRenderTarget );
+  					textures.updateRenderTargetMipmap( transmissionRenderTarget );
 
-  				textures.updateMultisampleRenderTarget( transmissionRenderTarget );
-  				textures.updateRenderTargetMipmap( transmissionRenderTarget );
+  				}
 
   			}
 
@@ -29236,6 +29494,8 @@ void main() {
 
   			_this.setClearColor( _currentClearColor, _currentClearAlpha );
 
+  			if ( currentCameraViewport !== undefined ) camera.viewport = currentCameraViewport;
+
   			_this.toneMapping = currentToneMapping;
 
   		}
@@ -29426,6 +29686,7 @@ void main() {
 
   			materialProperties.outputColorSpace = parameters.outputColorSpace;
   			materialProperties.batching = parameters.batching;
+  			materialProperties.batchingColor = parameters.batchingColor;
   			materialProperties.instancing = parameters.instancing;
   			materialProperties.instancingColor = parameters.instancingColor;
   			materialProperties.instancingMorph = parameters.instancingMorph;
@@ -29515,6 +29776,14 @@ void main() {
 
   					needsProgramChange = true;
 
+  				} else if ( object.isBatchedMesh && materialProperties.batchingColor === true && object.colorTexture === null ) {
+
+  					needsProgramChange = true;
+
+  				} else if ( object.isBatchedMesh && materialProperties.batchingColor === false && object.colorTexture !== null ) {
+
+  					needsProgramChange = true;
+
   				} else if ( object.isInstancedMesh && materialProperties.instancing === false ) {
 
   					needsProgramChange = true;
@@ -29707,6 +29976,13 @@ void main() {
   				p_uniforms.setOptional( _gl, object, 'batchingTexture' );
   				p_uniforms.setValue( _gl, 'batchingTexture', object._matricesTexture, textures );
 
+  				p_uniforms.setOptional( _gl, object, 'batchingColorTexture' );
+  				if ( object._colorsTexture !== null ) {
+
+  					p_uniforms.setValue( _gl, 'batchingColorTexture', object._colorsTexture, textures );
+
+  				}
+
   			}
 
   			const morphAttributes = geometry.morphAttributes;
@@ -29767,7 +30043,7 @@ void main() {
 
   				}
 
-  				materials.refreshMaterialUniforms( m_uniforms, material, _pixelRatio, _height, currentRenderState.state.transmissionRenderTarget );
+  				materials.refreshMaterialUniforms( m_uniforms, material, _pixelRatio, _height, currentRenderState.state.transmissionRenderTarget[ camera.id ] );
 
   				WebGLUniforms.upload( _gl, getUniformList( materialProperties ), m_uniforms, textures );
 
@@ -30032,17 +30308,14 @@ void main() {
   					const textureFormat = texture.format;
   					const textureType = texture.type;
 
-  					if ( textureFormat !== RGBAFormat && utils.convert( textureFormat ) !== _gl.getParameter( _gl.IMPLEMENTATION_COLOR_READ_FORMAT ) ) {
+  					if ( ! capabilities.textureFormatReadable( textureFormat ) ) {
 
   						console.error( 'THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not in RGBA or implementation defined format.' );
   						return;
 
   					}
 
-  					const halfFloatSupportedByExt = ( textureType === HalfFloatType ) && ( extensions.has( 'EXT_color_buffer_half_float' ) || extensions.has( 'EXT_color_buffer_float' ) );
-
-  					if ( textureType !== UnsignedByteType && utils.convert( textureType ) !== _gl.getParameter( _gl.IMPLEMENTATION_COLOR_READ_TYPE ) && // Edge and Chrome Mac < 52 (#9513)
-  						textureType !== FloatType && ! halfFloatSupportedByExt ) {
+  					if ( ! capabilities.textureTypeReadable( textureType ) ) {
 
   						console.error( 'THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not in UnsignedByteType or implementation defined type.' );
   						return;
@@ -30070,24 +30343,159 @@ void main() {
 
   		};
 
-  		this.copyFramebufferToTexture = function ( position, texture, level = 0 ) {
+  		this.readRenderTargetPixelsAsync = async function ( renderTarget, x, y, width, height, buffer, activeCubeFaceIndex ) {
+
+  			if ( ! ( renderTarget && renderTarget.isWebGLRenderTarget ) ) {
+
+  				throw new Error( 'THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not THREE.WebGLRenderTarget.' );
+
+  			}
+
+  			let framebuffer = properties.get( renderTarget ).__webglFramebuffer;
+  			if ( renderTarget.isWebGLCubeRenderTarget && activeCubeFaceIndex !== undefined ) {
+
+  				framebuffer = framebuffer[ activeCubeFaceIndex ];
+
+  			}
+
+  			if ( framebuffer ) {
+
+  				state.bindFramebuffer( _gl.FRAMEBUFFER, framebuffer );
+
+  				try {
+
+  					const texture = renderTarget.texture;
+  					const textureFormat = texture.format;
+  					const textureType = texture.type;
+
+  					if ( ! capabilities.textureFormatReadable( textureFormat ) ) {
+
+  						throw new Error( 'THREE.WebGLRenderer.readRenderTargetPixelsAsync: renderTarget is not in RGBA or implementation defined format.' );
+
+  					}
+
+  					if ( ! capabilities.textureTypeReadable( textureType ) ) {
+
+  						throw new Error( 'THREE.WebGLRenderer.readRenderTargetPixelsAsync: renderTarget is not in UnsignedByteType or implementation defined type.' );
+
+  					}
+
+  					// the following if statement ensures valid read requests (no out-of-bounds pixels, see #8604)
+  					if ( ( x >= 0 && x <= ( renderTarget.width - width ) ) && ( y >= 0 && y <= ( renderTarget.height - height ) ) ) {
+
+  						const glBuffer = _gl.createBuffer();
+  						_gl.bindBuffer( _gl.PIXEL_PACK_BUFFER, glBuffer );
+  						_gl.bufferData( _gl.PIXEL_PACK_BUFFER, buffer.byteLength, _gl.STREAM_READ );
+  						_gl.readPixels( x, y, width, height, utils.convert( textureFormat ), utils.convert( textureType ), 0 );
+  						_gl.flush();
+
+  						// check if the commands have finished every 8 ms
+  						const sync = _gl.fenceSync( _gl.SYNC_GPU_COMMANDS_COMPLETE, 0 );
+  						await probeAsync( _gl, sync, 4 );
+
+  						try {
+
+  							_gl.bindBuffer( _gl.PIXEL_PACK_BUFFER, glBuffer );
+  							_gl.getBufferSubData( _gl.PIXEL_PACK_BUFFER, 0, buffer );
+
+  						} finally {
+
+  							_gl.deleteBuffer( glBuffer );
+  							_gl.deleteSync( sync );
+
+  						}
+
+  						return buffer;
+
+  					}
+
+  				} finally {
+
+  					// restore framebuffer of current render target if necessary
+
+  					const framebuffer = ( _currentRenderTarget !== null ) ? properties.get( _currentRenderTarget ).__webglFramebuffer : null;
+  					state.bindFramebuffer( _gl.FRAMEBUFFER, framebuffer );
+
+  				}
+
+  			}
+
+  		};
+
+  		this.copyFramebufferToTexture = function ( texture, position = null, level = 0 ) {
+
+  			// support previous signature with position first
+  			if ( texture.isTexture !== true ) {
+
+  				// @deprecated, r165
+  				console.warn( 'WebGLRenderer: copyFramebufferToTexture function signature has changed.' );
+
+  				position = arguments[ 0 ] || null;
+  				texture = arguments[ 1 ];
+
+  			}
 
   			const levelScale = Math.pow( 2, - level );
   			const width = Math.floor( texture.image.width * levelScale );
   			const height = Math.floor( texture.image.height * levelScale );
 
+  			const x = position !== null ? position.x : 0;
+  			const y = position !== null ? position.y : 0;
+
   			textures.setTexture2D( texture, 0 );
 
-  			_gl.copyTexSubImage2D( _gl.TEXTURE_2D, level, 0, 0, position.x, position.y, width, height );
+  			_gl.copyTexSubImage2D( _gl.TEXTURE_2D, level, 0, 0, x, y, width, height );
 
   			state.unbindTexture();
 
   		};
 
-  		this.copyTextureToTexture = function ( position, srcTexture, dstTexture, level = 0 ) {
+  		this.copyTextureToTexture = function ( srcTexture, dstTexture, srcRegion = null, dstPosition = null, level = 0 ) {
+
+  			// support previous signature with dstPosition first
+  			if ( srcTexture.isTexture !== true ) {
+
+  				// @deprecated, r165
+  				console.warn( 'WebGLRenderer: copyTextureToTexture function signature has changed.' );
+
+  				dstPosition = arguments[ 0 ] || null;
+  				srcTexture = arguments[ 1 ];
+  				dstTexture = arguments[ 2 ];
+  				level = arguments[ 3 ] || 0;
+  				srcRegion = null;
+
+  			}
+
+  			let width, height, minX, minY;
+  			let dstX, dstY;
+  			if ( srcRegion !== null ) {
+
+  				width = srcRegion.max.x - srcRegion.min.x;
+  				height = srcRegion.max.y - srcRegion.min.y;
+  				minX = srcRegion.min.x;
+  				minY = srcRegion.min.y;
+
+  			} else {
+
+  				width = srcTexture.image.width;
+  				height = srcTexture.image.height;
+  				minX = 0;
+  				minY = 0;
+
+  			}
+
+  			if ( dstPosition !== null ) {
+
+  				dstX = dstPosition.x;
+  				dstY = dstPosition.y;
+
+  			} else {
+
+  				dstX = 0;
+  				dstY = 0;
+
+  			}
 
-  			const width = srcTexture.image.width;
-  			const height = srcTexture.image.height;
   			const glFormat = utils.convert( dstTexture.format );
   			const glType = utils.convert( dstTexture.type );
 
@@ -30099,24 +30507,43 @@ void main() {
   			_gl.pixelStorei( _gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, dstTexture.premultiplyAlpha );
   			_gl.pixelStorei( _gl.UNPACK_ALIGNMENT, dstTexture.unpackAlignment );
 
+  			const currentUnpackRowLen = _gl.getParameter( _gl.UNPACK_ROW_LENGTH );
+  			const currentUnpackImageHeight = _gl.getParameter( _gl.UNPACK_IMAGE_HEIGHT );
+  			const currentUnpackSkipPixels = _gl.getParameter( _gl.UNPACK_SKIP_PIXELS );
+  			const currentUnpackSkipRows = _gl.getParameter( _gl.UNPACK_SKIP_ROWS );
+  			const currentUnpackSkipImages = _gl.getParameter( _gl.UNPACK_SKIP_IMAGES );
+
+  			const image = srcTexture.isCompressedTexture ? srcTexture.mipmaps[ level ] : srcTexture.image;
+
+  			_gl.pixelStorei( _gl.UNPACK_ROW_LENGTH, image.width );
+  			_gl.pixelStorei( _gl.UNPACK_IMAGE_HEIGHT, image.height );
+  			_gl.pixelStorei( _gl.UNPACK_SKIP_PIXELS, minX );
+  			_gl.pixelStorei( _gl.UNPACK_SKIP_ROWS, minY );
+
   			if ( srcTexture.isDataTexture ) {
 
-  				_gl.texSubImage2D( _gl.TEXTURE_2D, level, position.x, position.y, width, height, glFormat, glType, srcTexture.image.data );
+  				_gl.texSubImage2D( _gl.TEXTURE_2D, level, dstX, dstY, width, height, glFormat, glType, image.data );
 
   			} else {
 
   				if ( srcTexture.isCompressedTexture ) {
 
-  					_gl.compressedTexSubImage2D( _gl.TEXTURE_2D, level, position.x, position.y, srcTexture.mipmaps[ 0 ].width, srcTexture.mipmaps[ 0 ].height, glFormat, srcTexture.mipmaps[ 0 ].data );
+  					_gl.compressedTexSubImage2D( _gl.TEXTURE_2D, level, dstX, dstY, image.width, image.height, glFormat, image.data );
 
   				} else {
 
-  					_gl.texSubImage2D( _gl.TEXTURE_2D, level, position.x, position.y, glFormat, glType, srcTexture.image );
+  					_gl.texSubImage2D( _gl.TEXTURE_2D, level, dstX, dstY, glFormat, glType, image );
 
   				}
 
   			}
 
+  			_gl.pixelStorei( _gl.UNPACK_ROW_LENGTH, currentUnpackRowLen );
+  			_gl.pixelStorei( _gl.UNPACK_IMAGE_HEIGHT, currentUnpackImageHeight );
+  			_gl.pixelStorei( _gl.UNPACK_SKIP_PIXELS, currentUnpackSkipPixels );
+  			_gl.pixelStorei( _gl.UNPACK_SKIP_ROWS, currentUnpackSkipRows );
+  			_gl.pixelStorei( _gl.UNPACK_SKIP_IMAGES, currentUnpackSkipImages );
+
   			// Generate mipmaps only when copying level 0
   			if ( level === 0 && dstTexture.generateMipmaps ) _gl.generateMipmap( _gl.TEXTURE_2D );
 
@@ -30124,11 +30551,59 @@ void main() {
 
   		};
 
-  		this.copyTextureToTexture3D = function ( sourceBox, position, srcTexture, dstTexture, level = 0 ) {
+  		this.copyTextureToTexture3D = function ( srcTexture, dstTexture, srcRegion = null, dstPosition = null, level = 0 ) {
+
+  			// support previous signature with source box first
+  			if ( srcTexture.isTexture !== true ) {
+
+  				// @deprecated, r165
+  				console.warn( 'WebGLRenderer: copyTextureToTexture3D function signature has changed.' );
+
+  				srcRegion = arguments[ 0 ] || null;
+  				dstPosition = arguments[ 1 ] || null;
+  				srcTexture = arguments[ 2 ];
+  				dstTexture = arguments[ 3 ];
+  				level = arguments[ 4 ] || 0;
+
+  			}
+
+  			let width, height, depth, minX, minY, minZ;
+  			let dstX, dstY, dstZ;
+  			const image = srcTexture.isCompressedTexture ? srcTexture.mipmaps[ level ] : srcTexture.image;
+  			if ( srcRegion !== null ) {
+
+  				width = srcRegion.max.x - srcRegion.min.x;
+  				height = srcRegion.max.y - srcRegion.min.y;
+  				depth = srcRegion.max.z - srcRegion.min.z;
+  				minX = srcRegion.min.x;
+  				minY = srcRegion.min.y;
+  				minZ = srcRegion.min.z;
+
+  			} else {
+
+  				width = image.width;
+  				height = image.height;
+  				depth = image.depth;
+  				minX = 0;
+  				minY = 0;
+  				minZ = 0;
+
+  			}
+
+  			if ( dstPosition !== null ) {
+
+  				dstX = dstPosition.x;
+  				dstY = dstPosition.y;
+  				dstZ = dstPosition.z;
+
+  			} else {
+
+  				dstX = 0;
+  				dstY = 0;
+  				dstZ = 0;
+
+  			}
 
-  			const width = Math.round( sourceBox.max.x - sourceBox.min.x );
-  			const height = Math.round( sourceBox.max.y - sourceBox.min.y );
-  			const depth = sourceBox.max.z - sourceBox.min.z + 1;
   			const glFormat = utils.convert( dstTexture.format );
   			const glType = utils.convert( dstTexture.type );
   			let glTarget;
@@ -30154,43 +30629,41 @@ void main() {
   			_gl.pixelStorei( _gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, dstTexture.premultiplyAlpha );
   			_gl.pixelStorei( _gl.UNPACK_ALIGNMENT, dstTexture.unpackAlignment );
 
-  			const unpackRowLen = _gl.getParameter( _gl.UNPACK_ROW_LENGTH );
-  			const unpackImageHeight = _gl.getParameter( _gl.UNPACK_IMAGE_HEIGHT );
-  			const unpackSkipPixels = _gl.getParameter( _gl.UNPACK_SKIP_PIXELS );
-  			const unpackSkipRows = _gl.getParameter( _gl.UNPACK_SKIP_ROWS );
-  			const unpackSkipImages = _gl.getParameter( _gl.UNPACK_SKIP_IMAGES );
-
-  			const image = srcTexture.isCompressedTexture ? srcTexture.mipmaps[ level ] : srcTexture.image;
+  			const currentUnpackRowLen = _gl.getParameter( _gl.UNPACK_ROW_LENGTH );
+  			const currentUnpackImageHeight = _gl.getParameter( _gl.UNPACK_IMAGE_HEIGHT );
+  			const currentUnpackSkipPixels = _gl.getParameter( _gl.UNPACK_SKIP_PIXELS );
+  			const currentUnpackSkipRows = _gl.getParameter( _gl.UNPACK_SKIP_ROWS );
+  			const currentUnpackSkipImages = _gl.getParameter( _gl.UNPACK_SKIP_IMAGES );
 
   			_gl.pixelStorei( _gl.UNPACK_ROW_LENGTH, image.width );
   			_gl.pixelStorei( _gl.UNPACK_IMAGE_HEIGHT, image.height );
-  			_gl.pixelStorei( _gl.UNPACK_SKIP_PIXELS, sourceBox.min.x );
-  			_gl.pixelStorei( _gl.UNPACK_SKIP_ROWS, sourceBox.min.y );
-  			_gl.pixelStorei( _gl.UNPACK_SKIP_IMAGES, sourceBox.min.z );
+  			_gl.pixelStorei( _gl.UNPACK_SKIP_PIXELS, minX );
+  			_gl.pixelStorei( _gl.UNPACK_SKIP_ROWS, minY );
+  			_gl.pixelStorei( _gl.UNPACK_SKIP_IMAGES, minZ );
 
   			if ( srcTexture.isDataTexture || srcTexture.isData3DTexture ) {
 
-  				_gl.texSubImage3D( glTarget, level, position.x, position.y, position.z, width, height, depth, glFormat, glType, image.data );
+  				_gl.texSubImage3D( glTarget, level, dstX, dstY, dstZ, width, height, depth, glFormat, glType, image.data );
 
   			} else {
 
   				if ( dstTexture.isCompressedArrayTexture ) {
 
-  					_gl.compressedTexSubImage3D( glTarget, level, position.x, position.y, position.z, width, height, depth, glFormat, image.data );
+  					_gl.compressedTexSubImage3D( glTarget, level, dstX, dstY, dstZ, width, height, depth, glFormat, image.data );
 
   				} else {
 
-  					_gl.texSubImage3D( glTarget, level, position.x, position.y, position.z, width, height, depth, glFormat, glType, image );
+  					_gl.texSubImage3D( glTarget, level, dstX, dstY, dstZ, width, height, depth, glFormat, glType, image );
 
   				}
 
   			}
 
-  			_gl.pixelStorei( _gl.UNPACK_ROW_LENGTH, unpackRowLen );
-  			_gl.pixelStorei( _gl.UNPACK_IMAGE_HEIGHT, unpackImageHeight );
-  			_gl.pixelStorei( _gl.UNPACK_SKIP_PIXELS, unpackSkipPixels );
-  			_gl.pixelStorei( _gl.UNPACK_SKIP_ROWS, unpackSkipRows );
-  			_gl.pixelStorei( _gl.UNPACK_SKIP_IMAGES, unpackSkipImages );
+  			_gl.pixelStorei( _gl.UNPACK_ROW_LENGTH, currentUnpackRowLen );
+  			_gl.pixelStorei( _gl.UNPACK_IMAGE_HEIGHT, currentUnpackImageHeight );
+  			_gl.pixelStorei( _gl.UNPACK_SKIP_PIXELS, currentUnpackSkipPixels );
+  			_gl.pixelStorei( _gl.UNPACK_SKIP_ROWS, currentUnpackSkipRows );
+  			_gl.pixelStorei( _gl.UNPACK_SKIP_IMAGES, currentUnpackSkipImages );
 
   			// Generate mipmaps only when copying level 0
   			if ( level === 0 && dstTexture.generateMipmaps ) _gl.generateMipmap( glTarget );
@@ -30199,6 +30672,16 @@ void main() {
 
   		};
 
+  		this.initRenderTarget = function ( target ) {
+
+  			if ( properties.get( target ).__webglFramebuffer === undefined ) {
+
+  				textures.setupRenderTarget( target );
+
+  			}
+
+  		};
+
   		this.initTexture = function ( texture ) {
 
   			if ( texture.isCubeTexture ) {
@@ -30264,20 +30747,6 @@ void main() {
 
   	}
 
-  	get useLegacyLights() { // @deprecated, r155
-
-  		console.warn( 'THREE.WebGLRenderer: The property .useLegacyLights has been deprecated. Migrate your lighting according to the following guide: https://discourse.threejs.org/t/updates-to-lighting-in-three-js-r155/53733.' );
-  		return this._useLegacyLights;
-
-  	}
-
-  	set useLegacyLights( value ) { // @deprecated, r155
-
-  		console.warn( 'THREE.WebGLRenderer: The property .useLegacyLights has been deprecated. Migrate your lighting according to the following guide: https://discourse.threejs.org/t/updates-to-lighting-in-three-js-r155/53733.' );
-  		this._useLegacyLights = value;
-
-  	}
-
   }
 
   class Scene extends Object3D {
@@ -30940,12 +31409,16 @@ void main() {
 
   }
 
-  const _start$1 = /*@__PURE__*/ new Vector3();
-  const _end$1 = /*@__PURE__*/ new Vector3();
+  const _vStart = /*@__PURE__*/ new Vector3();
+  const _vEnd = /*@__PURE__*/ new Vector3();
+
   const _inverseMatrix$1 = /*@__PURE__*/ new Matrix4();
   const _ray$1 = /*@__PURE__*/ new Ray();
   const _sphere$1 = /*@__PURE__*/ new Sphere();
 
+  const _intersectPointOnRay = /*@__PURE__*/ new Vector3();
+  const _intersectPointOnSegment = /*@__PURE__*/ new Vector3();
+
   class Line extends Object3D {
 
   	constructor( geometry = new BufferGeometry(), material = new LineBasicMaterial() ) {
@@ -30987,11 +31460,11 @@ void main() {
 
   			for ( let i = 1, l = positionAttribute.count; i < l; i ++ ) {
 
-  				_start$1.fromBufferAttribute( positionAttribute, i - 1 );
-  				_end$1.fromBufferAttribute( positionAttribute, i );
+  				_vStart.fromBufferAttribute( positionAttribute, i - 1 );
+  				_vEnd.fromBufferAttribute( positionAttribute, i );
 
   				lineDistances[ i ] = lineDistances[ i - 1 ];
-  				lineDistances[ i ] += _start$1.distanceTo( _end$1 );
+  				lineDistances[ i ] += _vStart.distanceTo( _vEnd );
 
   			}
 
@@ -31032,10 +31505,6 @@ void main() {
   		const localThreshold = threshold / ( ( this.scale.x + this.scale.y + this.scale.z ) / 3 );
   		const localThresholdSq = localThreshold * localThreshold;
 
-  		const vStart = new Vector3();
-  		const vEnd = new Vector3();
-  		const interSegment = new Vector3();
-  		const interRay = new Vector3();
   		const step = this.isLineSegments ? 2 : 1;
 
   		const index = geometry.index;
@@ -31052,31 +31521,28 @@ void main() {
   				const a = index.getX( i );
   				const b = index.getX( i + 1 );
 
-  				vStart.fromBufferAttribute( positionAttribute, a );
-  				vEnd.fromBufferAttribute( positionAttribute, b );
+  				const intersect = checkIntersection( this, raycaster, _ray$1, localThresholdSq, a, b );
 
-  				const distSq = _ray$1.distanceSqToSegment( vStart, vEnd, interRay, interSegment );
+  				if ( intersect ) {
 
-  				if ( distSq > localThresholdSq ) continue;
+  					intersects.push( intersect );
 
-  				interRay.applyMatrix4( this.matrixWorld ); //Move back to world space for distance calculation
+  				}
 
-  				const distance = raycaster.ray.origin.distanceTo( interRay );
+  			}
 
-  				if ( distance < raycaster.near || distance > raycaster.far ) continue;
+  			if ( this.isLineLoop ) {
 
-  				intersects.push( {
+  				const a = index.getX( end - 1 );
+  				const b = index.getX( start );
 
-  					distance: distance,
-  					// What do we want? intersection point on the ray or on the segment??
-  					// point: raycaster.ray.at( distance ),
-  					point: interSegment.clone().applyMatrix4( this.matrixWorld ),
-  					index: i,
-  					face: null,
-  					faceIndex: null,
-  					object: this
+  				const intersect = checkIntersection( this, raycaster, _ray$1, localThresholdSq, a, b );
 
-  				} );
+  				if ( intersect ) {
+
+  					intersects.push( intersect );
+
+  				}
 
   			}
 
@@ -31087,31 +31553,25 @@ void main() {
 
   			for ( let i = start, l = end - 1; i < l; i += step ) {
 
-  				vStart.fromBufferAttribute( positionAttribute, i );
-  				vEnd.fromBufferAttribute( positionAttribute, i + 1 );
+  				const intersect = checkIntersection( this, raycaster, _ray$1, localThresholdSq, i, i + 1 );
 
-  				const distSq = _ray$1.distanceSqToSegment( vStart, vEnd, interRay, interSegment );
+  				if ( intersect ) {
 
-  				if ( distSq > localThresholdSq ) continue;
+  					intersects.push( intersect );
 
-  				interRay.applyMatrix4( this.matrixWorld ); //Move back to world space for distance calculation
+  				}
 
-  				const distance = raycaster.ray.origin.distanceTo( interRay );
+  			}
 
-  				if ( distance < raycaster.near || distance > raycaster.far ) continue;
+  			if ( this.isLineLoop ) {
 
-  				intersects.push( {
+  				const intersect = checkIntersection( this, raycaster, _ray$1, localThresholdSq, end - 1, start );
 
-  					distance: distance,
-  					// What do we want? intersection point on the ray or on the segment??
-  					// point: raycaster.ray.at( distance ),
-  					point: interSegment.clone().applyMatrix4( this.matrixWorld ),
-  					index: i,
-  					face: null,
-  					faceIndex: null,
-  					object: this
+  				if ( intersect ) {
 
-  				} );
+  					intersects.push( intersect );
+
+  				}
 
   			}
 
@@ -31152,8 +31612,40 @@ void main() {
 
   }
 
-  const _start$2 = /*@__PURE__*/ new Vector3();
-  const _end$2 = /*@__PURE__*/ new Vector3();
+  function checkIntersection( object, raycaster, ray, thresholdSq, a, b ) {
+
+  	const positionAttribute = object.geometry.attributes.position;
+
+  	_vStart.fromBufferAttribute( positionAttribute, a );
+  	_vEnd.fromBufferAttribute( positionAttribute, b );
+
+  	const distSq = ray.distanceSqToSegment( _vStart, _vEnd, _intersectPointOnRay, _intersectPointOnSegment );
+
+  	if ( distSq > thresholdSq ) return;
+
+  	_intersectPointOnRay.applyMatrix4( object.matrixWorld ); // Move back to world space for distance calculation
+
+  	const distance = raycaster.ray.origin.distanceTo( _intersectPointOnRay );
+
+  	if ( distance < raycaster.near || distance > raycaster.far ) return;
+
+  	return {
+
+  		distance: distance,
+  		// What do we want? intersection point on the ray or on the segment??
+  		// point: raycaster.ray.at( distance ),
+  		point: _intersectPointOnSegment.clone().applyMatrix4( object.matrixWorld ),
+  		index: a,
+  		face: null,
+  		faceIndex: null,
+  		object: object
+
+  	};
+
+  }
+
+  const _start$1 = /*@__PURE__*/ new Vector3();
+  const _end$1 = /*@__PURE__*/ new Vector3();
 
   class LineSegments extends Line {
 
@@ -31180,11 +31672,11 @@ void main() {
 
   			for ( let i = 0, l = positionAttribute.count; i < l; i += 2 ) {
 
-  				_start$2.fromBufferAttribute( positionAttribute, i );
-  				_end$2.fromBufferAttribute( positionAttribute, i + 1 );
+  				_start$1.fromBufferAttribute( positionAttribute, i );
+  				_end$1.fromBufferAttribute( positionAttribute, i + 1 );
 
   				lineDistances[ i ] = ( i === 0 ) ? 0 : lineDistances[ i - 1 ];
-  				lineDistances[ i + 1 ] = lineDistances[ i ] + _start$2.distanceTo( _end$2 );
+  				lineDistances[ i + 1 ] = lineDistances[ i ] + _start$1.distanceTo( _end$1 );
 
   			}
 
@@ -36840,13 +37332,17 @@ void main() {
 
   function intersect( object, raycaster, intersects, recursive ) {
 
+  	let propagate = true;
+
   	if ( object.layers.test( raycaster.layers ) ) {
 
-  		object.raycast( raycaster, intersects );
+  		const result = object.raycast( raycaster, intersects );
+
+  		if ( result === false ) propagate = false;
 
   	}
 
-  	if ( recursive === true ) {
+  	if ( propagate === true && recursive === true ) {
 
   		const children = object.children;
 
@@ -37468,22 +37964,42 @@ void main() {
 
   		};
 
+  		function hideObject( object ) {
+
+  			if ( object.isCSS2DObject ) object.element.style.display = 'none';
+
+  			for ( let i = 0, l = object.children.length; i < l; i ++ ) {
+
+  				hideObject( object.children[ i ] );
+
+  			}
+
+  		}
+
   		function renderObject( object, scene, camera ) {
 
+  			if ( object.visible === false ) {
+
+  				hideObject( object );
+
+  				return;
+
+  			}
+  			
   			if ( object.isCSS2DObject ) {
 
   				_vector$1.setFromMatrixPosition( object.matrixWorld );
   				_vector$1.applyMatrix4( _viewProjectionMatrix );
 
-  				const visible = ( object.visible === true ) && ( _vector$1.z >= - 1 && _vector$1.z <= 1 ) && ( object.layers.test( camera.layers ) === true );
-  				object.element.style.display = ( visible === true ) ? '' : 'none';
+  				const visible = ( _vector$1.z >= - 1 && _vector$1.z <= 1 ) && ( object.layers.test( camera.layers ) === true );
+
+  				const element = object.element;
+  				element.style.display = visible === true ? '' : 'none';
 
   				if ( visible === true ) {
 
   					object.onBeforeRender( _this, scene, camera );
 
-  					const element = object.element;
-
   					element.style.transform = 'translate(' + ( - 100 * object.center.x ) + '%,' + ( - 100 * object.center.y ) + '%)' + 'translate(' + ( _vector$1.x * _widthHalf + _widthHalf ) + 'px,' + ( - _vector$1.y * _heightHalf + _heightHalf ) + 'px)';
 
   					if ( element.parentNode !== domElement ) {
@@ -37525,7 +38041,7 @@ void main() {
 
   			const result = [];
 
-  			scene.traverse( function ( object ) {
+  			scene.traverseVisible( function ( object ) {
 
   				if ( object.isCSS2DObject ) result.push( object );
 
@@ -38097,7 +38613,7 @@ void main() {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$6(o, minLen);
   }
   function _arrayLikeToArray$6(arr, len) {
-    if (len > arr.length) len = arr.length;
+    if (len == null || len > arr.length) len = arr.length;
     for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
@@ -38243,13 +38759,13 @@ void main() {
               return amount;
           },
           In: function (amount) {
-              return this.None(amount);
+              return amount;
           },
           Out: function (amount) {
-              return this.None(amount);
+              return amount;
           },
           InOut: function (amount) {
-              return this.None(amount);
+              return amount;
           },
       }),
       Quadratic: Object.freeze({
@@ -38912,13 +39428,11 @@ void main() {
        * it is still playing, just paused).
        */
       Tween.prototype.update = function (time, autoStart) {
-          var _this = this;
           var _a;
           if (time === void 0) { time = now(); }
           if (autoStart === void 0) { autoStart = true; }
           if (this._isPaused)
               return true;
-          var property;
           var endTime = this._startTime + this._duration;
           if (!this._goToEnd && !this._isPlaying) {
               if (time > endTime)
@@ -38945,72 +39459,85 @@ void main() {
           var elapsedTime = time - this._startTime;
           var durationAndDelay = this._duration + ((_a = this._repeatDelayTime) !== null && _a !== void 0 ? _a : this._delayTime);
           var totalTime = this._duration + this._repeat * durationAndDelay;
-          var calculateElapsedPortion = function () {
-              if (_this._duration === 0)
-                  return 1;
-              if (elapsedTime > totalTime) {
-                  return 1;
-              }
-              var timesRepeated = Math.trunc(elapsedTime / durationAndDelay);
-              var timeIntoCurrentRepeat = elapsedTime - timesRepeated * durationAndDelay;
-              // TODO use %?
-              // const timeIntoCurrentRepeat = elapsedTime % durationAndDelay
-              var portion = Math.min(timeIntoCurrentRepeat / _this._duration, 1);
-              if (portion === 0 && elapsedTime === _this._duration) {
-                  return 1;
-              }
-              return portion;
-          };
-          var elapsed = calculateElapsedPortion();
+          var elapsed = this._calculateElapsedPortion(elapsedTime, durationAndDelay, totalTime);
           var value = this._easingFunction(elapsed);
-          // properties transformations
+          var status = this._calculateCompletionStatus(elapsedTime, durationAndDelay);
+          if (status === 'repeat') {
+              // the current update is happening after the instant the tween repeated
+              this._processRepetition(elapsedTime, durationAndDelay);
+          }
           this._updateProperties(this._object, this._valuesStart, this._valuesEnd, value);
+          if (status === 'about-to-repeat') {
+              // the current update is happening at the exact instant the tween is going to repeat
+              // the values should match the end of the tween, not the beginning,
+              // that's why _processRepetition happens after _updateProperties
+              this._processRepetition(elapsedTime, durationAndDelay);
+          }
           if (this._onUpdateCallback) {
               this._onUpdateCallback(this._object, elapsed);
           }
-          if (this._duration === 0 || elapsedTime >= this._duration) {
-              if (this._repeat > 0) {
-                  var completeCount = Math.min(Math.trunc((elapsedTime - this._duration) / durationAndDelay) + 1, this._repeat);
-                  if (isFinite(this._repeat)) {
-                      this._repeat -= completeCount;
-                  }
-                  // Reassign starting values, restart by making startTime = now
-                  for (property in this._valuesStartRepeat) {
-                      if (!this._yoyo && typeof this._valuesEnd[property] === 'string') {
-                          this._valuesStartRepeat[property] =
-                              // eslint-disable-next-line
-                              // @ts-ignore FIXME?
-                              this._valuesStartRepeat[property] + parseFloat(this._valuesEnd[property]);
-                      }
-                      if (this._yoyo) {
-                          this._swapEndStartRepeatValues(property);
-                      }
-                      this._valuesStart[property] = this._valuesStartRepeat[property];
-                  }
-                  if (this._yoyo) {
-                      this._reversed = !this._reversed;
-                  }
-                  this._startTime += durationAndDelay * completeCount;
-                  if (this._onRepeatCallback) {
-                      this._onRepeatCallback(this._object);
-                  }
-                  this._onEveryStartCallbackFired = false;
-                  return true;
+          if (status === 'repeat' || status === 'about-to-repeat') {
+              if (this._onRepeatCallback) {
+                  this._onRepeatCallback(this._object);
               }
-              else {
-                  if (this._onCompleteCallback) {
-                      this._onCompleteCallback(this._object);
-                  }
-                  for (var i = 0, numChainedTweens = this._chainedTweens.length; i < numChainedTweens; i++) {
-                      // Make the chained tweens start exactly at the time they should,
-                      // even if the `update()` method was called way past the duration of the tween
-                      this._chainedTweens[i].start(this._startTime + this._duration, false);
-                  }
-                  this._isPlaying = false;
-                  return false;
+              this._onEveryStartCallbackFired = false;
+          }
+          else if (status === 'completed') {
+              this._isPlaying = false;
+              if (this._onCompleteCallback) {
+                  this._onCompleteCallback(this._object);
+              }
+              for (var i = 0, numChainedTweens = this._chainedTweens.length; i < numChainedTweens; i++) {
+                  // Make the chained tweens start exactly at the time they should,
+                  // even if the `update()` method was called way past the duration of the tween
+                  this._chainedTweens[i].start(this._startTime + this._duration, false);
               }
           }
-          return true;
+          return status !== 'completed';
+      };
+      Tween.prototype._calculateElapsedPortion = function (elapsedTime, durationAndDelay, totalTime) {
+          if (this._duration === 0 || elapsedTime > totalTime) {
+              return 1;
+          }
+          var timeIntoCurrentRepeat = elapsedTime % durationAndDelay;
+          var portion = Math.min(timeIntoCurrentRepeat / this._duration, 1);
+          if (portion === 0 && elapsedTime !== 0 && elapsedTime % this._duration === 0) {
+              return 1;
+          }
+          return portion;
+      };
+      Tween.prototype._calculateCompletionStatus = function (elapsedTime, durationAndDelay) {
+          if (this._duration !== 0 && elapsedTime < this._duration) {
+              return 'playing';
+          }
+          if (this._repeat <= 0) {
+              return 'completed';
+          }
+          if (elapsedTime === this._duration) {
+              return 'about-to-repeat';
+          }
+          return 'repeat';
+      };
+      Tween.prototype._processRepetition = function (elapsedTime, durationAndDelay) {
+          var completeCount = Math.min(Math.trunc((elapsedTime - this._duration) / durationAndDelay) + 1, this._repeat);
+          if (isFinite(this._repeat)) {
+              this._repeat -= completeCount;
+          }
+          // Reassign starting values, restart by making startTime = now
+          for (var property in this._valuesStartRepeat) {
+              var valueEnd = this._valuesEnd[property];
+              if (!this._yoyo && typeof valueEnd === 'string') {
+                  this._valuesStartRepeat[property] = this._valuesStartRepeat[property] + parseFloat(valueEnd);
+              }
+              if (this._yoyo) {
+                  this._swapEndStartRepeatValues(property);
+              }
+              this._valuesStart[property] = this._valuesStartRepeat[property];
+          }
+          if (this._yoyo) {
+              this._reversed = !this._reversed;
+          }
+          this._startTime += durationAndDelay * completeCount;
       };
       Tween.prototype._updateProperties = function (_object, _valuesStart, _valuesEnd, value) {
           for (var property in _valuesEnd) {
@@ -43175,20 +43702,22 @@ void main() {
   		const name = attributeNames[ i ];
   		const attr = geometry.attributes[ name ];
 
-  		tmpAttributes[ name ] = new BufferAttribute(
+  		tmpAttributes[ name ] = new attr.constructor(
   			new attr.array.constructor( attr.count * attr.itemSize ),
   			attr.itemSize,
   			attr.normalized
   		);
 
-  		const morphAttr = geometry.morphAttributes[ name ];
-  		if ( morphAttr ) {
+  		const morphAttributes = geometry.morphAttributes[ name ];
+  		if ( morphAttributes ) {
 
-  			tmpMorphAttributes[ name ] = new BufferAttribute(
-  				new morphAttr.array.constructor( morphAttr.count * morphAttr.itemSize ),
-  				morphAttr.itemSize,
-  				morphAttr.normalized
-  			);
+  			if ( ! tmpMorphAttributes[ name ] ) tmpMorphAttributes[ name ] = [];
+  			morphAttributes.forEach( ( morphAttr, i ) => {
+
+  				const array = new morphAttr.array.constructor( morphAttr.count * morphAttr.itemSize );
+  				tmpMorphAttributes[ name ][ i ] = new morphAttr.constructor( array, morphAttr.itemSize, morphAttr.normalized );
+
+  			} );
 
   		}
 
@@ -43233,22 +43762,22 @@ void main() {
 
   				const name = attributeNames[ j ];
   				const attribute = geometry.getAttribute( name );
-  				const morphAttr = geometry.morphAttributes[ name ];
+  				const morphAttributes = geometry.morphAttributes[ name ];
   				const itemSize = attribute.itemSize;
-  				const newarray = tmpAttributes[ name ];
+  				const newArray = tmpAttributes[ name ];
   				const newMorphArrays = tmpMorphAttributes[ name ];
 
   				for ( let k = 0; k < itemSize; k ++ ) {
 
   					const getterFunc = getters[ k ];
   					const setterFunc = setters[ k ];
-  					newarray[ setterFunc ]( nextIndex, attribute[ getterFunc ]( index ) );
+  					newArray[ setterFunc ]( nextIndex, attribute[ getterFunc ]( index ) );
 
-  					if ( morphAttr ) {
+  					if ( morphAttributes ) {
 
-  						for ( let m = 0, ml = morphAttr.length; m < ml; m ++ ) {
+  						for ( let m = 0, ml = morphAttributes.length; m < ml; m ++ ) {
 
-  							newMorphArrays[ m ][ setterFunc ]( nextIndex, morphAttr[ m ][ getterFunc ]( index ) );
+  							newMorphArrays[ m ][ setterFunc ]( nextIndex, morphAttributes[ m ][ getterFunc ]( index ) );
 
   						}
 
@@ -43272,7 +43801,7 @@ void main() {
 
   		const tmpAttribute = tmpAttributes[ name ];
 
-  		result.setAttribute( name, new BufferAttribute(
+  		result.setAttribute( name, new tmpAttribute.constructor(
   			tmpAttribute.array.slice( 0, nextIndex * tmpAttribute.itemSize ),
   			tmpAttribute.itemSize,
   			tmpAttribute.normalized,
@@ -43284,7 +43813,7 @@ void main() {
 
   			const tmpMorphAttribute = tmpMorphAttributes[ name ][ j ];
 
-  			result.morphAttributes[ name ][ j ] = new BufferAttribute(
+  			result.morphAttributes[ name ][ j ] = new tmpMorphAttribute.constructor(
   				tmpMorphAttribute.array.slice( 0, nextIndex * tmpMorphAttribute.itemSize ),
   				tmpMorphAttribute.itemSize,
   				tmpMorphAttribute.normalized,
@@ -45836,11 +46365,11 @@ void main() {
     if (typeof input !== "object" || input === null) return input;
     var prim = input[Symbol.toPrimitive];
     if (prim !== undefined) {
-      var res = prim.call(input, hint );
+      var res = prim.call(input, hint || "default");
       if (typeof res !== "object") return res;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
-    return (String )(input);
+    return (hint === "string" ? String : Number)(input);
   }
   function _toPropertyKey$2(arg) {
     var key = _toPrimitive$2(arg, "string");
@@ -47583,7 +48112,7 @@ void main() {
    * //= true
    */
   function booleanPointInPolygon(point, polygon, options) {
-      { options = {}; }
+      if (options === void 0) { options = {}; }
       // validation
       if (!point) {
           throw new Error("point is required");
@@ -48312,7 +48841,7 @@ void main() {
   const sin = Math.sin;
   const sign =
     Math.sign ||
-    function(x) {
+    function (x) {
       return x > 0 ? 1 : x < 0 ? -1 : 0;
     };
   const sqrt = Math.sqrt;
@@ -48329,7 +48858,7 @@ void main() {
     return [
       a[1] * b[2] - a[2] * b[1],
       a[2] * b[0] - a[0] * b[2],
-      a[0] * b[1] - a[1] * b[0]
+      a[0] * b[1] - a[1] * b[0],
     ];
   }
 
@@ -48346,7 +48875,7 @@ void main() {
   function spherical(cartesian) {
     return [
       atan2(cartesian[1], cartesian[0]) * degrees,
-      asin(max(-1, min(1, cartesian[2]))) * degrees
+      asin(max(-1, min(1, cartesian[2]))) * degrees,
     ];
   }
 
@@ -48360,7 +48889,7 @@ void main() {
 
   // Spherical excess of a triangle (in spherical coordinates)
   function excess(triangle) {
-    triangle = triangle.map(p => cartesian(p));
+    triangle = triangle.map((p) => cartesian(p));
     return cartesianDot(triangle[0], cartesianCross(triangle[2], triangle[1]));
   }
 
@@ -48387,15 +48916,15 @@ void main() {
       mesh,
       hull,
       urquhart,
-      find
+      find,
     };
   }
 
   function geo_find(neighbors, points) {
-    function distance2(a,b) {
+    function distance2(a, b) {
       let x = a[0] - b[0],
-          y = a[1] - b[1],
-          z = a[2] - b[2];
+        y = a[1] - b[1],
+        z = a[2] - b[2];
       return x * x + y * y + z * z;
     }
 
@@ -48409,7 +48938,7 @@ void main() {
         cell = next;
         next = null;
         dist = distance2(xyz, cartesian(points[cell]));
-        neighbors[cell].forEach(i => {
+        neighbors[cell].forEach((i) => {
           let ndist = distance2(xyz, cartesian(points[i]));
           if (ndist < dist) {
             dist = ndist;
@@ -48429,7 +48958,7 @@ void main() {
 
     // find a valid point to send to infinity
     let pivot = 0;
-    while (isNaN(points[pivot][0]+points[pivot][1]) && pivot++ < points.length);
+    while (isNaN(points[pivot][0] + points[pivot][1]) && pivot++ < points.length);
 
     const r = geoRotation(points[pivot]),
       projection = geoStereographic()
@@ -48448,19 +48977,19 @@ void main() {
 
     const FAR = 1e6 * sqrt(max2);
 
-    zeros.forEach(i => (points[i] = [FAR, 0]));
+    zeros.forEach((i) => (points[i] = [FAR, 0]));
 
     // Add infinite horizon points
-    points.push([0,FAR]);
-    points.push([-FAR,0]);
-    points.push([0,-FAR]);
+    points.push([0, FAR]);
+    points.push([-FAR, 0]);
+    points.push([0, -FAR]);
 
     const delaunay = Delaunay.from(points);
 
     delaunay.projection = projection;
 
     // clean up the triangulation
-    const {triangles, halfedges, inedges} = delaunay;
+    const { triangles, halfedges, inedges } = delaunay;
     for (let i = 0, l = halfedges.length; i < l; i++) {
       if (halfedges[i] < 0) {
         const j = i % 3 == 2 ? i - 2 : i + 1;
@@ -48473,33 +49002,33 @@ void main() {
         triangles[i] = triangles[j] = triangles[k] = pivot;
         inedges[triangles[a]] = a % 3 == 0 ? a + 2 : a - 1;
         inedges[triangles[b]] = b % 3 == 0 ? b + 2 : b - 1;
-        i += 2 - i % 3;
+        i += 2 - (i % 3);
       } else if (triangles[i] > points.length - 3 - 1) {
         triangles[i] = pivot;
       }
     }
-    
+
     // there should always be 4 degenerate triangles
     // console.warn(degenerate);
     return delaunay;
   }
 
   function geo_edges(triangles, points) {
-    const _index = new Set;
+    const _index = new Set();
     if (points.length === 2) return [[0, 1]];
-    triangles.forEach(tri => {
+    triangles.forEach((tri) => {
       if (tri[0] === tri[1]) return;
-      if (excess(tri.map(i => points[i])) < 0) return;
+      if (excess(tri.map((i) => points[i])) < 0) return;
       for (let i = 0, j; i < 3; i++) {
         j = (i + 1) % 3;
         _index.add(extent([tri[i], tri[j]]).join("-"));
       }
     });
-    return Array.from(_index, d => d.split("-").map(Number));
+    return Array.from(_index, (d) => d.split("-").map(Number));
   }
 
   function geo_triangles(delaunay) {
-    const {triangles} = delaunay;
+    const { triangles } = delaunay;
     if (!triangles) return [];
 
     const geo_triangles = [];
@@ -48516,8 +49045,8 @@ void main() {
 
   function geo_circumcenters(triangles, points) {
     // if (!use_centroids) {
-    return triangles.map(tri => {
-      const c = tri.map(i => points[i]).map(cartesian),
+    return triangles.map((tri) => {
+      const c = tri.map((i) => points[i]).map(cartesian),
         V = cartesianAdd(
           cartesianAdd(cartesianCross(c[1], c[0]), cartesianCross(c[2], c[1])),
           cartesianCross(c[0], c[2])
@@ -48536,7 +49065,7 @@ void main() {
 
   function geo_neighbors(triangles, npoints) {
     const neighbors = [];
-    triangles.forEach(tri => {
+    triangles.forEach((tri) => {
       for (let j = 0; j < 3; j++) {
         const a = tri[j],
           b = tri[(j + 1) % 3];
@@ -48572,7 +49101,7 @@ void main() {
           m,
           cartesianCross(m, c),
           cartesianCross(cartesianCross(m, c), c),
-          cartesianCross(cartesianCross(cartesianCross(m, c), c), c)
+          cartesianCross(cartesianCross(cartesianCross(m, c), c), c),
         ]
           .map(spherical)
           .map(supplement);
@@ -48595,7 +49124,7 @@ void main() {
     });
 
     // reorder each polygon
-    const reordered = polygons.map(poly => {
+    const reordered = polygons.map((poly) => {
       const p = [poly[0][2]]; // t
       let k = poly[0][1]; // k = c
       for (let i = 1; i < poly.length; i++) {
@@ -48645,12 +49174,12 @@ void main() {
     b = cartesian(b);
     c = cartesian(c);
     const s = sign(cartesianDot(cartesianCross(b, a), c));
-    return spherical(cartesianNormalize(cartesianAdd(a, b)).map(d => s * d));
+    return spherical(cartesianNormalize(cartesianAdd(a, b)).map((d) => s * d));
   }
 
   function geo_mesh(polygons) {
     const mesh = [];
-    polygons.forEach(poly => {
+    polygons.forEach((poly) => {
       if (!poly) return;
       let p = poly[poly.length - 1];
       for (let q of poly) {
@@ -48662,7 +49191,7 @@ void main() {
   }
 
   function geo_urquhart(edges, triangles) {
-    return function(distances) {
+    return function (distances) {
       const _lengths = new Map(),
         _urquhart = new Map();
       edges.forEach((edge, i) => {
@@ -48671,7 +49200,7 @@ void main() {
         _urquhart.set(u, true);
       });
 
-      triangles.forEach(tri => {
+      triangles.forEach((tri) => {
         let l = 0,
           remove = -1;
         for (let j = 0; j < 3; j++) {
@@ -48681,18 +49210,19 @@ void main() {
             remove = u;
           }
         }
-        _urquhart.set(remove,  false);
+        _urquhart.set(remove, false);
       });
 
-      return edges.map(edge => _urquhart.get(edge.join("-")));
+      return edges.map((edge) => _urquhart.get(edge.join("-")));
     };
   }
 
   function geo_hull(triangles, points) {
     const _hull = new Set(),
       hull = [];
-    triangles.map(tri => {
-      if (excess(tri.map(i => points[i > points.length ? 0 : i])) > 1e-12) return;
+    triangles.map((tri) => {
+      if (excess(tri.map((i) => points[i > points.length ? 0 : i])) > 1e-12)
+        return;
       for (let i = 0; i < 3; i++) {
         let e = [tri[i], tri[(i + 1) % 3]],
           code = `${e[0]}-${e[1]}`;
@@ -48701,11 +49231,11 @@ void main() {
       }
     });
 
-    const _index = new Map;
+    const _index = new Map();
     let start;
-    _hull.forEach(e => {
+    _hull.forEach((e) => {
       e = e.split("-").map(Number);
-      _index.set(e[0],e[1]);
+      _index.set(e[0], e[1]);
       start = e[0];
     });
 
@@ -48723,7 +49253,7 @@ void main() {
   }
 
   function geoVoronoi(data) {
-    const v = function(data) {
+    const v = function (data) {
       v.delaunay = null;
       v._data = data;
 
@@ -48732,40 +49262,40 @@ void main() {
       }
       if (typeof v._data === "object") {
         const temp = v._data
-          .map(d => [v._vx(d), v._vy(d), d])
-          .filter(d => isFinite(d[0] + d[1]));
-        v.points = temp.map(d => [d[0], d[1]]);
-        v.valid = temp.map(d => d[2]);
+          .map((d) => [v._vx(d), v._vy(d), d])
+          .filter((d) => isFinite(d[0] + d[1]));
+        v.points = temp.map((d) => [d[0], d[1]]);
+        v.valid = temp.map((d) => d[2]);
         v.delaunay = geoDelaunay(v.points);
       }
       return v;
     };
 
-    v._vx = function(d) {
+    v._vx = function (d) {
       if (typeof d == "object" && "type" in d) {
         return geoCentroid(d)[0];
       }
       if (0 in d) return d[0];
     };
-    v._vy = function(d) {
+    v._vy = function (d) {
       if (typeof d == "object" && "type" in d) {
         return geoCentroid(d)[1];
       }
       if (1 in d) return d[1];
     };
 
-    v.x = function(f) {
+    v.x = function (f) {
       if (!f) return v._vx;
       v._vx = f;
       return v;
     };
-    v.y = function(f) {
+    v.y = function (f) {
       if (!f) return v._vy;
       v._vy = f;
       return v;
     };
 
-    v.polygons = function(data) {
+    v.polygons = function (data) {
       if (data !== undefined) {
         v(data);
       }
@@ -48773,7 +49303,7 @@ void main() {
       if (!v.delaunay) return false;
       const coll = {
         type: "FeatureCollection",
-        features: []
+        features: [],
       };
       if (v.valid.length === 0) return coll;
       v.delaunay.polygons.forEach((poly, i) =>
@@ -48783,13 +49313,15 @@ void main() {
             ? null
             : {
                 type: "Polygon",
-                coordinates: [[...poly, poly[0]].map(i => v.delaunay.centers[i])]
+                coordinates: [
+                  [...poly, poly[0]].map((i) => v.delaunay.centers[i]),
+                ],
               },
           properties: {
             site: v.valid[i],
             sitecoordinates: v.points[i],
-            neighbours: v.delaunay.neighbors[i] // not part of the public API
-          }
+            neighbours: v.delaunay.neighbors[i], // not part of the public API
+          },
         })
       );
       if (v.valid.length === 1)
@@ -48799,13 +49331,13 @@ void main() {
           properties: {
             site: v.valid[0],
             sitecoordinates: v.points[0],
-            neighbours: []
-          }
+            neighbours: [],
+          },
         });
       return coll;
     };
 
-    v.triangles = function(data) {
+    v.triangles = function (data) {
       if (data !== undefined) {
         v(data);
       }
@@ -48815,30 +49347,30 @@ void main() {
         type: "FeatureCollection",
         features: v.delaunay.triangles
           .map((tri, index) => {
-            tri = tri.map(i => v.points[i]);
+            tri = tri.map((i) => v.points[i]);
             tri.center = v.delaunay.centers[index];
             return tri;
           })
-          .filter(tri => excess(tri) > 0)
-          .map(tri => ({
+          .filter((tri) => excess(tri) > 0)
+          .map((tri) => ({
             type: "Feature",
             properties: {
-              circumcenter: tri.center
+              circumcenter: tri.center,
             },
             geometry: {
               type: "Polygon",
-              coordinates: [[...tri, tri[0]]]
-            }
-          }))
+              coordinates: [[...tri, tri[0]]],
+            },
+          })),
       };
     };
 
-    v.links = function(data) {
+    v.links = function (data) {
       if (data !== undefined) {
         v(data);
       }
       if (!v.delaunay) return false;
-      const _distances = v.delaunay.edges.map(e =>
+      const _distances = v.delaunay.edges.map((e) =>
           geoDistance$1(v.points[e[0]], v.points[e[1]])
         ),
         _urquart = v.delaunay.urquhart(_distances);
@@ -48850,28 +49382,31 @@ void main() {
             source: v.valid[e[0]],
             target: v.valid[e[1]],
             length: _distances[i],
-            urquhart: !!_urquart[i]
+            urquhart: !!_urquart[i],
           },
           geometry: {
             type: "LineString",
-            coordinates: [v.points[e[0]], v.points[e[1]]]
-          }
-        }))
+            coordinates: [v.points[e[0]], v.points[e[1]]],
+          },
+        })),
       };
     };
 
-    v.mesh = function(data) {
+    v.mesh = function (data) {
       if (data !== undefined) {
         v(data);
       }
       if (!v.delaunay) return false;
       return {
         type: "MultiLineString",
-        coordinates: v.delaunay.edges.map(e => [v.points[e[0]], v.points[e[1]]])
+        coordinates: v.delaunay.edges.map((e) => [
+          v.points[e[0]],
+          v.points[e[1]],
+        ]),
       };
     };
 
-    v.cellMesh = function(data) {
+    v.cellMesh = function (data) {
       if (data !== undefined) {
         v(data);
       }
@@ -48892,18 +49427,18 @@ void main() {
       }
       return {
         type: "MultiLineString",
-        coordinates
+        coordinates,
       };
     };
 
     v._found = undefined;
-    v.find = function(x, y, radius) {
+    v.find = function (x, y, radius) {
       v._found = v.delaunay.find(x, y, v._found);
       if (!radius || geoDistance$1([x, y], v.points[v._found]) < radius)
         return v._found;
     };
 
-    v.hull = function(data) {
+    v.hull = function (data) {
       if (data !== undefined) {
         v(data);
       }
@@ -48913,7 +49448,7 @@ void main() {
         ? null
         : {
             type: "Polygon",
-            coordinates: [[...hull.map(i => points[i]), points[hull[0]]]]
+            coordinates: [[...hull.map((i) => points[i]), points[hull[0]]]],
           };
     };
 
@@ -65329,7 +65864,7 @@ void main() {
 			gl_FragColor = vec4( diffuseColor.rgb, alpha );
 
 			#include <tonemapping_fragment>
-			#include <encodings_fragment>
+			#include <colorspace_fragment>
 			#include <fog_fragment>
 			#include <premultiplied_alpha_fragment>
 
@@ -65933,9 +66468,46 @@ void main() {
 
   }
 
+  function _arrayLikeToArray$1(r, a) {
+    (null == a || a > r.length) && (a = r.length);
+    for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+    return n;
+  }
+  function _arrayWithHoles$1(r) {
+    if (Array.isArray(r)) return r;
+  }
+  function _arrayWithoutHoles$1(r) {
+    if (Array.isArray(r)) return _arrayLikeToArray$1(r);
+  }
+  function _assertClassBrand(e, t, n) {
+    if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n;
+    throw new TypeError("Private element is not present on this object");
+  }
+  function _assertThisInitialized$1(e) {
+    if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    return e;
+  }
   function _callSuper(t, o, e) {
     return o = _getPrototypeOf$1(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$1() ? Reflect.construct(o, e || [], _getPrototypeOf$1(t).constructor) : o.apply(t, e));
   }
+  function _checkPrivateRedeclaration(e, t) {
+    if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object");
+  }
+  function _classCallCheck(a, n) {
+    if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
+  }
+  function _classPrivateFieldGet2(s, a) {
+    return s.get(_assertClassBrand(s, a));
+  }
+  function _classPrivateFieldInitSpec(e, t, a) {
+    _checkPrivateRedeclaration(e, t), t.set(e, a);
+  }
+  function _classPrivateFieldSet2(s, a, r) {
+    return s.set(_assertClassBrand(s, a), r), r;
+  }
+  function _classPrivateMethodInitSpec(e, a) {
+    _checkPrivateRedeclaration(e, a), a.add(e);
+  }
   function _construct$1(t, e, r) {
     if (_isNativeReflectConstruct$1()) return Reflect.construct.apply(null, arguments);
     var o = [null];
@@ -65943,6 +66515,42 @@ void main() {
     var p = new (t.bind.apply(t, o))();
     return p;
   }
+  function _defineProperties(e, r) {
+    for (var t = 0; t < r.length; t++) {
+      var o = r[t];
+      o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey$1(o.key), o);
+    }
+  }
+  function _createClass(e, r, t) {
+    return r && _defineProperties(e.prototype, r), Object.defineProperty(e, "prototype", {
+      writable: !1
+    }), e;
+  }
+  function _defineProperty$1(e, r, t) {
+    return (r = _toPropertyKey$1(r)) in e ? Object.defineProperty(e, r, {
+      value: t,
+      enumerable: !0,
+      configurable: !0,
+      writable: !0
+    }) : e[r] = t, e;
+  }
+  function _getPrototypeOf$1(t) {
+    return _getPrototypeOf$1 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) {
+      return t.__proto__ || Object.getPrototypeOf(t);
+    }, _getPrototypeOf$1(t);
+  }
+  function _inherits(t, e) {
+    if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function");
+    t.prototype = Object.create(e && e.prototype, {
+      constructor: {
+        value: t,
+        writable: !0,
+        configurable: !0
+      }
+    }), Object.defineProperty(t, "prototype", {
+      writable: !1
+    }), e && _setPrototypeOf$1(t, e);
+  }
   function _isNativeReflectConstruct$1() {
     try {
       var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
@@ -65951,6 +66559,9 @@ void main() {
       return !!t;
     })();
   }
+  function _iterableToArray$1(r) {
+    if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+  }
   function _iterableToArrayLimit$1(r, l) {
     var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
     if (null != t) {
@@ -65978,6 +66589,12 @@ void main() {
       return a;
     }
   }
+  function _nonIterableRest$1() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  function _nonIterableSpread$1() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
   function ownKeys(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -65999,209 +66616,63 @@ void main() {
     }
     return e;
   }
-  function _toPrimitive$1(t, r) {
-    if ("object" != typeof t || !t) return t;
-    var e = t[Symbol.toPrimitive];
-    if (void 0 !== e) {
-      var i = e.call(t, r );
-      if ("object" != typeof i) return i;
-      throw new TypeError("@@toPrimitive must return a primitive value.");
-    }
-    return (String )(t);
-  }
-  function _toPropertyKey$1(t) {
-    var i = _toPrimitive$1(t, "string");
-    return "symbol" == typeof i ? i : String(i);
-  }
-  function _classCallCheck(instance, Constructor) {
-    if (!(instance instanceof Constructor)) {
-      throw new TypeError("Cannot call a class as a function");
-    }
-  }
-  function _defineProperties(target, props) {
-    for (var i = 0; i < props.length; i++) {
-      var descriptor = props[i];
-      descriptor.enumerable = descriptor.enumerable || false;
-      descriptor.configurable = true;
-      if ("value" in descriptor) descriptor.writable = true;
-      Object.defineProperty(target, _toPropertyKey$1(descriptor.key), descriptor);
-    }
-  }
-  function _createClass(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-    Object.defineProperty(Constructor, "prototype", {
-      writable: false
-    });
-    return Constructor;
-  }
-  function _defineProperty$1(obj, key, value) {
-    key = _toPropertyKey$1(key);
-    if (key in obj) {
-      Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        configurable: true,
-        writable: true
-      });
-    } else {
-      obj[key] = value;
-    }
-    return obj;
-  }
-  function _inherits(subClass, superClass) {
-    if (typeof superClass !== "function" && superClass !== null) {
-      throw new TypeError("Super expression must either be null or a function");
-    }
-    subClass.prototype = Object.create(superClass && superClass.prototype, {
-      constructor: {
-        value: subClass,
-        writable: true,
-        configurable: true
-      }
-    });
-    Object.defineProperty(subClass, "prototype", {
-      writable: false
-    });
-    if (superClass) _setPrototypeOf$1(subClass, superClass);
-  }
-  function _getPrototypeOf$1(o) {
-    _getPrototypeOf$1 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
-      return o.__proto__ || Object.getPrototypeOf(o);
-    };
-    return _getPrototypeOf$1(o);
-  }
-  function _setPrototypeOf$1(o, p) {
-    _setPrototypeOf$1 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
-      o.__proto__ = p;
-      return o;
-    };
-    return _setPrototypeOf$1(o, p);
-  }
-  function _objectWithoutPropertiesLoose(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-    for (i = 0; i < sourceKeys.length; i++) {
-      key = sourceKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      target[key] = source[key];
-    }
-    return target;
-  }
-  function _objectWithoutProperties(source, excluded) {
-    if (source == null) return {};
-    var target = _objectWithoutPropertiesLoose(source, excluded);
-    var key, i;
+  function _objectWithoutProperties(e, t) {
+    if (null == e) return {};
+    var o,
+      r,
+      i = _objectWithoutPropertiesLoose(e, t);
     if (Object.getOwnPropertySymbols) {
-      var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-      for (i = 0; i < sourceSymbolKeys.length; i++) {
-        key = sourceSymbolKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-        target[key] = source[key];
-      }
+      var n = Object.getOwnPropertySymbols(e);
+      for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
     }
-    return target;
-  }
-  function _assertThisInitialized$1(self) {
-    if (self === void 0) {
-      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    return i;
+  }
+  function _objectWithoutPropertiesLoose(r, e) {
+    if (null == r) return {};
+    var t = {};
+    for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+      if (e.indexOf(n) >= 0) continue;
+      t[n] = r[n];
     }
-    return self;
-  }
-  function _possibleConstructorReturn(self, call) {
-    if (call && (typeof call === "object" || typeof call === "function")) {
-      return call;
-    } else if (call !== void 0) {
-      throw new TypeError("Derived constructors may only return object or undefined");
-    }
-    return _assertThisInitialized$1(self);
-  }
-  function _slicedToArray$1(arr, i) {
-    return _arrayWithHoles$1(arr) || _iterableToArrayLimit$1(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest$1();
-  }
-  function _toConsumableArray$1(arr) {
-    return _arrayWithoutHoles$1(arr) || _iterableToArray$1(arr) || _unsupportedIterableToArray$1(arr) || _nonIterableSpread$1();
-  }
-  function _arrayWithoutHoles$1(arr) {
-    if (Array.isArray(arr)) return _arrayLikeToArray$1(arr);
-  }
-  function _arrayWithHoles$1(arr) {
-    if (Array.isArray(arr)) return arr;
-  }
-  function _iterableToArray$1(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-  }
-  function _unsupportedIterableToArray$1(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray$1(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(o);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen);
-  }
-  function _arrayLikeToArray$1(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-    return arr2;
+    return t;
   }
-  function _nonIterableSpread$1() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  function _possibleConstructorReturn(t, e) {
+    if (e && ("object" == typeof e || "function" == typeof e)) return e;
+    if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined");
+    return _assertThisInitialized$1(t);
   }
-  function _nonIterableRest$1() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-  function _classPrivateFieldGet(receiver, privateMap) {
-    var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get");
-    return _classApplyDescriptorGet(receiver, descriptor);
+  function _setPrototypeOf$1(t, e) {
+    return _setPrototypeOf$1 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
+      return t.__proto__ = e, t;
+    }, _setPrototypeOf$1(t, e);
   }
-  function _classPrivateFieldSet(receiver, privateMap, value) {
-    var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set");
-    _classApplyDescriptorSet(receiver, descriptor, value);
-    return value;
+  function _slicedToArray$1(r, e) {
+    return _arrayWithHoles$1(r) || _iterableToArrayLimit$1(r, e) || _unsupportedIterableToArray$1(r, e) || _nonIterableRest$1();
   }
-  function _classExtractFieldDescriptor(receiver, privateMap, action) {
-    if (!privateMap.has(receiver)) {
-      throw new TypeError("attempted to " + action + " private field on non-instance");
-    }
-    return privateMap.get(receiver);
+  function _toConsumableArray$1(r) {
+    return _arrayWithoutHoles$1(r) || _iterableToArray$1(r) || _unsupportedIterableToArray$1(r) || _nonIterableSpread$1();
   }
-  function _classApplyDescriptorGet(receiver, descriptor) {
-    if (descriptor.get) {
-      return descriptor.get.call(receiver);
-    }
-    return descriptor.value;
-  }
-  function _classApplyDescriptorSet(receiver, descriptor, value) {
-    if (descriptor.set) {
-      descriptor.set.call(receiver, value);
-    } else {
-      if (!descriptor.writable) {
-        throw new TypeError("attempted to set read only private field");
-      }
-      descriptor.value = value;
+  function _toPrimitive$1(t, r) {
+    if ("object" != typeof t || !t) return t;
+    var e = t[Symbol.toPrimitive];
+    if (void 0 !== e) {
+      var i = e.call(t, r || "default");
+      if ("object" != typeof i) return i;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
     }
+    return ("string" === r ? String : Number)(t);
   }
-  function _classPrivateMethodGet(receiver, privateSet, fn) {
-    if (!privateSet.has(receiver)) {
-      throw new TypeError("attempted to get private field on non-instance");
-    }
-    return fn;
+  function _toPropertyKey$1(t) {
+    var i = _toPrimitive$1(t, "string");
+    return "symbol" == typeof i ? i : i + "";
   }
-  function _checkPrivateRedeclaration(obj, privateCollection) {
-    if (privateCollection.has(obj)) {
-      throw new TypeError("Cannot initialize the same private elements twice on an object");
+  function _unsupportedIterableToArray$1(r, a) {
+    if (r) {
+      if ("string" == typeof r) return _arrayLikeToArray$1(r, a);
+      var t = {}.toString.call(r).slice(8, -1);
+      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$1(r, a) : void 0;
     }
   }
-  function _classPrivateFieldInitSpec(obj, privateMap, value) {
-    _checkPrivateRedeclaration(obj, privateMap);
-    privateMap.set(obj, value);
-  }
-  function _classPrivateMethodInitSpec(obj, privateSet) {
-    _checkPrivateRedeclaration(obj, privateSet);
-    privateSet.add(obj);
-  }
 
   var materialDispose = function materialDispose(material) {
     if (material instanceof Array) {
@@ -67432,45 +67903,35 @@ void main() {
   var RES_BW_FACTOR = 3.5; // divider of bandwidth to use in geometry resolution
   var MIN_RESOLUTION = 0.1; // degrees
   var BW_RADIUS_INFLUENCE = 3.5; // multiplier of bandwidth to use in octree for max radius of point influence
-  var _getDistance = /*#__PURE__*/new WeakSet();
+  var _PointsOctree_brand = /*#__PURE__*/new WeakSet();
   var _points = /*#__PURE__*/new WeakMap();
   var _pntOctree = /*#__PURE__*/new WeakMap();
   var _distance = /*#__PURE__*/new WeakMap();
   var PointsOctree = /*#__PURE__*/function () {
     function PointsOctree(points, neighborhoodAngularDistance) {
       _classCallCheck(this, PointsOctree);
-      _classPrivateMethodInitSpec(this, _getDistance);
-      _classPrivateFieldInitSpec(this, _points, {
-        writable: true,
-        value: void 0
-      });
-      _classPrivateFieldInitSpec(this, _pntOctree, {
-        writable: true,
-        value: void 0
-      });
-      _classPrivateFieldInitSpec(this, _distance, {
-        writable: true,
-        value: void 0
-      });
-      _classPrivateFieldSet(this, _points, points);
-      _classPrivateFieldSet(this, _pntOctree, yaOctree());
-      _classPrivateFieldGet(this, _pntOctree).init(points.map(function (d) {
+      _classPrivateMethodInitSpec(this, _PointsOctree_brand);
+      _classPrivateFieldInitSpec(this, _points, void 0);
+      _classPrivateFieldInitSpec(this, _pntOctree, void 0);
+      _classPrivateFieldInitSpec(this, _distance, void 0);
+      _classPrivateFieldSet2(_points, this, points);
+      _classPrivateFieldSet2(_pntOctree, this, yaOctree());
+      _classPrivateFieldGet2(_pntOctree, this).init(points.map(function (d) {
         return [d.x, d.y, d.z];
       }).flat());
-      _classPrivateFieldSet(this, _distance, _classPrivateMethodGet(this, _getDistance, _getDistance2).call(this, polar2Cartesian(0, 0), polar2Cartesian(0, Math.min(180, neighborhoodAngularDistance))));
+      _classPrivateFieldSet2(_distance, this, _assertClassBrand(_PointsOctree_brand, this, _getDistance).call(this, polar2Cartesian(0, 0), polar2Cartesian(0, Math.min(180, neighborhoodAngularDistance))));
     }
-    _createClass(PointsOctree, [{
+    return _createClass(PointsOctree, [{
       key: "getNearPoints",
       value: function getNearPoints(x, y, z) {
         var _this = this;
-        return _classPrivateFieldGet(this, _pntOctree).intersectSphere(x, y, z, _classPrivateFieldGet(this, _distance)).map(function (idx) {
-          return _classPrivateFieldGet(_this, _points)[idx / 3];
+        return _classPrivateFieldGet2(_pntOctree, this).intersectSphere(x, y, z, _classPrivateFieldGet2(_distance, this)).map(function (idx) {
+          return _classPrivateFieldGet2(_points, _this)[idx / 3];
         });
       }
     }]);
-    return PointsOctree;
   }();
-  function _getDistance2(a, b) {
+  function _getDistance(a, b) {
     return Math.sqrt(Math.pow(a.x - b.x, 2) + Math.pow(a.y - b.y, 2) + Math.pow(a.z - b.z, 2));
   }
   var defaultColorInterpolator = function defaultColorInterpolator(t) {
@@ -68803,6 +69264,7 @@ void main() {
           textObj.geometry = new THREE$5.TextGeometry(textAccessor(d), {
             font: state.font,
             size: textHeight,
+            depth: 0,
             height: 0,
             curveSegments: state.labelResolution
           });
@@ -68874,7 +69336,6 @@ void main() {
     BufferGeometry: BufferGeometry
   };
   var CircleLineGeometry = /*#__PURE__*/function (_THREE$BufferGeometry) {
-    _inherits(CircleLineGeometry, _THREE$BufferGeometry);
     function CircleLineGeometry() {
       var _this;
       var radius = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
@@ -68898,6 +69359,7 @@ void main() {
       _this.setFromPoints(points);
       return _this;
     }
+    _inherits(CircleLineGeometry, _THREE$BufferGeometry);
     return _createClass(CircleLineGeometry);
   }(THREE$4.BufferGeometry);
 
@@ -69556,7 +70018,6 @@ void main() {
     var baseClass = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Object;
     var initKapsuleWithSelf = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     var FromKapsule = /*#__PURE__*/function (_baseClass) {
-      _inherits(FromKapsule, _baseClass);
       function FromKapsule() {
         var _this;
         _classCallCheck(this, FromKapsule);
@@ -69564,9 +70025,10 @@ void main() {
           args[_key] = arguments[_key];
         }
         _this = _callSuper(this, FromKapsule, [].concat(args));
-        _this.__kapsuleInstance = kapsule.apply(void 0, args).apply(void 0, [].concat(_toConsumableArray$1(initKapsuleWithSelf ? [_assertThisInitialized$1(_this)] : []), args));
+        _this.__kapsuleInstance = kapsule.apply(void 0, args).apply(void 0, [].concat(_toConsumableArray$1(initKapsuleWithSelf ? [_this] : []), args));
         return _this;
       }
+      _inherits(FromKapsule, _baseClass);
       return _createClass(FromKapsule);
     }(baseClass); // attach kapsule props/methods to class prototype
     Object.keys(kapsule()).forEach(function (m) {
@@ -72799,7 +73261,7 @@ void main() {
   		if ( this.clearColor !== null ) {
 
   			renderer.getClearColor( this._oldClearColor );
-  			renderer.setClearColor( this.clearColor );
+  			renderer.setClearColor( this.clearColor, renderer.getClearAlpha() );
 
   		}
 
@@ -72854,53 +73316,41 @@ void main() {
   }
 
   function _extends() {
-    _extends = Object.assign ? Object.assign.bind() : function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
+    return _extends = Object.assign ? Object.assign.bind() : function (n) {
+      for (var e = 1; e < arguments.length; e++) {
+        var t = arguments[e];
+        for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
       }
-      return target;
-    };
-    return _extends.apply(this, arguments);
+      return n;
+    }, _extends.apply(null, arguments);
   }
 
-  function _assertThisInitialized(self) {
-    if (self === void 0) {
-      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
-    return self;
+  function _assertThisInitialized(e) {
+    if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    return e;
   }
 
-  function _setPrototypeOf(o, p) {
-    _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
-      o.__proto__ = p;
-      return o;
-    };
-    return _setPrototypeOf(o, p);
+  function _setPrototypeOf(t, e) {
+    return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
+      return t.__proto__ = e, t;
+    }, _setPrototypeOf(t, e);
   }
 
-  function _inheritsLoose(subClass, superClass) {
-    subClass.prototype = Object.create(superClass.prototype);
-    subClass.prototype.constructor = subClass;
-    _setPrototypeOf(subClass, superClass);
+  function _inheritsLoose(t, o) {
+    t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o);
   }
 
-  function _getPrototypeOf(o) {
-    _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
-      return o.__proto__ || Object.getPrototypeOf(o);
-    };
-    return _getPrototypeOf(o);
+  function _getPrototypeOf(t) {
+    return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) {
+      return t.__proto__ || Object.getPrototypeOf(t);
+    }, _getPrototypeOf(t);
   }
 
-  function _isNativeFunction(fn) {
+  function _isNativeFunction(t) {
     try {
-      return Function.toString.call(fn).indexOf("[native code]") !== -1;
-    } catch (e) {
-      return typeof fn === "function";
+      return -1 !== Function.toString.call(t).indexOf("[native code]");
+    } catch (n) {
+      return "function" == typeof t;
     }
   }
 
@@ -72921,31 +73371,27 @@ void main() {
     return r && _setPrototypeOf(p, r.prototype), p;
   }
 
-  function _wrapNativeSuper(Class) {
-    var _cache = typeof Map === "function" ? new Map() : undefined;
-    _wrapNativeSuper = function _wrapNativeSuper(Class) {
-      if (Class === null || !_isNativeFunction(Class)) return Class;
-      if (typeof Class !== "function") {
-        throw new TypeError("Super expression must either be null or a function");
-      }
-      if (typeof _cache !== "undefined") {
-        if (_cache.has(Class)) return _cache.get(Class);
-        _cache.set(Class, Wrapper);
+  function _wrapNativeSuper(t) {
+    var r = "function" == typeof Map ? new Map() : void 0;
+    return _wrapNativeSuper = function _wrapNativeSuper(t) {
+      if (null === t || !_isNativeFunction(t)) return t;
+      if ("function" != typeof t) throw new TypeError("Super expression must either be null or a function");
+      if (void 0 !== r) {
+        if (r.has(t)) return r.get(t);
+        r.set(t, Wrapper);
       }
       function Wrapper() {
-        return _construct(Class, arguments, _getPrototypeOf(this).constructor);
+        return _construct(t, arguments, _getPrototypeOf(this).constructor);
       }
-      Wrapper.prototype = Object.create(Class.prototype, {
+      return Wrapper.prototype = Object.create(t.prototype, {
         constructor: {
           value: Wrapper,
-          enumerable: false,
-          writable: true,
-          configurable: true
+          enumerable: !1,
+          writable: !0,
+          configurable: !0
         }
-      });
-      return _setPrototypeOf(Wrapper, Class);
-    };
-    return _wrapNativeSuper(Class);
+      }), _setPrototypeOf(Wrapper, t);
+    }, _wrapNativeSuper(t);
   }
 
   // based on https://github.com/styled-components/styled-components/blob/fcf6f3804c57a14dd7984dfab7bc06ee2edca044/src/utils/error.js