react-globe.gl 2.19.0 → 2.20.0

package/dist/react-globe.gl.js

@@ -1,4 +1,4 @@
-// Version 2.19.0 react-globe.gl - https://github.com/vasturiano/react-globe.gl
+// Version 2.20.0 react-globe.gl - https://github.com/vasturiano/react-globe.gl
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react')) :
   typeof define === 'function' && define.amd ? define(['react'], factory) :
@@ -308,7 +308,7 @@
    * Copyright 2010-2021 Three.js Authors
    * SPDX-License-Identifier: MIT
    */
-  const REVISION = '134';
+  const REVISION = '136';
   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 };
   const CullFaceNone = 0;
@@ -394,7 +394,6 @@
   const RGBAFormat = 1023;
   const LuminanceFormat = 1024;
   const LuminanceAlphaFormat = 1025;
-  const RGBEFormat = RGBAFormat;
   const DepthFormat = 1026;
   const DepthStencilFormat = 1027;
   const RedFormat = 1028;
@@ -460,12 +459,6 @@
   const TriangleFanDrawMode = 2;
   const LinearEncoding = 3000;
   const sRGBEncoding = 3001;
-  const GammaEncoding = 3007;
-  const RGBEEncoding = 3002;
-  const LogLuvEncoding = 3003;
-  const RGBM7Encoding = 3004;
-  const RGBM16Encoding = 3005;
-  const RGBDEncoding = 3006;
   const BasicDepthPacking = 3200;
   const RGBADepthPacking = 3201;
   const TangentSpaceNormalMap = 0;
@@ -562,13 +555,6 @@
 
   }
 
-  let _seed = 1234567;
-
-  const DEG2RAD = Math.PI / 180;
-  const RAD2DEG = 180 / Math.PI;
-
-  //
-
   const _lut = [];
 
   for ( let i = 0; i < 256; i ++ ) {
@@ -577,18 +563,14 @@
 
   }
 
-  const hasRandomUUID = typeof crypto !== 'undefined' && 'randomUUID' in crypto;
-
-  function generateUUID() {
-
-  	if ( hasRandomUUID ) {
+  let _seed = 1234567;
 
-  		return crypto.randomUUID().toUpperCase();
 
-  	}
+  const DEG2RAD = Math.PI / 180;
+  const RAD2DEG = 180 / Math.PI;
 
-  	// TODO Remove this code when crypto.randomUUID() is available everywhere
-  	// http://stackoverflow.com/questions/105034/how-to-create-a-guid-uuid-in-javascript/21963136#21963136
+  // http://stackoverflow.com/questions/105034/how-to-create-a-guid-uuid-in-javascript/21963136#21963136
+  function generateUUID() {
 
   	const d0 = Math.random() * 0xffffffff | 0;
   	const d1 = Math.random() * 0xffffffff | 0;
@@ -1673,42 +1655,6 @@
 
   }
 
-  /**
-    * cyrb53 hash for string from: https://stackoverflow.com/a/52171480
-    *
-    * Public Domain, @bryc - https://stackoverflow.com/users/815680/bryc
-    *
-    * It is roughly similar to the well-known MurmurHash/xxHash algorithms. It uses a combination
-    * of multiplication and Xorshift to generate the hash, but not as thorough. As a result it's
-    * faster than either would be in JavaScript and significantly simpler to implement. Keep in
-    * mind this is not a secure algorithm, if privacy/security is a concern, this is not for you.
-    *
-    * @param {string} str
-    * @param {number} seed, default 0
-    * @returns number
-    */
-  function hashString( str, seed = 0 ) {
-
-  	let h1 = 0xdeadbeef ^ seed, h2 = 0x41c6ce57 ^ seed;
-
-  	for ( let i = 0, ch; i < str.length; i ++ ) {
-
-  		ch = str.charCodeAt( i );
-
-  		h1 = Math.imul( h1 ^ ch, 2654435761 );
-
-  		h2 = Math.imul( h2 ^ ch, 1597334677 );
-
-  	}
-
-  	h1 = Math.imul( h1 ^ ( h1 >>> 16 ), 2246822507 ) ^ Math.imul( h2 ^ ( h2 >>> 13 ), 3266489909 );
-
-  	h2 = Math.imul( h2 ^ ( h2 >>> 16 ), 2246822507 ) ^ Math.imul( h1 ^ ( h1 >>> 13 ), 3266489909 );
-
-  	return 4294967296 * ( 2097151 & h2 ) + ( h1 >>> 0 );
-
-  }
-
   let _canvas;
 
   class ImageUtils {
@@ -2975,12 +2921,16 @@
 
   class WebGLMultisampleRenderTarget extends WebGLRenderTarget {
 
-  	constructor( width, height, options ) {
+  	constructor( width, height, options = {} ) {
 
   		super( width, height, options );
 
   		this.samples = 4;
 
+  		this.ignoreDepthForMultisampleCopy = options.ignoreDepth !== undefined ? options.ignoreDepth : true;
+  		this.useRenderToTexture = ( options.useRenderToTexture !== undefined ) ? options.useRenderToTexture : false;
+  		this.useRenderbuffer = this.useRenderToTexture === false;
+
   	}
 
   	copy( source ) {
@@ -2988,6 +2938,8 @@
   		super.copy.call( this, source );
 
   		this.samples = source.samples;
+  		this.useRenderToTexture = source.useRenderToTexture;
+  		this.useRenderbuffer = source.useRenderbuffer;
 
   		return this;
 
@@ -5131,7 +5083,16 @@
   		// 1) Enclose the farthest point on the other sphere into this sphere.
   		// 2) Enclose the opposite point of the farthest point into this sphere.
 
-  		_toFarthestPoint.subVectors( sphere.center, this.center ).normalize().multiplyScalar( sphere.radius );
+  		 if ( this.center.equals( sphere.center ) === true ) {
+
+  			 _toFarthestPoint.set( 0, 0, 1 ).multiplyScalar( sphere.radius );
+
+
+  		} else {
+
+  			_toFarthestPoint.subVectors( sphere.center, this.center ).normalize().multiplyScalar( sphere.radius );
+
+  		}
 
   		this.expandByPoint( _v1$6.copy( sphere.center ).add( _toFarthestPoint ) );
   		this.expandByPoint( _v1$6.copy( sphere.center ).sub( _toFarthestPoint ) );
@@ -5254,7 +5215,7 @@
 
   	distanceSqToSegment( v0, v1, optionalPointOnRay, optionalPointOnSegment ) {
 
-  		// from http://www.geometrictools.com/GTEngine/Include/Mathematics/GteDistRaySegment.h
+  		// from https://github.com/pmjoniak/GeometricTools/blob/master/GTEngine/Include/Mathematics/GteDistRaySegment.h
   		// It returns the min distance between the ray and the segment
   		// defined by v0 and v1
   		// It can also set two optional targets :
@@ -5553,7 +5514,7 @@
 
   		// Compute the offset origin, edges, and normal.
 
-  		// from http://www.geometrictools.com/GTEngine/Include/Mathematics/GteIntrRay3Triangle3.h
+  		// from https://github.com/pmjoniak/GeometricTools/blob/master/GTEngine/Include/Mathematics/GteIntrRay3Triangle3.h
 
   		_edge1.subVectors( b, a );
   		_edge2.subVectors( c, a );
@@ -6855,7 +6816,7 @@
 
   	set( channel ) {
 
-  		this.mask = 1 << channel | 0;
+  		this.mask = ( 1 << channel | 0 ) >>> 0;
 
   	}
 
@@ -6895,6 +6856,12 @@
 
   	}
 
+  	isEnabled( channel ) {
+
+  		return ( this.mask & ( 1 << channel | 0 ) ) !== 0;
+
+  	}
+
   }
 
   let _object3DId = 0;
@@ -7295,6 +7262,8 @@
 
   		// adds object as a child of this, while maintaining the object's world transform
 
+  		// Note: This method does not support scene graphs having non-uniformly-scaled nodes(s)
+
   		this.updateWorldMatrix( true, false );
 
   		_m1$1.copy( this.matrixWorld ).invert();
@@ -7388,7 +7357,7 @@
 
   	}
 
-  	raycast() {}
+  	raycast( /* raycaster, intersects */ ) {}
 
   	traverse( callback ) {
 
@@ -8889,44 +8858,6 @@
 
   	}
 
-  	copyGammaToLinear( color, gammaFactor = 2.0 ) {
-
-  		this.r = Math.pow( color.r, gammaFactor );
-  		this.g = Math.pow( color.g, gammaFactor );
-  		this.b = Math.pow( color.b, gammaFactor );
-
-  		return this;
-
-  	}
-
-  	copyLinearToGamma( color, gammaFactor = 2.0 ) {
-
-  		const safeInverse = ( gammaFactor > 0 ) ? ( 1.0 / gammaFactor ) : 1.0;
-
-  		this.r = Math.pow( color.r, safeInverse );
-  		this.g = Math.pow( color.g, safeInverse );
-  		this.b = Math.pow( color.b, safeInverse );
-
-  		return this;
-
-  	}
-
-  	convertGammaToLinear( gammaFactor ) {
-
-  		this.copyGammaToLinear( this, gammaFactor );
-
-  		return this;
-
-  	}
-
-  	convertLinearToGamma( gammaFactor ) {
-
-  		this.copyLinearToGamma( this, gammaFactor );
-
-  		return this;
-
-  	}
-
   	copySRGBToLinear( color ) {
 
   		this.r = SRGBToLinear( color.r );
@@ -9738,7 +9669,7 @@
 
   }
 
-  let _id = 0;
+  let _id$1 = 0;
 
   const _m1 = /*@__PURE__*/ new Matrix4();
   const _obj = /*@__PURE__*/ new Object3D();
@@ -9753,7 +9684,7 @@
 
   		super();
 
-  		Object.defineProperty( this, 'id', { value: _id ++ } );
+  		Object.defineProperty( this, 'id', { value: _id$1 ++ } );
 
   		this.uuid = generateUUID();
 
@@ -12979,7 +12910,7 @@
 
   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; }\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 color ) { return dot( color, vec3( 0.3333 ) ); }\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};\nstruct GeometricContext {\n\tvec3 position;\n\tvec3 normal;\n\tvec3 viewDir;\n#ifdef USE_CLEARCOAT\n\tvec3 clearcoatNormal;\n#endif\n};\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 linearToRelativeLuminance( const in vec3 color ) {\n\tvec3 weights = vec3( 0.2126, 0.7152, 0.0722 );\n\treturn dot( weights, color.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}";
 
-  var cube_uv_reflection_fragment = "#ifdef ENVMAP_TYPE_CUBE_UV\n\t#define cubeUV_maxMipLevel 8.0\n\t#define cubeUV_minMipLevel 4.0\n\t#define cubeUV_maxTileSize 256.0\n\t#define cubeUV_minTileSize 16.0\n\tfloat getFace( vec3 direction ) {\n\t\tvec3 absDirection = abs( direction );\n\t\tfloat face = - 1.0;\n\t\tif ( absDirection.x > absDirection.z ) {\n\t\t\tif ( absDirection.x > absDirection.y )\n\t\t\t\tface = direction.x > 0.0 ? 0.0 : 3.0;\n\t\t\telse\n\t\t\t\tface = direction.y > 0.0 ? 1.0 : 4.0;\n\t\t} else {\n\t\t\tif ( absDirection.z > absDirection.y )\n\t\t\t\tface = direction.z > 0.0 ? 2.0 : 5.0;\n\t\t\telse\n\t\t\t\tface = direction.y > 0.0 ? 1.0 : 4.0;\n\t\t}\n\t\treturn face;\n\t}\n\tvec2 getUV( vec3 direction, float face ) {\n\t\tvec2 uv;\n\t\tif ( face == 0.0 ) {\n\t\t\tuv = vec2( direction.z, direction.y ) / abs( direction.x );\n\t\t} else if ( face == 1.0 ) {\n\t\t\tuv = vec2( - direction.x, - direction.z ) / abs( direction.y );\n\t\t} else if ( face == 2.0 ) {\n\t\t\tuv = vec2( - direction.x, direction.y ) / abs( direction.z );\n\t\t} else if ( face == 3.0 ) {\n\t\t\tuv = vec2( - direction.z, direction.y ) / abs( direction.x );\n\t\t} else if ( face == 4.0 ) {\n\t\t\tuv = vec2( - direction.x, direction.z ) / abs( direction.y );\n\t\t} else {\n\t\t\tuv = vec2( direction.x, direction.y ) / abs( direction.z );\n\t\t}\n\t\treturn 0.5 * ( uv + 1.0 );\n\t}\n\tvec3 bilinearCubeUV( sampler2D envMap, vec3 direction, float mipInt ) {\n\t\tfloat face = getFace( direction );\n\t\tfloat filterInt = max( cubeUV_minMipLevel - mipInt, 0.0 );\n\t\tmipInt = max( mipInt, cubeUV_minMipLevel );\n\t\tfloat faceSize = exp2( mipInt );\n\t\tfloat texelSize = 1.0 / ( 3.0 * cubeUV_maxTileSize );\n\t\tvec2 uv = getUV( direction, face ) * ( faceSize - 1.0 );\n\t\tvec2 f = fract( uv );\n\t\tuv += 0.5 - f;\n\t\tif ( face > 2.0 ) {\n\t\t\tuv.y += faceSize;\n\t\t\tface -= 3.0;\n\t\t}\n\t\tuv.x += face * faceSize;\n\t\tif ( mipInt < cubeUV_maxMipLevel ) {\n\t\t\tuv.y += 2.0 * cubeUV_maxTileSize;\n\t\t}\n\t\tuv.y += filterInt * 2.0 * cubeUV_minTileSize;\n\t\tuv.x += 3.0 * max( 0.0, cubeUV_maxTileSize - 2.0 * faceSize );\n\t\tuv *= texelSize;\n\t\tvec3 tl = envMapTexelToLinear( texture2D( envMap, uv ) ).rgb;\n\t\tuv.x += texelSize;\n\t\tvec3 tr = envMapTexelToLinear( texture2D( envMap, uv ) ).rgb;\n\t\tuv.y += texelSize;\n\t\tvec3 br = envMapTexelToLinear( texture2D( envMap, uv ) ).rgb;\n\t\tuv.x -= texelSize;\n\t\tvec3 bl = envMapTexelToLinear( texture2D( envMap, uv ) ).rgb;\n\t\tvec3 tm = mix( tl, tr, f.x );\n\t\tvec3 bm = mix( bl, br, f.x );\n\t\treturn mix( tm, bm, f.y );\n\t}\n\t#define r0 1.0\n\t#define v0 0.339\n\t#define m0 - 2.0\n\t#define r1 0.8\n\t#define v1 0.276\n\t#define m1 - 1.0\n\t#define r4 0.4\n\t#define v4 0.046\n\t#define m4 2.0\n\t#define r5 0.305\n\t#define v5 0.016\n\t#define m5 3.0\n\t#define r6 0.21\n\t#define v6 0.0038\n\t#define m6 4.0\n\tfloat roughnessToMip( float roughness ) {\n\t\tfloat mip = 0.0;\n\t\tif ( roughness >= r1 ) {\n\t\t\tmip = ( r0 - roughness ) * ( m1 - m0 ) / ( r0 - r1 ) + m0;\n\t\t} else if ( roughness >= r4 ) {\n\t\t\tmip = ( r1 - roughness ) * ( m4 - m1 ) / ( r1 - r4 ) + m1;\n\t\t} else if ( roughness >= r5 ) {\n\t\t\tmip = ( r4 - roughness ) * ( m5 - m4 ) / ( r4 - r5 ) + m4;\n\t\t} else if ( roughness >= r6 ) {\n\t\t\tmip = ( r5 - roughness ) * ( m6 - m5 ) / ( r5 - r6 ) + m5;\n\t\t} else {\n\t\t\tmip = - 2.0 * log2( 1.16 * roughness );\t\t}\n\t\treturn mip;\n\t}\n\tvec4 textureCubeUV( sampler2D envMap, vec3 sampleDir, float roughness ) {\n\t\tfloat mip = clamp( roughnessToMip( roughness ), m0, cubeUV_maxMipLevel );\n\t\tfloat mipF = fract( mip );\n\t\tfloat mipInt = floor( mip );\n\t\tvec3 color0 = bilinearCubeUV( envMap, sampleDir, mipInt );\n\t\tif ( mipF == 0.0 ) {\n\t\t\treturn vec4( color0, 1.0 );\n\t\t} else {\n\t\t\tvec3 color1 = bilinearCubeUV( envMap, sampleDir, mipInt + 1.0 );\n\t\t\treturn vec4( mix( color0, color1, mipF ), 1.0 );\n\t\t}\n\t}\n#endif";
+  var cube_uv_reflection_fragment = "#ifdef ENVMAP_TYPE_CUBE_UV\n\t#define cubeUV_maxMipLevel 8.0\n\t#define cubeUV_minMipLevel 4.0\n\t#define cubeUV_maxTileSize 256.0\n\t#define cubeUV_minTileSize 16.0\n\tfloat getFace( vec3 direction ) {\n\t\tvec3 absDirection = abs( direction );\n\t\tfloat face = - 1.0;\n\t\tif ( absDirection.x > absDirection.z ) {\n\t\t\tif ( absDirection.x > absDirection.y )\n\t\t\t\tface = direction.x > 0.0 ? 0.0 : 3.0;\n\t\t\telse\n\t\t\t\tface = direction.y > 0.0 ? 1.0 : 4.0;\n\t\t} else {\n\t\t\tif ( absDirection.z > absDirection.y )\n\t\t\t\tface = direction.z > 0.0 ? 2.0 : 5.0;\n\t\t\telse\n\t\t\t\tface = direction.y > 0.0 ? 1.0 : 4.0;\n\t\t}\n\t\treturn face;\n\t}\n\tvec2 getUV( vec3 direction, float face ) {\n\t\tvec2 uv;\n\t\tif ( face == 0.0 ) {\n\t\t\tuv = vec2( direction.z, direction.y ) / abs( direction.x );\n\t\t} else if ( face == 1.0 ) {\n\t\t\tuv = vec2( - direction.x, - direction.z ) / abs( direction.y );\n\t\t} else if ( face == 2.0 ) {\n\t\t\tuv = vec2( - direction.x, direction.y ) / abs( direction.z );\n\t\t} else if ( face == 3.0 ) {\n\t\t\tuv = vec2( - direction.z, direction.y ) / abs( direction.x );\n\t\t} else if ( face == 4.0 ) {\n\t\t\tuv = vec2( - direction.x, direction.z ) / abs( direction.y );\n\t\t} else {\n\t\t\tuv = vec2( direction.x, direction.y ) / abs( direction.z );\n\t\t}\n\t\treturn 0.5 * ( uv + 1.0 );\n\t}\n\tvec3 bilinearCubeUV( sampler2D envMap, vec3 direction, float mipInt ) {\n\t\tfloat face = getFace( direction );\n\t\tfloat filterInt = max( cubeUV_minMipLevel - mipInt, 0.0 );\n\t\tmipInt = max( mipInt, cubeUV_minMipLevel );\n\t\tfloat faceSize = exp2( mipInt );\n\t\tfloat texelSize = 1.0 / ( 3.0 * cubeUV_maxTileSize );\n\t\tvec2 uv = getUV( direction, face ) * ( faceSize - 1.0 ) + 0.5;\n\t\tif ( face > 2.0 ) {\n\t\t\tuv.y += faceSize;\n\t\t\tface -= 3.0;\n\t\t}\n\t\tuv.x += face * faceSize;\n\t\tif ( mipInt < cubeUV_maxMipLevel ) {\n\t\t\tuv.y += 2.0 * cubeUV_maxTileSize;\n\t\t}\n\t\tuv.y += filterInt * 2.0 * cubeUV_minTileSize;\n\t\tuv.x += 3.0 * max( 0.0, cubeUV_maxTileSize - 2.0 * faceSize );\n\t\tuv *= texelSize;\n\t\treturn texture2D( envMap, uv ).rgb;\n\t}\n\t#define r0 1.0\n\t#define v0 0.339\n\t#define m0 - 2.0\n\t#define r1 0.8\n\t#define v1 0.276\n\t#define m1 - 1.0\n\t#define r4 0.4\n\t#define v4 0.046\n\t#define m4 2.0\n\t#define r5 0.305\n\t#define v5 0.016\n\t#define m5 3.0\n\t#define r6 0.21\n\t#define v6 0.0038\n\t#define m6 4.0\n\tfloat roughnessToMip( float roughness ) {\n\t\tfloat mip = 0.0;\n\t\tif ( roughness >= r1 ) {\n\t\t\tmip = ( r0 - roughness ) * ( m1 - m0 ) / ( r0 - r1 ) + m0;\n\t\t} else if ( roughness >= r4 ) {\n\t\t\tmip = ( r1 - roughness ) * ( m4 - m1 ) / ( r1 - r4 ) + m1;\n\t\t} else if ( roughness >= r5 ) {\n\t\t\tmip = ( r4 - roughness ) * ( m5 - m4 ) / ( r4 - r5 ) + m4;\n\t\t} else if ( roughness >= r6 ) {\n\t\t\tmip = ( r5 - roughness ) * ( m6 - m5 ) / ( r5 - r6 ) + m5;\n\t\t} else {\n\t\t\tmip = - 2.0 * log2( 1.16 * roughness );\t\t}\n\t\treturn mip;\n\t}\n\tvec4 textureCubeUV( sampler2D envMap, vec3 sampleDir, float roughness ) {\n\t\tfloat mip = clamp( roughnessToMip( roughness ), m0, cubeUV_maxMipLevel );\n\t\tfloat mipF = fract( mip );\n\t\tfloat mipInt = floor( mip );\n\t\tvec3 color0 = bilinearCubeUV( envMap, sampleDir, mipInt );\n\t\tif ( mipF == 0.0 ) {\n\t\t\treturn vec4( color0, 1.0 );\n\t\t} else {\n\t\t\tvec3 color1 = bilinearCubeUV( envMap, sampleDir, mipInt + 1.0 );\n\t\t\treturn vec4( mix( color0, color1, mipF ), 1.0 );\n\t\t}\n\t}\n#endif";
 
   var defaultnormal_vertex = "vec3 transformedNormal = objectNormal;\n#ifdef USE_INSTANCING\n\tmat3 m = mat3( instanceMatrix );\n\ttransformedNormal /= vec3( dot( m[ 0 ], m[ 0 ] ), dot( m[ 1 ], m[ 1 ] ), dot( m[ 2 ], m[ 2 ] ) );\n\ttransformedNormal = m * transformedNormal;\n#endif\ntransformedNormal = normalMatrix * transformedNormal;\n#ifdef FLIP_SIDED\n\ttransformedNormal = - transformedNormal;\n#endif\n#ifdef USE_TANGENT\n\tvec3 transformedTangent = ( modelViewMatrix * vec4( objectTangent, 0.0 ) ).xyz;\n\t#ifdef FLIP_SIDED\n\t\ttransformedTangent = - transformedTangent;\n\t#endif\n#endif";
 
@@ -12993,11 +12924,11 @@
 
   var encodings_fragment = "gl_FragColor = linearToOutputTexel( gl_FragColor );";
 
-  var encodings_pars_fragment = "\nvec4 LinearToLinear( in vec4 value ) {\n\treturn value;\n}\nvec4 GammaToLinear( in vec4 value, in float gammaFactor ) {\n\treturn vec4( pow( value.rgb, vec3( gammaFactor ) ), value.a );\n}\nvec4 LinearToGamma( in vec4 value, in float gammaFactor ) {\n\treturn vec4( pow( value.rgb, vec3( 1.0 / gammaFactor ) ), value.a );\n}\nvec4 sRGBToLinear( in vec4 value ) {\n\treturn vec4( mix( pow( value.rgb * 0.9478672986 + vec3( 0.0521327014 ), vec3( 2.4 ) ), value.rgb * 0.0773993808, vec3( lessThanEqual( value.rgb, vec3( 0.04045 ) ) ) ), value.a );\n}\nvec4 LinearTosRGB( in vec4 value ) {\n\treturn vec4( mix( pow( value.rgb, vec3( 0.41666 ) ) * 1.055 - vec3( 0.055 ), value.rgb * 12.92, vec3( lessThanEqual( value.rgb, vec3( 0.0031308 ) ) ) ), value.a );\n}\nvec4 RGBEToLinear( in vec4 value ) {\n\treturn vec4( value.rgb * exp2( value.a * 255.0 - 128.0 ), 1.0 );\n}\nvec4 LinearToRGBE( in vec4 value ) {\n\tfloat maxComponent = max( max( value.r, value.g ), value.b );\n\tfloat fExp = clamp( ceil( log2( maxComponent ) ), -128.0, 127.0 );\n\treturn vec4( value.rgb / exp2( fExp ), ( fExp + 128.0 ) / 255.0 );\n}\nvec4 RGBMToLinear( in vec4 value, in float maxRange ) {\n\treturn vec4( value.rgb * value.a * maxRange, 1.0 );\n}\nvec4 LinearToRGBM( in vec4 value, in float maxRange ) {\n\tfloat maxRGB = max( value.r, max( value.g, value.b ) );\n\tfloat M = clamp( maxRGB / maxRange, 0.0, 1.0 );\n\tM = ceil( M * 255.0 ) / 255.0;\n\treturn vec4( value.rgb / ( M * maxRange ), M );\n}\nvec4 RGBDToLinear( in vec4 value, in float maxRange ) {\n\treturn vec4( value.rgb * ( ( maxRange / 255.0 ) / value.a ), 1.0 );\n}\nvec4 LinearToRGBD( in vec4 value, in float maxRange ) {\n\tfloat maxRGB = max( value.r, max( value.g, value.b ) );\n\tfloat D = max( maxRange / maxRGB, 1.0 );\n\tD = clamp( floor( D ) / 255.0, 0.0, 1.0 );\n\treturn vec4( value.rgb * ( D * ( 255.0 / maxRange ) ), D );\n}\nconst mat3 cLogLuvM = mat3( 0.2209, 0.3390, 0.4184, 0.1138, 0.6780, 0.7319, 0.0102, 0.1130, 0.2969 );\nvec4 LinearToLogLuv( in vec4 value ) {\n\tvec3 Xp_Y_XYZp = cLogLuvM * value.rgb;\n\tXp_Y_XYZp = max( Xp_Y_XYZp, vec3( 1e-6, 1e-6, 1e-6 ) );\n\tvec4 vResult;\n\tvResult.xy = Xp_Y_XYZp.xy / Xp_Y_XYZp.z;\n\tfloat Le = 2.0 * log2(Xp_Y_XYZp.y) + 127.0;\n\tvResult.w = fract( Le );\n\tvResult.z = ( Le - ( floor( vResult.w * 255.0 ) ) / 255.0 ) / 255.0;\n\treturn vResult;\n}\nconst mat3 cLogLuvInverseM = mat3( 6.0014, -2.7008, -1.7996, -1.3320, 3.1029, -5.7721, 0.3008, -1.0882, 5.6268 );\nvec4 LogLuvToLinear( in vec4 value ) {\n\tfloat Le = value.z * 255.0 + value.w;\n\tvec3 Xp_Y_XYZp;\n\tXp_Y_XYZp.y = exp2( ( Le - 127.0 ) / 2.0 );\n\tXp_Y_XYZp.z = Xp_Y_XYZp.y / value.y;\n\tXp_Y_XYZp.x = value.x * Xp_Y_XYZp.z;\n\tvec3 vRGB = cLogLuvInverseM * Xp_Y_XYZp.rgb;\n\treturn vec4( max( vRGB, 0.0 ), 1.0 );\n}";
+  var encodings_pars_fragment = "vec4 LinearToLinear( in vec4 value ) {\n\treturn value;\n}\nvec4 sRGBToLinear( in vec4 value ) {\n\treturn vec4( mix( pow( value.rgb * 0.9478672986 + vec3( 0.0521327014 ), vec3( 2.4 ) ), value.rgb * 0.0773993808, vec3( lessThanEqual( value.rgb, vec3( 0.04045 ) ) ) ), value.a );\n}\nvec4 LinearTosRGB( in vec4 value ) {\n\treturn vec4( mix( pow( value.rgb, vec3( 0.41666 ) ) * 1.055 - vec3( 0.055 ), value.rgb * 12.92, vec3( lessThanEqual( value.rgb, vec3( 0.0031308 ) ) ) ), value.a );\n}";
 
   var envmap_fragment = "#ifdef USE_ENVMAP\n\t#ifdef ENV_WORLDPOS\n\t\tvec3 cameraToFrag;\n\t\tif ( isOrthographic ) {\n\t\t\tcameraToFrag = normalize( vec3( - viewMatrix[ 0 ][ 2 ], - viewMatrix[ 1 ][ 2 ], - viewMatrix[ 2 ][ 2 ] ) );\n\t\t} else {\n\t\t\tcameraToFrag = normalize( vWorldPosition - cameraPosition );\n\t\t}\n\t\tvec3 worldNormal = inverseTransformDirection( normal, viewMatrix );\n\t\t#ifdef ENVMAP_MODE_REFLECTION\n\t\t\tvec3 reflectVec = reflect( cameraToFrag, worldNormal );\n\t\t#else\n\t\t\tvec3 reflectVec = refract( cameraToFrag, worldNormal, refractionRatio );\n\t\t#endif\n\t#else\n\t\tvec3 reflectVec = vReflect;\n\t#endif\n\t#ifdef ENVMAP_TYPE_CUBE\n\t\tvec4 envColor = textureCube( envMap, vec3( flipEnvMap * reflectVec.x, reflectVec.yz ) );\n\t\tenvColor = envMapTexelToLinear( envColor );\n\t#elif defined( ENVMAP_TYPE_CUBE_UV )\n\t\tvec4 envColor = textureCubeUV( envMap, reflectVec, 0.0 );\n\t#else\n\t\tvec4 envColor = vec4( 0.0 );\n\t#endif\n\t#ifdef ENVMAP_BLENDING_MULTIPLY\n\t\toutgoingLight = mix( outgoingLight, outgoingLight * envColor.xyz, specularStrength * reflectivity );\n\t#elif defined( ENVMAP_BLENDING_MIX )\n\t\toutgoingLight = mix( outgoingLight, envColor.xyz, specularStrength * reflectivity );\n\t#elif defined( ENVMAP_BLENDING_ADD )\n\t\toutgoingLight += envColor.xyz * specularStrength * reflectivity;\n\t#endif\n#endif";
 
-  var envmap_common_pars_fragment = "#ifdef USE_ENVMAP\n\tuniform float envMapIntensity;\n\tuniform float flipEnvMap;\n\tuniform int maxMipLevel;\n\t#ifdef ENVMAP_TYPE_CUBE\n\t\tuniform samplerCube envMap;\n\t#else\n\t\tuniform sampler2D envMap;\n\t#endif\n\t\n#endif";
+  var envmap_common_pars_fragment = "#ifdef USE_ENVMAP\n\tuniform float envMapIntensity;\n\tuniform float flipEnvMap;\n\t#ifdef ENVMAP_TYPE_CUBE\n\t\tuniform samplerCube envMap;\n\t#else\n\t\tuniform sampler2D envMap;\n\t#endif\n\t\n#endif";
 
   var envmap_pars_fragment = "#ifdef USE_ENVMAP\n\tuniform float reflectivity;\n\t#if defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG )\n\t\t#define ENV_WORLDPOS\n\t#endif\n\t#ifdef ENV_WORLDPOS\n\t\tvarying vec3 vWorldPosition;\n\t\tuniform float refractionRatio;\n\t#else\n\t\tvarying vec3 vReflect;\n\t#endif\n#endif";
 
@@ -13013,7 +12944,7 @@
 
   var fog_pars_fragment = "#ifdef USE_FOG\n\tuniform vec3 fogColor;\n\tvarying float vFogDepth;\n\t#ifdef FOG_EXP2\n\t\tuniform float fogDensity;\n\t#else\n\t\tuniform float fogNear;\n\t\tuniform float fogFar;\n\t#endif\n#endif";
 
-  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 texture2D( gradientMap, coord ).rgb;\n\t#else\n\t\treturn ( coord.x < 0.7 ) ? vec3( 0.7 ) : vec3( 1.0 );\n\t#endif\n}";
+  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\treturn ( coord.x < 0.7 ) ? vec3( 0.7 ) : vec3( 1.0 );\n\t#endif\n}";
 
   var lightmap_fragment = "#ifdef USE_LIGHTMAP\n\tvec4 lightMapTexel = texture2D( lightMap, vUv2 );\n\tvec3 lightMapIrradiance = lightMapTexelToLinear( lightMapTexel ).rgb * lightMapIntensity;\n\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\tlightMapIrradiance *= PI;\n\t#endif\n\treflectedLight.indirectDiffuse += lightMapIrradiance;\n#endif";
 
@@ -13035,7 +12966,7 @@
 
   var lights_physical_fragment = "PhysicalMaterial material;\nmaterial.diffuseColor = diffuseColor.rgb * ( 1.0 - metalnessFactor );\nvec3 dxy = max( abs( dFdx( geometryNormal ) ), abs( dFdy( geometryNormal ) ) );\nfloat geometryRoughness = max( max( dxy.x, dxy.y ), dxy.z );\nmaterial.roughness = max( roughnessFactor, 0.0525 );material.roughness += geometryRoughness;\nmaterial.roughness = min( material.roughness, 1.0 );\n#ifdef IOR\n\t#ifdef SPECULAR\n\t\tfloat specularIntensityFactor = specularIntensity;\n\t\tvec3 specularColorFactor = specularColor;\n\t\t#ifdef USE_SPECULARINTENSITYMAP\n\t\t\tspecularIntensityFactor *= texture2D( specularIntensityMap, vUv ).a;\n\t\t#endif\n\t\t#ifdef USE_SPECULARCOLORMAP\n\t\t\tspecularColorFactor *= specularColorMapTexelToLinear( texture2D( specularColorMap, vUv ) ).rgb;\n\t\t#endif\n\t\tmaterial.specularF90 = mix( specularIntensityFactor, 1.0, metalnessFactor );\n\t#else\n\t\tfloat specularIntensityFactor = 1.0;\n\t\tvec3 specularColorFactor = vec3( 1.0 );\n\t\tmaterial.specularF90 = 1.0;\n\t#endif\n\tmaterial.specularColor = mix( min( pow2( ( ior - 1.0 ) / ( ior + 1.0 ) ) * specularColorFactor, vec3( 1.0 ) ) * specularIntensityFactor, diffuseColor.rgb, metalnessFactor );\n#else\n\tmaterial.specularColor = mix( vec3( 0.04 ), diffuseColor.rgb, metalnessFactor );\n\tmaterial.specularF90 = 1.0;\n#endif\n#ifdef USE_CLEARCOAT\n\tmaterial.clearcoat = clearcoat;\n\tmaterial.clearcoatRoughness = clearcoatRoughness;\n\tmaterial.clearcoatF0 = vec3( 0.04 );\n\tmaterial.clearcoatF90 = 1.0;\n\t#ifdef USE_CLEARCOATMAP\n\t\tmaterial.clearcoat *= texture2D( clearcoatMap, vUv ).x;\n\t#endif\n\t#ifdef USE_CLEARCOAT_ROUGHNESSMAP\n\t\tmaterial.clearcoatRoughness *= texture2D( clearcoatRoughnessMap, vUv ).y;\n\t#endif\n\tmaterial.clearcoat = saturate( material.clearcoat );\tmaterial.clearcoatRoughness = max( material.clearcoatRoughness, 0.0525 );\n\tmaterial.clearcoatRoughness += geometryRoughness;\n\tmaterial.clearcoatRoughness = min( material.clearcoatRoughness, 1.0 );\n#endif\n#ifdef USE_SHEEN\n\tmaterial.sheenColor = sheenColor;\n\t#ifdef USE_SHEENCOLORMAP\n\t\tmaterial.sheenColor *= sheenColorMapTexelToLinear( texture2D( sheenColorMap, vUv ) ).rgb;\n\t#endif\n\tmaterial.sheenRoughness = clamp( sheenRoughness, 0.07, 1.0 );\n\t#ifdef USE_SHEENROUGHNESSMAP\n\t\tmaterial.sheenRoughness *= texture2D( sheenRoughnessMap, vUv ).a;\n\t#endif\n#endif";
 
-  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_SHEEN\n\t\tvec3 sheenColor;\n\t\tfloat sheenRoughness;\n\t#endif\n};\nvec3 clearcoatSpecular = vec3( 0.0 );\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}\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\tvec2 fab = DFGApprox( normal, viewDir, roughness );\n\tvec3 FssEss = specularColor * fab.x + specularF90 * fab.y;\n\tfloat Ess = fab.x + fab.y;\n\tfloat Ems = 1.0 - Ess;\n\tvec3 Favg = specularColor + ( 1.0 - specularColor ) * 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 GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\t\tvec3 normal = geometry.normal;\n\t\tvec3 viewDir = geometry.viewDir;\n\t\tvec3 position = geometry.position;\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 GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\tfloat dotNL = saturate( dot( geometry.normal, directLight.direction ) );\n\tvec3 irradiance = dotNL * directLight.color;\n\t#ifdef USE_CLEARCOAT\n\t\tfloat dotNLcc = saturate( dot( geometry.clearcoatNormal, directLight.direction ) );\n\t\tvec3 ccIrradiance = dotNLcc * directLight.color;\n\t\tclearcoatSpecular += ccIrradiance * BRDF_GGX( directLight.direction, geometry.viewDir, geometry.clearcoatNormal, material.clearcoatF0, material.clearcoatF90, material.clearcoatRoughness );\n\t#endif\n\t#ifdef USE_SHEEN\n\t\treflectedLight.directSpecular += irradiance * BRDF_Sheen( directLight.direction, geometry.viewDir, geometry.normal, material.sheenColor, material.sheenRoughness );\n\t#endif\n\treflectedLight.directSpecular += irradiance * BRDF_GGX( directLight.direction, geometry.viewDir, geometry.normal, material.specularColor, material.specularF90, material.roughness );\n\treflectedLight.directDiffuse += irradiance * BRDF_Lambert( material.diffuseColor );\n}\nvoid RE_IndirectDiffuse_Physical( const in vec3 irradiance, const in GeometricContext geometry, 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 GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight) {\n\t#ifdef USE_CLEARCOAT\n\t\tclearcoatSpecular += clearcoatRadiance * EnvironmentBRDF( geometry.clearcoatNormal, geometry.viewDir, material.clearcoatF0, material.clearcoatF90, material.clearcoatRoughness );\n\t#endif\n\tvec3 singleScattering = vec3( 0.0 );\n\tvec3 multiScattering = vec3( 0.0 );\n\tvec3 cosineWeightedIrradiance = irradiance * RECIPROCAL_PI;\n\tcomputeMultiscattering( geometry.normal, geometry.viewDir, material.specularColor, material.specularF90, material.roughness, singleScattering, multiScattering );\n\tvec3 diffuse = material.diffuseColor * ( 1.0 - ( singleScattering + multiScattering ) );\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\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_SHEEN\n\t\tvec3 sheenColor;\n\t\tfloat sheenRoughness;\n\t#endif\n};\nvec3 clearcoatSpecular = vec3( 0.0 );\nvec3 sheenSpecular = vec3( 0.0 );\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}\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\tvec2 fab = DFGApprox( normal, viewDir, roughness );\n\tvec3 FssEss = specularColor * fab.x + specularF90 * fab.y;\n\tfloat Ess = fab.x + fab.y;\n\tfloat Ems = 1.0 - Ess;\n\tvec3 Favg = specularColor + ( 1.0 - specularColor ) * 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 GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\t\tvec3 normal = geometry.normal;\n\t\tvec3 viewDir = geometry.viewDir;\n\t\tvec3 position = geometry.position;\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 GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\tfloat dotNL = saturate( dot( geometry.normal, directLight.direction ) );\n\tvec3 irradiance = dotNL * directLight.color;\n\t#ifdef USE_CLEARCOAT\n\t\tfloat dotNLcc = saturate( dot( geometry.clearcoatNormal, directLight.direction ) );\n\t\tvec3 ccIrradiance = dotNLcc * directLight.color;\n\t\tclearcoatSpecular += ccIrradiance * BRDF_GGX( directLight.direction, geometry.viewDir, geometry.clearcoatNormal, material.clearcoatF0, material.clearcoatF90, material.clearcoatRoughness );\n\t#endif\n\t#ifdef USE_SHEEN\n\t\tsheenSpecular += irradiance * BRDF_Sheen( directLight.direction, geometry.viewDir, geometry.normal, material.sheenColor, material.sheenRoughness );\n\t#endif\n\treflectedLight.directSpecular += irradiance * BRDF_GGX( directLight.direction, geometry.viewDir, geometry.normal, material.specularColor, material.specularF90, material.roughness );\n\treflectedLight.directDiffuse += irradiance * BRDF_Lambert( material.diffuseColor );\n}\nvoid RE_IndirectDiffuse_Physical( const in vec3 irradiance, const in GeometricContext geometry, 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 GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight) {\n\t#ifdef USE_CLEARCOAT\n\t\tclearcoatSpecular += clearcoatRadiance * EnvironmentBRDF( geometry.clearcoatNormal, geometry.viewDir, material.clearcoatF0, material.clearcoatF90, material.clearcoatRoughness );\n\t#endif\n\t#ifdef USE_SHEEN\n\t\tsheenSpecular += irradiance * material.sheenColor * IBLSheenBRDF( geometry.normal, geometry.viewDir, material.sheenRoughness );\n\t#endif\n\tvec3 singleScattering = vec3( 0.0 );\n\tvec3 multiScattering = vec3( 0.0 );\n\tvec3 cosineWeightedIrradiance = irradiance * RECIPROCAL_PI;\n\tcomputeMultiscattering( geometry.normal, geometry.viewDir, material.specularColor, material.specularF90, material.roughness, singleScattering, multiScattering );\n\tvec3 diffuse = material.diffuseColor * ( 1.0 - ( singleScattering + multiScattering ) );\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 = "\nGeometricContext geometry;\ngeometry.position = - vViewPosition;\ngeometry.normal = normal;\ngeometry.viewDir = ( isOrthographic ) ? vec3( 0, 0, 1 ) : normalize( vViewPosition );\n#ifdef USE_CLEARCOAT\n\tgeometry.clearcoatNormal = clearcoatNormal;\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, geometry, directLight );\n\t\t#if defined( USE_SHADOWMAP ) && ( UNROLLED_LOOP_INDEX < NUM_POINT_LIGHT_SHADOWS )\n\t\tpointLightShadow = pointLightShadows[ i ];\n\t\tdirectLight.color *= all( bvec2( 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, geometry, 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\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, geometry, directLight );\n\t\t#if defined( USE_SHADOWMAP ) && ( UNROLLED_LOOP_INDEX < NUM_SPOT_LIGHT_SHADOWS )\n\t\tspotLightShadow = spotLightShadows[ i ];\n\t\tdirectLight.color *= all( bvec2( directLight.visible, receiveShadow ) ) ? getShadow( spotShadowMap[ i ], spotLightShadow.shadowMapSize, spotLightShadow.shadowBias, spotLightShadow.shadowRadius, vSpotShadowCoord[ i ] ) : 1.0;\n\t\t#endif\n\t\tRE_Direct( directLight, geometry, 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, geometry, directLight );\n\t\t#if defined( USE_SHADOWMAP ) && ( UNROLLED_LOOP_INDEX < NUM_DIR_LIGHT_SHADOWS )\n\t\tdirectionalLightShadow = directionalLightShadows[ i ];\n\t\tdirectLight.color *= all( bvec2( 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, geometry, 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, geometry, 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\tirradiance += getLightProbeIrradiance( lightProbe, geometry.normal );\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 ], geometry.normal );\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";
 
@@ -13191,7 +13122,7 @@
 
   const vertex$5 = "#define STANDARD\nvarying vec3 vViewPosition;\n#ifdef USE_TRANSMISSION\n\tvarying vec3 vWorldPosition;\n#endif\n#include <common>\n#include <uv_pars_vertex>\n#include <uv2_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 <uv2_vertex>\n\t#include <color_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 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 SPECULAR\n\tuniform float specularIntensity;\n\tuniform vec3 specularColor;\n\t#ifdef USE_SPECULARINTENSITYMAP\n\t\tuniform sampler2D specularIntensityMap;\n\t#endif\n\t#ifdef USE_SPECULARCOLORMAP\n\t\tuniform sampler2D specularColorMap;\n\t#endif\n#endif\n#ifdef USE_CLEARCOAT\n\tuniform float clearcoat;\n\tuniform float clearcoatRoughness;\n#endif\n#ifdef USE_SHEEN\n\tuniform vec3 sheenColor;\n\tuniform float sheenRoughness;\n\t#ifdef USE_SHEENCOLORMAP\n\t\tuniform sampler2D sheenColorMap;\n\t#endif\n\t#ifdef USE_SHEENROUGHNESSMAP\n\t\tuniform sampler2D sheenRoughnessMap;\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 <uv2_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <alphatest_pars_fragment>\n#include <aomap_pars_fragment>\n#include <lightmap_pars_fragment>\n#include <emissivemap_pars_fragment>\n#include <bsdfs>\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 <roughnessmap_pars_fragment>\n#include <metalnessmap_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tvec4 diffuseColor = vec4( diffuse, opacity );\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 <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_CLEARCOAT\n\t\tfloat dotNVcc = saturate( dot( geometry.clearcoatNormal, geometry.viewDir ) );\n\t\tvec3 Fcc = F_Schlick( material.clearcoatF0, material.clearcoatF90, dotNVcc );\n\t\toutgoingLight = outgoingLight * ( 1.0 - clearcoat * Fcc ) + clearcoatSpecular * clearcoat;\n\t#endif\n\t#include <output_fragment>\n\t#include <tonemapping_fragment>\n\t#include <encodings_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 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 SPECULAR\n\tuniform float specularIntensity;\n\tuniform vec3 specularColor;\n\t#ifdef USE_SPECULARINTENSITYMAP\n\t\tuniform sampler2D specularIntensityMap;\n\t#endif\n\t#ifdef USE_SPECULARCOLORMAP\n\t\tuniform sampler2D specularColorMap;\n\t#endif\n#endif\n#ifdef USE_CLEARCOAT\n\tuniform float clearcoat;\n\tuniform float clearcoatRoughness;\n#endif\n#ifdef USE_SHEEN\n\tuniform vec3 sheenColor;\n\tuniform float sheenRoughness;\n\t#ifdef USE_SHEENCOLORMAP\n\t\tuniform sampler2D sheenColorMap;\n\t#endif\n\t#ifdef USE_SHEENROUGHNESSMAP\n\t\tuniform sampler2D sheenRoughnessMap;\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 <uv2_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <alphatest_pars_fragment>\n#include <aomap_pars_fragment>\n#include <lightmap_pars_fragment>\n#include <emissivemap_pars_fragment>\n#include <bsdfs>\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 <roughnessmap_pars_fragment>\n#include <metalnessmap_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tvec4 diffuseColor = vec4( diffuse, opacity );\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 <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 + sheenSpecular;\n\t#endif\n\t#ifdef USE_CLEARCOAT\n\t\tfloat dotNVcc = saturate( dot( geometry.clearcoatNormal, geometry.viewDir ) );\n\t\tvec3 Fcc = F_Schlick( material.clearcoatF0, material.clearcoatF90, dotNVcc );\n\t\toutgoingLight = outgoingLight * ( 1.0 - material.clearcoat * Fcc ) + clearcoatSpecular * material.clearcoat;\n\t#endif\n\t#include <output_fragment>\n\t#include <tonemapping_fragment>\n\t#include <encodings_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 <uv_pars_vertex>\n#include <uv2_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 <uv2_vertex>\n\t#include <color_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}";
 
@@ -13379,8 +13310,7 @@
   		flipEnvMap: { value: - 1 },
   		reflectivity: { value: 1.0 }, // basic, lambert, phong
   		ior: { value: 1.5 }, // standard, physical
-  		refractionRatio: { value: 0.98 },
-  		maxMipLevel: { value: 0 }
+  		refractionRatio: { value: 0.98 }
 
   	},
 
@@ -14795,10 +14725,8 @@
 
   	}
 
-  	/* eslint-disable no-undef */
   	const isWebGL2 = ( typeof WebGL2RenderingContext !== 'undefined' && gl instanceof WebGL2RenderingContext ) ||
   		( typeof WebGL2ComputeRenderingContext !== 'undefined' && gl instanceof WebGL2ComputeRenderingContext );
-  	/* eslint-enable no-undef */
 
   	let precision = parameters.precision !== undefined ? parameters.precision : 'highp';
   	const maxPrecision = getMaxPrecision( precision );
@@ -15288,12 +15216,7 @@
 
   const ENCODINGS = {
   	[ LinearEncoding ]: 0,
-  	[ sRGBEncoding ]: 1,
-  	[ RGBEEncoding ]: 2,
-  	[ RGBM7Encoding ]: 3,
-  	[ RGBM16Encoding ]: 4,
-  	[ RGBDEncoding ]: 5,
-  	[ GammaEncoding ]: 6
+  	[ sRGBEncoding ]: 1
   };
 
   const _flatCamera = /*@__PURE__*/ new OrthographicCamera();
@@ -15377,7 +15300,7 @@
 
   	/**
   	 * Generates a PMREM from an equirectangular texture, which can be either LDR
-  	 * (RGBFormat) or HDR (RGBEFormat). The ideal input image size is 1k (1024 x 512),
+  	 * or HDR. The ideal input image size is 1k (1024 x 512),
   	 * as this matches best with the 256 x 256 cubemap output.
   	 */
   	fromEquirectangular( equirectangular ) {
@@ -15388,7 +15311,7 @@
 
   	/**
   	 * Generates a PMREM from an cubemap texture, which can be either LDR
-  	 * (RGBFormat) or HDR (RGBEFormat). The ideal input cube size is 256 x 256,
+  	 * or HDR. The ideal input cube size is 256 x 256,
   	 * as this matches best with the 256 x 256 cubemap output.
   	 */
   	fromCubemap( cubemap ) {
@@ -15473,12 +15396,12 @@
   	_allocateTargets( texture ) { // warning: null texture is valid
 
   		const params = {
-  			magFilter: NearestFilter,
-  			minFilter: NearestFilter,
+  			magFilter: LinearFilter,
+  			minFilter: LinearFilter,
   			generateMipmaps: false,
-  			type: UnsignedByteType,
-  			format: RGBEFormat,
-  			encoding: _isLDR( texture ) ? texture.encoding : RGBEEncoding,
+  			type: HalfFloatType,
+  			format: RGBAFormat,
+  			encoding: LinearEncoding,
   			depthBuffer: false
   		};
 
@@ -15506,12 +15429,10 @@
   		const renderer = this._renderer;
 
   		const originalAutoClear = renderer.autoClear;
-  		const outputEncoding = renderer.outputEncoding;
   		const toneMapping = renderer.toneMapping;
   		renderer.getClearColor( _clearColor );
 
   		renderer.toneMapping = NoToneMapping;
-  		renderer.outputEncoding = LinearEncoding;
   		renderer.autoClear = false;
 
   		const backgroundMaterial = new MeshBasicMaterial( {
@@ -15581,7 +15502,6 @@
   		backgroundBox.material.dispose();
 
   		renderer.toneMapping = toneMapping;
-  		renderer.outputEncoding = outputEncoding;
   		renderer.autoClear = originalAutoClear;
   		scene.background = background;
 
@@ -15639,7 +15559,6 @@
   		}
 
   		this._setEncoding( uniforms[ 'inputEncoding' ], texture );
-  		this._setEncoding( uniforms[ 'outputEncoding' ], cubeUVRenderTarget.texture );
 
   		_setViewport( cubeUVRenderTarget, 0, 0, 3 * SIZE_MAX, 2 * SIZE_MAX );
 
@@ -15771,9 +15690,6 @@
   		blurUniforms[ 'dTheta' ].value = radiansPerPixel;
   		blurUniforms[ 'mipInt' ].value = LOD_MAX - lodIn;
 
-  		this._setEncoding( blurUniforms[ 'inputEncoding' ], targetIn.texture );
-  		this._setEncoding( blurUniforms[ 'outputEncoding' ], targetIn.texture );
-
   		const outputSize = _sizeLods[ lodOut ];
   		const x = 3 * Math.max( 0, SIZE_MAX - 2 * outputSize );
   		const y = ( lodOut === 0 ? 0 : 2 * SIZE_MAX ) + 2 * outputSize * ( lodOut > LOD_MAX - LOD_MIN ? lodOut - LOD_MAX + LOD_MIN : 0 );
@@ -15786,14 +15702,6 @@
 
   }
 
-  function _isLDR( texture ) {
-
-  	if ( texture === undefined || texture.type !== UnsignedByteType ) return false;
-
-  	return texture.encoding === LinearEncoding || texture.encoding === sRGBEncoding || texture.encoding === GammaEncoding;
-
-  }
-
   function _createPlanes() {
 
   	const _lodPlanes = [];
@@ -15906,9 +15814,7 @@
   			'latitudinal': { value: false },
   			'dTheta': { value: 0 },
   			'mipInt': { value: 0 },
-  			'poleAxis': { value: poleAxis },
-  			'inputEncoding': { value: ENCODINGS[ LinearEncoding ] },
-  			'outputEncoding': { value: ENCODINGS[ LinearEncoding ] }
+  			'poleAxis': { value: poleAxis }
   		},
 
   		vertexShader: _getCommonVertexShader(),
@@ -15974,8 +15880,6 @@
 
 				}
 
-				gl_FragColor = linearToOutputTexel( gl_FragColor );
-
 			}
 		`,
 
@@ -15999,8 +15903,7 @@
   		uniforms: {
   			'envMap': { value: null },
   			'texelSize': { value: texelSize },
-  			'inputEncoding': { value: ENCODINGS[ LinearEncoding ] },
-  			'outputEncoding': { value: ENCODINGS[ LinearEncoding ] }
+  			'inputEncoding': { value: ENCODINGS[ LinearEncoding ] }
   		},
 
   		vertexShader: _getCommonVertexShader(),
@@ -16040,8 +15943,6 @@
 				vec3 bm = mix( bl, br, f.x );
 				gl_FragColor.rgb = mix( tm, bm, f.y );
 
-				gl_FragColor = linearToOutputTexel( gl_FragColor );
-
 			}
 		`,
 
@@ -16063,8 +15964,7 @@
 
   		uniforms: {
   			'envMap': { value: null },
-  			'inputEncoding': { value: ENCODINGS[ LinearEncoding ] },
-  			'outputEncoding': { value: ENCODINGS[ LinearEncoding ] }
+  			'inputEncoding': { value: ENCODINGS[ LinearEncoding ] }
   		},
 
   		vertexShader: _getCommonVertexShader(),
@@ -16082,9 +15982,7 @@
 
 			void main() {
 
-				gl_FragColor = vec4( 0.0, 0.0, 0.0, 1.0 );
-				gl_FragColor.rgb = envMapTexelToLinear( textureCube( envMap, vec3( - vOutputDirection.x, vOutputDirection.yz ) ) ).rgb;
-				gl_FragColor = linearToOutputTexel( gl_FragColor );
+				gl_FragColor = envMapTexelToLinear( textureCube( envMap, vec3( - vOutputDirection.x, vOutputDirection.yz ) ) );
 
 			}
 		`,
@@ -16167,7 +16065,6 @@
   	return /* glsl */`
 
 		uniform int inputEncoding;
-		uniform int outputEncoding;
 
 		#include <encodings_pars_fragment>
 
@@ -16177,63 +16074,9 @@
 
 				return value;
 
-			} else if ( inputEncoding == 1 ) {
-
-				return sRGBToLinear( value );
-
-			} else if ( inputEncoding == 2 ) {
-
-				return RGBEToLinear( value );
-
-			} else if ( inputEncoding == 3 ) {
-
-				return RGBMToLinear( value, 7.0 );
-
-			} else if ( inputEncoding == 4 ) {
-
-				return RGBMToLinear( value, 16.0 );
-
-			} else if ( inputEncoding == 5 ) {
-
-				return RGBDToLinear( value, 256.0 );
-
-			} else {
-
-				return GammaToLinear( value, 2.2 );
-
-			}
-
-		}
-
-		vec4 linearToOutputTexel( vec4 value ) {
-
-			if ( outputEncoding == 0 ) {
-
-				return value;
-
-			} else if ( outputEncoding == 1 ) {
-
-				return LinearTosRGB( value );
-
-			} else if ( outputEncoding == 2 ) {
-
-				return LinearToRGBE( value );
-
-			} else if ( outputEncoding == 3 ) {
-
-				return LinearToRGBM( value, 7.0 );
-
-			} else if ( outputEncoding == 4 ) {
-
-				return LinearToRGBM( value, 16.0 );
-
-			} else if ( outputEncoding == 5 ) {
-
-				return LinearToRGBD( value, 256.0 );
-
 			} else {
 
-				return LinearToGamma( value, 2.2 );
+				return sRGBToLinear( value );
 
 			}
 
@@ -16433,6 +16276,7 @@
 
   			getExtension( 'OES_texture_float_linear' );
   			getExtension( 'EXT_color_buffer_half_float' );
+  			getExtension( 'WEBGL_multisampled_render_to_texture' );
 
   		},
 
@@ -16800,8 +16644,6 @@
   		this.flipY = false;
   		this.unpackAlignment = 1;
 
-  		this.needsUpdate = true;
-
   	}
 
   }
@@ -16889,6 +16731,7 @@
   				const texture = new DataTexture2DArray( buffer, width, height, numberOfMorphTargets );
   				texture.format = RGBAFormat; // using RGBA since RGB might be emulated (and is thus slower)
   				texture.type = FloatType;
+  				texture.needsUpdate = true;
 
   				// fill buffer
 
@@ -17179,8 +17022,6 @@
   		this.flipY = false;
   		this.unpackAlignment = 1;
 
-  		this.needsUpdate = true;
-
   	}
 
   }
@@ -17874,7 +17715,7 @@
   }
 
 
-  // Array of textures (2D / Cube)
+  // Array of textures (2D / 3D / Cube / 2DArray)
 
   function setValueT1Array( gl, v, textures ) {
 
@@ -17892,6 +17733,22 @@
 
   }
 
+  function setValueT3DArray( gl, v, textures ) {
+
+  	const n = v.length;
+
+  	const units = allocTexUnits( textures, n );
+
+  	gl.uniform1iv( this.addr, units );
+
+  	for ( let i = 0; i !== n; ++ i ) {
+
+  		textures.setTexture3D( v[ i ] || emptyTexture3d, units[ i ] );
+
+  	}
+
+  }
+
   function setValueT6Array( gl, v, textures ) {
 
   	const n = v.length;
@@ -17908,6 +17765,23 @@
 
   }
 
+  function setValueT2DArrayArray( gl, v, textures ) {
+
+  	const n = v.length;
+
+  	const units = allocTexUnits( textures, n );
+
+  	gl.uniform1iv( this.addr, units );
+
+  	for ( let i = 0; i !== n; ++ i ) {
+
+  		textures.setTexture2DArray( v[ i ] || emptyTexture2dArray, units[ i ] );
+
+  	}
+
+  }
+
+
   // Helper to pick the right setter for a pure (bottom-level) array
 
   function getPureArraySetter( type ) {
@@ -17940,12 +17814,23 @@
   		case 0x8b62: // SAMPLER_2D_SHADOW
   			return setValueT1Array;
 
+  		case 0x8b5f: // SAMPLER_3D
+  		case 0x8dcb: // INT_SAMPLER_3D
+  		case 0x8dd3: // UNSIGNED_INT_SAMPLER_3D
+  			return setValueT3DArray;
+
   		case 0x8b60: // SAMPLER_CUBE
   		case 0x8dcc: // INT_SAMPLER_CUBE
   		case 0x8dd4: // UNSIGNED_INT_SAMPLER_CUBE
   		case 0x8dc5: // SAMPLER_CUBE_SHADOW
   			return setValueT6Array;
 
+  		case 0x8dc1: // SAMPLER_2D_ARRAY
+  		case 0x8dcf: // INT_SAMPLER_2D_ARRAY
+  		case 0x8dd7: // UNSIGNED_INT_SAMPLER_2D_ARRAY
+  		case 0x8dc4: // SAMPLER_2D_ARRAY_SHADOW
+  			return setValueT2DArrayArray;
+
   	}
 
   }
@@ -18191,18 +18076,6 @@
   			return [ 'Linear', '( value )' ];
   		case sRGBEncoding:
   			return [ 'sRGB', '( value )' ];
-  		case RGBEEncoding:
-  			return [ 'RGBE', '( value )' ];
-  		case RGBM7Encoding:
-  			return [ 'RGBM', '( value, 7.0 )' ];
-  		case RGBM16Encoding:
-  			return [ 'RGBM', '( value, 16.0 )' ];
-  		case RGBDEncoding:
-  			return [ 'RGBD', '( value, 256.0 )' ];
-  		case GammaEncoding:
-  			return [ 'Gamma', '( value, float( GAMMA_FACTOR ) )' ];
-  		case LogLuvEncoding:
-  			return [ 'LogLuv', '( value )' ];
   		default:
   			console.warn( 'THREE.WebGLProgram: Unsupported encoding:', encoding );
   			return [ 'Linear', '( value )' ];
@@ -18563,9 +18436,6 @@
   	const envMapModeDefine = generateEnvMapModeDefine( parameters );
   	const envMapBlendingDefine = generateEnvMapBlendingDefine( parameters );
 
-
-  	const gammaFactorDefine = ( renderer.gammaFactor > 0 ) ? renderer.gammaFactor : 1.0;
-
   	const customExtensions = parameters.isWebGL2 ? '' : generateExtensions( parameters );
 
   	const customDefines = generateDefines( defines );
@@ -18617,8 +18487,6 @@
 
   			parameters.supportsVertexTextures ? '#define VERTEX_TEXTURES' : '',
 
-  			'#define GAMMA_FACTOR ' + gammaFactorDefine,
-
   			'#define MAX_BONES ' + parameters.maxBones,
   			( parameters.useFog && parameters.fog ) ? '#define USE_FOG' : '',
   			( parameters.useFog && parameters.fogExp2 ) ? '#define FOG_EXP2' : '',
@@ -18767,8 +18635,6 @@
 
   			customDefines,
 
-  			'#define GAMMA_FACTOR ' + gammaFactorDefine,
-
   			( parameters.useFog && parameters.fog ) ? '#define USE_FOG' : '',
   			( parameters.useFog && parameters.fogExp2 ) ? '#define FOG_EXP2' : '',
 
@@ -18888,7 +18754,7 @@
 
   		prefixFragment = [
   			'#define varying in',
-  			( parameters.glslVersion === GLSL3 ) ? '' : 'out highp vec4 pc_fragColor;',
+  			( parameters.glslVersion === GLSL3 ) ? '' : 'layout(location = 0) out highp vec4 pc_fragColor;',
   			( parameters.glslVersion === GLSL3 ) ? '' : '#define gl_FragColor pc_fragColor',
   			'#define gl_FragDepthEXT gl_FragDepth',
   			'#define texture2D texture',
@@ -19060,8 +18926,129 @@
 
   }
 
+  let _id = 0;
+
+  class WebGLShaderCache {
+
+  	constructor() {
+
+  		this.shaderCache = new Map();
+  		this.materialCache = new Map();
+
+  	}
+
+  	update( material ) {
+
+  		const vertexShader = material.vertexShader;
+  		const fragmentShader = material.fragmentShader;
+
+  		const vertexShaderStage = this._getShaderStage( vertexShader );
+  		const fragmentShaderStage = this._getShaderStage( fragmentShader );
+
+  		const materialShaders = this._getShaderCacheForMaterial( material );
+
+  		if ( materialShaders.has( vertexShaderStage ) === false ) {
+
+  			materialShaders.add( vertexShaderStage );
+  			vertexShaderStage.usedTimes ++;
+
+  		}
+
+  		if ( materialShaders.has( fragmentShaderStage ) === false ) {
+
+  			materialShaders.add( fragmentShaderStage );
+  			fragmentShaderStage.usedTimes ++;
+
+  		}
+
+  		return this;
+
+  	}
+
+  	remove( material ) {
+
+  		const materialShaders = this.materialCache.get( material );
+
+  		for ( const shaderStage of materialShaders ) {
+
+  			shaderStage.usedTimes --;
+
+  			if ( shaderStage.usedTimes === 0 ) this.shaderCache.delete( shaderStage );
+
+  		}
+
+  		this.materialCache.delete( material );
+
+  		return this;
+
+  	}
+
+  	getVertexShaderID( material ) {
+
+  		return this._getShaderStage( material.vertexShader ).id;
+
+  	}
+
+  	getFragmentShaderID( material ) {
+
+  		return this._getShaderStage( material.fragmentShader ).id;
+
+  	}
+
+  	dispose() {
+
+  		this.shaderCache.clear();
+  		this.materialCache.clear();
+
+  	}
+
+  	_getShaderCacheForMaterial( material ) {
+
+  		const cache = this.materialCache;
+
+  		if ( cache.has( material ) === false ) {
+
+  			cache.set( material, new Set() );
+
+  		}
+
+  		return cache.get( material );
+
+  	}
+
+  	_getShaderStage( code ) {
+
+  		const cache = this.shaderCache;
+
+  		if ( cache.has( code ) === false ) {
+
+  			const stage = new WebGLShaderStage();
+  			cache.set( code, stage );
+
+  		}
+
+  		return cache.get( code );
+
+  	}
+
+  }
+
+  class WebGLShaderStage {
+
+  	constructor() {
+
+  		this.id = _id ++;
+
+  		this.usedTimes = 0;
+
+  	}
+
+  }
+
   function WebGLPrograms( renderer, cubemaps, cubeuvmaps, extensions, capabilities, bindingStates, clipping ) {
 
+  	const _programLayers = new Layers();
+  	const _customShaders = new WebGLShaderCache();
   	const programs = [];
 
   	const isWebGL2 = capabilities.isWebGL2;
@@ -19069,7 +19056,6 @@
   	const floatVertexTextures = capabilities.floatVertexTextures;
   	const maxVertexUniforms = capabilities.maxVertexUniforms;
   	const vertexTextures = capabilities.vertexTextures;
-
   	let precision = capabilities.precision;
 
   	const shaderIDs = {
@@ -19090,25 +19076,6 @@
   		SpriteMaterial: 'sprite'
   	};
 
-  	const parameterNames = [
-  		'precision', 'isWebGL2', 'supportsVertexTextures', 'outputEncoding', 'instancing', 'instancingColor',
-  		'map', 'mapEncoding', 'matcap', 'matcapEncoding', 'envMap', 'envMapMode', 'envMapEncoding', 'envMapCubeUV',
-  		'lightMap', 'lightMapEncoding', 'aoMap', 'emissiveMap', 'emissiveMapEncoding', 'bumpMap', 'normalMap',
-  		'objectSpaceNormalMap', 'tangentSpaceNormalMap',
-  		'clearcoat', 'clearcoatMap', 'clearcoatRoughnessMap', 'clearcoatNormalMap',
-  		'displacementMap', 'specularMap', , 'roughnessMap', 'metalnessMap', 'gradientMap',
-  		'alphaMap', 'alphaTest', 'combine', 'vertexColors', 'vertexAlphas', 'vertexTangents', 'vertexUvs', 'uvsVertexOnly', 'fog', 'useFog', 'fogExp2',
-  		'flatShading', 'sizeAttenuation', 'logarithmicDepthBuffer', 'skinning',
-  		'maxBones', 'useVertexTexture', 'morphTargets', 'morphNormals', 'morphTargetsCount', 'premultipliedAlpha',
-  		'numDirLights', 'numPointLights', 'numSpotLights', 'numHemiLights', 'numRectAreaLights',
-  		'numDirLightShadows', 'numPointLightShadows', 'numSpotLightShadows',
-  		'shadowMapEnabled', 'shadowMapType', 'toneMapping', 'physicallyCorrectLights',
-  		'doubleSided', 'flipSided', 'numClippingPlanes', 'numClipIntersection', 'depthPacking', 'dithering', 'format',
-  		'specularIntensityMap', 'specularColorMap', 'specularColorMapEncoding',
-  		'transmission', 'transmissionMap', 'thicknessMap',
-  		'sheen', 'sheenColorMap', 'sheenColorMapEncoding', 'sheenRoughnessMap'
-  	];
-
   	function getMaxBones( object ) {
 
   		const skeleton = object.skeleton;
@@ -19201,6 +19168,7 @@
   		}
 
   		let vertexShader, fragmentShader;
+  		let customVertexShaderID, customFragmentShaderID;
 
   		if ( shaderID ) {
 
@@ -19214,6 +19182,11 @@
   			vertexShader = material.vertexShader;
   			fragmentShader = material.fragmentShader;
 
+  			_customShaders.update( material );
+
+  			customVertexShaderID = _customShaders.getVertexShaderID( material );
+  			customFragmentShaderID = _customShaders.getFragmentShaderID( material );
+
   		}
 
   		const currentRenderTarget = renderer.getRenderTarget();
@@ -19232,6 +19205,9 @@
   			fragmentShader: fragmentShader,
   			defines: material.defines,
 
+  			customVertexShaderID: customVertexShaderID,
+  			customFragmentShaderID: customFragmentShaderID,
+
   			isRawShaderMaterial: material.isRawShaderMaterial === true,
   			glslVersion: material.glslVersion,
 
@@ -19292,8 +19268,8 @@
   			vertexTangents: ( !! material.normalMap && !! object.geometry && !! object.geometry.attributes.tangent ),
   			vertexColors: material.vertexColors,
   			vertexAlphas: material.vertexColors === true && !! object.geometry && !! object.geometry.attributes.color && object.geometry.attributes.color.itemSize === 4,
-  			vertexUvs: !! material.map || !! material.bumpMap || !! material.normalMap || !! material.specularMap || !! material.alphaMap || !! material.emissiveMap || !! material.roughnessMap || !! material.metalnessMap || !! material.clearcoatMap || !! material.clearcoatRoughnessMap || !! material.clearcoatNormalMap || !! material.displacementMap || !! material.transmissionMap || !! material.thicknessMap || !! material.specularIntensityMap || !! material.specularColorMap || !! material.sheenColorMap || material.sheenRoughnessMap,
-  			uvsVertexOnly: ! ( !! material.map || !! material.bumpMap || !! material.normalMap || !! material.specularMap || !! material.alphaMap || !! material.emissiveMap || !! material.roughnessMap || !! material.metalnessMap || !! material.clearcoatNormalMap || material.transmission > 0 || !! material.transmissionMap || !! material.thicknessMap || !! material.specularIntensityMap || !! material.specularColorMap || !! material.sheen > 0 || !! material.sheenColorMap || !! material.sheenRoughnessMap ) && !! material.displacementMap,
+  			vertexUvs: !! material.map || !! material.bumpMap || !! material.normalMap || !! material.specularMap || !! material.alphaMap || !! material.emissiveMap || !! material.roughnessMap || !! material.metalnessMap || !! material.clearcoatMap || !! material.clearcoatRoughnessMap || !! material.clearcoatNormalMap || !! material.displacementMap || !! material.transmissionMap || !! material.thicknessMap || !! material.specularIntensityMap || !! material.specularColorMap || !! material.sheenColorMap || !! material.sheenRoughnessMap,
+  			uvsVertexOnly: ! ( !! material.map || !! material.bumpMap || !! material.normalMap || !! material.specularMap || !! material.alphaMap || !! material.emissiveMap || !! material.roughnessMap || !! material.metalnessMap || !! material.clearcoatNormalMap || material.transmission > 0 || !! material.transmissionMap || !! material.thicknessMap || !! material.specularIntensityMap || !! material.specularColorMap || material.sheen > 0 || !! material.sheenColorMap || !! material.sheenRoughnessMap ) && !! material.displacementMap,
 
   			fog: !! fog,
   			useFog: material.fog,
@@ -19370,8 +19346,8 @@
 
   		} else {
 
-  			array.push( hashString( parameters.fragmentShader ) );
-  			array.push( hashString( parameters.vertexShader ) );
+  			array.push( parameters.customVertexShaderID );
+  			array.push( parameters.customFragmentShaderID );
 
   		}
 
@@ -19388,14 +19364,9 @@
 
   		if ( parameters.isRawShaderMaterial === false ) {
 
-  			for ( let i = 0; i < parameterNames.length; i ++ ) {
-
-  				array.push( parameters[ parameterNames[ i ] ] );
-
-  			}
-
+  			getProgramCacheKeyParameters( array, parameters );
+  			getProgramCacheKeyBooleans( array, parameters );
   			array.push( renderer.outputEncoding );
-  			array.push( renderer.gammaFactor );
 
   		}
 
@@ -19405,6 +19376,161 @@
 
   	}
 
+  	function getProgramCacheKeyParameters( array, parameters ) {
+
+  		array.push( parameters.precision );
+  		array.push( parameters.outputEncoding );
+  		array.push( parameters.mapEncoding );
+  		array.push( parameters.matcapEncoding );
+  		array.push( parameters.envMapMode );
+  		array.push( parameters.envMapEncoding );
+  		array.push( parameters.lightMapEncoding );
+  		array.push( parameters.emissiveMapEncoding );
+  		array.push( parameters.combine );
+  		array.push( parameters.vertexUvs );
+  		array.push( parameters.fogExp2 );
+  		array.push( parameters.sizeAttenuation );
+  		array.push( parameters.maxBones );
+  		array.push( parameters.morphTargetsCount );
+  		array.push( parameters.numDirLights );
+  		array.push( parameters.numPointLights );
+  		array.push( parameters.numSpotLights );
+  		array.push( parameters.numHemiLights );
+  		array.push( parameters.numRectAreaLights );
+  		array.push( parameters.numDirLightShadows );
+  		array.push( parameters.numPointLightShadows );
+  		array.push( parameters.numSpotLightShadows );
+  		array.push( parameters.shadowMapType );
+  		array.push( parameters.toneMapping );
+  		array.push( parameters.numClippingPlanes );
+  		array.push( parameters.numClipIntersection );
+  		array.push( parameters.format );
+  		array.push( parameters.specularColorMapEncoding );
+  		array.push( parameters.sheenColorMapEncoding );
+
+  	}
+
+  	function getProgramCacheKeyBooleans( array, parameters ) {
+
+  		_programLayers.disableAll();
+
+  		if ( parameters.isWebGL2 )
+  			_programLayers.enable( 0 );
+  		if ( parameters.supportsVertexTextures )
+  			_programLayers.enable( 1 );
+  		if ( parameters.instancing )
+  			_programLayers.enable( 2 );
+  		if ( parameters.instancingColor )
+  			_programLayers.enable( 3 );
+  		if ( parameters.map )
+  			_programLayers.enable( 4 );
+  		if ( parameters.matcap )
+  			_programLayers.enable( 5 );
+  		if ( parameters.envMap )
+  			_programLayers.enable( 6 );
+  		if ( parameters.envMapCubeUV )
+  			_programLayers.enable( 7 );
+  		if ( parameters.lightMap )
+  			_programLayers.enable( 8 );
+  		if ( parameters.aoMap )
+  			_programLayers.enable( 9 );
+  		if ( parameters.emissiveMap )
+  			_programLayers.enable( 10 );
+  		if ( parameters.bumpMap )
+  			_programLayers.enable( 11 );
+  		if ( parameters.normalMap )
+  			_programLayers.enable( 12 );
+  		if ( parameters.objectSpaceNormalMap )
+  			_programLayers.enable( 13 );
+  		if ( parameters.tangentSpaceNormalMap )
+  			_programLayers.enable( 14 );
+  		if ( parameters.clearcoat )
+  			_programLayers.enable( 15 );
+  		if ( parameters.clearcoatMap )
+  			_programLayers.enable( 16 );
+  		if ( parameters.clearcoatRoughnessMap )
+  			_programLayers.enable( 17 );
+  		if ( parameters.clearcoatNormalMap )
+  			_programLayers.enable( 18 );
+  		if ( parameters.displacementMap )
+  			_programLayers.enable( 19 );
+  		if ( parameters.specularMap )
+  			_programLayers.enable( 20 );
+  		if ( parameters.roughnessMap )
+  			_programLayers.enable( 21 );
+  		if ( parameters.metalnessMap )
+  			_programLayers.enable( 22 );
+  		if ( parameters.gradientMap )
+  			_programLayers.enable( 23 );
+  		if ( parameters.alphaMap )
+  			_programLayers.enable( 24 );
+  		if ( parameters.alphaTest )
+  			_programLayers.enable( 25 );
+  		if ( parameters.vertexColors )
+  			_programLayers.enable( 26 );
+  		if ( parameters.vertexAlphas )
+  			_programLayers.enable( 27 );
+  		if ( parameters.vertexUvs )
+  			_programLayers.enable( 28 );
+  		if ( parameters.vertexTangents )
+  			_programLayers.enable( 29 );
+  		if ( parameters.uvsVertexOnly )
+  			_programLayers.enable( 30 );
+  		if ( parameters.fog )
+  			_programLayers.enable( 31 );
+
+  		array.push( _programLayers.mask );
+  		_programLayers.disableAll();
+
+  		if ( parameters.useFog )
+  			_programLayers.enable( 0 );
+  		if ( parameters.flatShading )
+  			_programLayers.enable( 1 );
+  		if ( parameters.logarithmicDepthBuffer )
+  			_programLayers.enable( 2 );
+  		if ( parameters.skinning )
+  			_programLayers.enable( 3 );
+  		if ( parameters.useVertexTexture )
+  			_programLayers.enable( 4 );
+  		if ( parameters.morphTargets )
+  			_programLayers.enable( 5 );
+  		if ( parameters.morphNormals )
+  			_programLayers.enable( 6 );
+  		if ( parameters.premultipliedAlpha )
+  			_programLayers.enable( 7 );
+  		if ( parameters.shadowMapEnabled )
+  			_programLayers.enable( 8 );
+  		if ( parameters.physicallyCorrectLights )
+  			_programLayers.enable( 9 );
+  		if ( parameters.doubleSided )
+  			_programLayers.enable( 10 );
+  		if ( parameters.flipSided )
+  			_programLayers.enable( 11 );
+  		if ( parameters.depthPacking )
+  			_programLayers.enable( 12 );
+  		if ( parameters.dithering )
+  			_programLayers.enable( 13 );
+  		if ( parameters.specularIntensityMap )
+  			_programLayers.enable( 14 );
+  		if ( parameters.specularColorMap )
+  			_programLayers.enable( 15 );
+  		if ( parameters.transmission )
+  			_programLayers.enable( 16 );
+  		if ( parameters.transmissionMap )
+  			_programLayers.enable( 17 );
+  		if ( parameters.thicknessMap )
+  			_programLayers.enable( 18 );
+  		if ( parameters.sheen )
+  			_programLayers.enable( 19 );
+  		if ( parameters.sheenColorMap )
+  			_programLayers.enable( 20 );
+  		if ( parameters.sheenRoughnessMap )
+  			_programLayers.enable( 21 );
+
+  		array.push( _programLayers.mask );
+
+  	}
+
   	function getUniforms( material ) {
 
   		const shaderID = shaderIDs[ material.type ];
@@ -19472,14 +19598,28 @@
 
   	}
 
+  	function releaseShaderCache( material ) {
+
+  		_customShaders.remove( material );
+
+  	}
+
+  	function dispose() {
+
+  		_customShaders.dispose();
+
+  	}
+
   	return {
   		getParameters: getParameters,
   		getProgramCacheKey: getProgramCacheKey,
   		getUniforms: getUniforms,
   		acquireProgram: acquireProgram,
   		releaseProgram: releaseProgram,
+  		releaseShaderCache: releaseShaderCache,
   		// Exposed for resource monitoring & error feedback via renderer.info:
-  		programs: programs
+  		programs: programs,
+  		dispose: dispose
   	};
 
   }
@@ -19540,10 +19680,6 @@
 
   		return a.renderOrder - b.renderOrder;
 
-  	} else if ( a.program !== b.program ) {
-
-  		return a.program.id - b.program.id;
-
   	} else if ( a.material.id !== b.material.id ) {
 
   		return a.material.id - b.material.id;
@@ -19583,7 +19719,7 @@
   }
 
 
-  function WebGLRenderList( properties ) {
+  function WebGLRenderList() {
 
   	const renderItems = [];
   	let renderItemsIndex = 0;
@@ -19592,8 +19728,6 @@
   	const transmissive = [];
   	const transparent = [];
 
-  	const defaultProgram = { id: - 1 };
-
   	function init() {
 
   		renderItemsIndex = 0;
@@ -19607,7 +19741,6 @@
   	function getNextRenderItem( object, geometry, material, groupOrder, z, group ) {
 
   		let renderItem = renderItems[ renderItemsIndex ];
-  		const materialProperties = properties.get( material );
 
   		if ( renderItem === undefined ) {
 
@@ -19616,7 +19749,6 @@
   				object: object,
   				geometry: geometry,
   				material: material,
-  				program: materialProperties.program || defaultProgram,
   				groupOrder: groupOrder,
   				renderOrder: object.renderOrder,
   				z: z,
@@ -19631,7 +19763,6 @@
   			renderItem.object = object;
   			renderItem.geometry = geometry;
   			renderItem.material = material;
-  			renderItem.program = materialProperties.program || defaultProgram;
   			renderItem.groupOrder = groupOrder;
   			renderItem.renderOrder = object.renderOrder;
   			renderItem.z = z;
@@ -19707,7 +19838,6 @@
   			renderItem.object = null;
   			renderItem.geometry = null;
   			renderItem.material = null;
-  			renderItem.program = null;
   			renderItem.group = null;
 
   		}
@@ -19730,7 +19860,7 @@
 
   }
 
-  function WebGLRenderLists( properties ) {
+  function WebGLRenderLists() {
 
   	let lists = new WeakMap();
 
@@ -19740,14 +19870,14 @@
 
   		if ( lists.has( scene ) === false ) {
 
-  			list = new WebGLRenderList( properties );
+  			list = new WebGLRenderList();
   			lists.set( scene, [ list ] );
 
   		} else {
 
   			if ( renderCallDepth >= lists.get( scene ).length ) {
 
-  				list = new WebGLRenderList( properties );
+  				list = new WebGLRenderList();
   				lists.get( scene ).push( list );
 
   			} else {
@@ -21242,7 +21372,6 @@
 
   	let enabledCapabilities = {};
 
-  	let xrFramebuffer = null;
   	let currentBoundFramebuffers = {};
 
   	let currentProgram = null;
@@ -21354,22 +21483,8 @@
 
   	}
 
-  	function bindXRFramebuffer( framebuffer ) {
-
-  		if ( framebuffer !== xrFramebuffer ) {
-
-  			gl.bindFramebuffer( 36160, framebuffer );
-
-  			xrFramebuffer = framebuffer;
-
-  		}
-
-  	}
-
   	function bindFramebuffer( target, framebuffer ) {
 
-  		if ( framebuffer === null && xrFramebuffer !== null ) framebuffer = xrFramebuffer; // use active XR framebuffer if available
-
   		if ( currentBoundFramebuffers[ target ] !== framebuffer ) {
 
   			gl.bindFramebuffer( target, framebuffer );
@@ -21805,6 +21920,76 @@
 
   	}
 
+  	function texSubImage2D() {
+
+  		try {
+
+  			gl.texSubImage2D.apply( gl, arguments );
+
+  		} catch ( error ) {
+
+  			console.error( 'THREE.WebGLState:', error );
+
+  		}
+
+  	}
+
+  	function texSubImage3D() {
+
+  		try {
+
+  			gl.texSubImage3D.apply( gl, arguments );
+
+  		} catch ( error ) {
+
+  			console.error( 'THREE.WebGLState:', error );
+
+  		}
+
+  	}
+
+  	function compressedTexSubImage2D() {
+
+  		try {
+
+  			gl.compressedTexSubImage2D.apply( gl, arguments );
+
+  		} catch ( error ) {
+
+  			console.error( 'THREE.WebGLState:', error );
+
+  		}
+
+  	}
+
+  	function texStorage2D() {
+
+  		try {
+
+  			gl.texStorage2D.apply( gl, arguments );
+
+  		} catch ( error ) {
+
+  			console.error( 'THREE.WebGLState:', error );
+
+  		}
+
+  	}
+
+  	function texStorage3D() {
+
+  		try {
+
+  			gl.texStorage3D.apply( gl, arguments );
+
+  		} catch ( error ) {
+
+  			console.error( 'THREE.WebGLState:', error );
+
+  		}
+
+  	}
+
   	function texImage2D() {
 
   		try {
@@ -21917,7 +22102,6 @@
   		currentTextureSlot = null;
   		currentBoundTextures = {};
 
-  		xrFramebuffer = null;
   		currentBoundFramebuffers = {};
 
   		currentProgram = null;
@@ -21961,7 +22145,6 @@
   		disable: disable,
 
   		bindFramebuffer: bindFramebuffer,
-  		bindXRFramebuffer: bindXRFramebuffer,
 
   		useProgram: useProgram,
 
@@ -21983,6 +22166,12 @@
   		texImage2D: texImage2D,
   		texImage3D: texImage3D,
 
+  		texStorage2D: texStorage2D,
+  		texStorage3D: texStorage3D,
+  		texSubImage2D: texSubImage2D,
+  		texSubImage3D: texSubImage3D,
+  		compressedTexSubImage2D: compressedTexSubImage2D,
+
   		scissor: scissor,
   		viewport: viewport,
 
@@ -21999,6 +22188,8 @@
   	const maxCubemapSize = capabilities.maxCubemapSize;
   	const maxTextureSize = capabilities.maxTextureSize;
   	const maxSamples = capabilities.maxSamples;
+  	const hasMultisampledRenderToTexture = extensions.has( 'WEBGL_multisampled_render_to_texture' );
+  	const MultisampledRenderToTextureExtension = hasMultisampledRenderToTexture ? extensions.get( 'WEBGL_multisampled_render_to_texture' ) : undefined;
 
   	const _videoTextures = new WeakMap();
   	let _canvas;
@@ -22112,14 +22303,10 @@
 
   	}
 
-  	function generateMipmap( target, texture, width, height, depth = 1 ) {
+  	function generateMipmap( target ) {
 
   		_gl.generateMipmap( target );
 
-  		const textureProperties = properties.get( texture );
-
-  		textureProperties.__maxMipLevel = Math.log2( Math.max( width, height, depth ) );
-
   	}
 
   	function getInternalFormat( internalFormatName, glFormat, glType, encoding ) {
@@ -22171,6 +22358,32 @@
 
   	}
 
+  	function getMipLevels( texture, image, supportsMips ) {
+
+  		if ( textureNeedsGenerateMipmaps( texture, supportsMips ) === true || ( texture.isFramebufferTexture && texture.minFilter !== NearestFilter && texture.minFilter !== LinearFilter ) ) {
+
+  			return Math.log2( Math.max( image.width, image.height ) ) + 1;
+
+  		} else if ( texture.mipmaps !== undefined && texture.mipmaps.length > 0 ) {
+
+  			// user-defined mipmaps
+
+  			return texture.mipmaps.length;
+
+  		} else if ( texture.isCompressedTexture && Array.isArray( texture.image ) ) {
+
+  			return image.mipmaps.length;
+
+  		} else {
+
+  			// texture without mipmaps (only base level)
+
+  			return 1;
+
+  		}
+
+  	}
+
   	// Fallback filters for non-power-of-2 textures
 
   	function filterFallback( f ) {
@@ -22529,6 +22742,10 @@
   		let mipmap;
   		const mipmaps = texture.mipmaps;
 
+  		const useTexStorage = ( isWebGL2 && texture.isVideoTexture !== true );
+  		const allocateMemory = ( textureProperties.__version === undefined );
+  		const levels = getMipLevels( texture, image, supportsMips );
+
   		if ( texture.isDepthTexture ) {
 
   			// populate depth texture with dummy data
@@ -22605,7 +22822,15 @@
 
   			//
 
-  			state.texImage2D( 3553, 0, glInternalFormat, image.width, image.height, 0, glFormat, glType, null );
+  			if ( useTexStorage && allocateMemory ) {
+
+  				state.texStorage2D( 3553, 1, glInternalFormat, image.width, image.height );
+
+  			} else {
+
+  				state.texImage2D( 3553, 0, glInternalFormat, image.width, image.height, 0, glFormat, glType, null );
+
+  			}
 
   		} else if ( texture.isDataTexture ) {
 
@@ -22615,25 +22840,58 @@
 
   			if ( mipmaps.length > 0 && supportsMips ) {
 
+  				if ( useTexStorage && allocateMemory ) {
+
+  					state.texStorage2D( 3553, levels, glInternalFormat, mipmaps[ 0 ].width, mipmaps[ 0 ].height );
+
+  				}
+
   				for ( let i = 0, il = mipmaps.length; i < il; i ++ ) {
 
   					mipmap = mipmaps[ i ];
-  					state.texImage2D( 3553, i, glInternalFormat, mipmap.width, mipmap.height, 0, glFormat, glType, mipmap.data );
+
+  					if ( useTexStorage ) {
+
+  						state.texSubImage2D( 3553, 0, 0, 0, mipmap.width, mipmap.height, glFormat, glType, mipmap.data );
+
+  					} else {
+
+  						state.texImage2D( 3553, i, glInternalFormat, mipmap.width, mipmap.height, 0, glFormat, glType, mipmap.data );
+
+  					}
 
   				}
 
   				texture.generateMipmaps = false;
-  				textureProperties.__maxMipLevel = mipmaps.length - 1;
 
   			} else {
 
-  				state.texImage2D( 3553, 0, glInternalFormat, image.width, image.height, 0, glFormat, glType, image.data );
-  				textureProperties.__maxMipLevel = 0;
+  				if ( useTexStorage ) {
+
+  					if ( allocateMemory ) {
+
+  						state.texStorage2D( 3553, levels, glInternalFormat, image.width, image.height );
+
+  					}
+
+  					state.texSubImage2D( 3553, 0, 0, 0, image.width, image.height, glFormat, glType, image.data );
+
+  				} else {
+
+  					state.texImage2D( 3553, 0, glInternalFormat, image.width, image.height, 0, glFormat, glType, image.data );
+
+  				}
 
   			}
 
   		} else if ( texture.isCompressedTexture ) {
 
+  			if ( useTexStorage && allocateMemory ) {
+
+  				state.texStorage2D( 3553, levels, glInternalFormat, mipmaps[ 0 ].width, mipmaps[ 0 ].height );
+
+  			}
+
   			for ( let i = 0, il = mipmaps.length; i < il; i ++ ) {
 
   				mipmap = mipmaps[ i ];
@@ -22642,7 +22900,15 @@
 
   					if ( glFormat !== null ) {
 
-  						state.compressedTexImage2D( 3553, i, glInternalFormat, mipmap.width, mipmap.height, 0, mipmap.data );
+  						if ( useTexStorage ) {
+
+  							state.compressedTexSubImage2D( 3553, i, 0, 0, mipmap.width, mipmap.height, glFormat, mipmap.data );
+
+  						} else {
+
+  							state.compressedTexImage2D( 3553, i, glInternalFormat, mipmap.width, mipmap.height, 0, mipmap.data );
+
+  						}
 
   					} else {
 
@@ -22652,23 +22918,67 @@
 
   				} else {
 
-  					state.texImage2D( 3553, i, glInternalFormat, mipmap.width, mipmap.height, 0, glFormat, glType, mipmap.data );
+  					if ( useTexStorage ) {
+
+  						state.texSubImage2D( 3553, i, 0, 0, mipmap.width, mipmap.height, glFormat, glType, mipmap.data );
+
+  					} else {
+
+  						state.texImage2D( 3553, i, glInternalFormat, mipmap.width, mipmap.height, 0, glFormat, glType, mipmap.data );
+
+  					}
 
   				}
 
   			}
 
-  			textureProperties.__maxMipLevel = mipmaps.length - 1;
-
   		} else if ( texture.isDataTexture2DArray ) {
 
-  			state.texImage3D( 35866, 0, glInternalFormat, image.width, image.height, image.depth, 0, glFormat, glType, image.data );
-  			textureProperties.__maxMipLevel = 0;
+  			if ( useTexStorage ) {
+
+  				if ( allocateMemory ) {
+
+  					state.texStorage3D( 35866, levels, glInternalFormat, image.width, image.height, image.depth );
+
+  				}
+
+  				state.texSubImage3D( 35866, 0, 0, 0, 0, image.width, image.height, image.depth, glFormat, glType, image.data );
+
+  			} else {
+
+  				state.texImage3D( 35866, 0, glInternalFormat, image.width, image.height, image.depth, 0, glFormat, glType, image.data );
+
+  			}
 
   		} else if ( texture.isDataTexture3D ) {
 
-  			state.texImage3D( 32879, 0, glInternalFormat, image.width, image.height, image.depth, 0, glFormat, glType, image.data );
-  			textureProperties.__maxMipLevel = 0;
+  			if ( useTexStorage ) {
+
+  				if ( allocateMemory ) {
+
+  					state.texStorage3D( 32879, levels, glInternalFormat, image.width, image.height, image.depth );
+
+  				}
+
+  				state.texSubImage3D( 32879, 0, 0, 0, 0, image.width, image.height, image.depth, glFormat, glType, image.data );
+
+  			} else {
+
+  				state.texImage3D( 32879, 0, glInternalFormat, image.width, image.height, image.depth, 0, glFormat, glType, image.data );
+
+  			}
+
+  		} else if ( texture.isFramebufferTexture ) {
+
+  			if ( useTexStorage && allocateMemory ) {
+
+  				state.texStorage2D( 3553, levels, glInternalFormat, image.width, image.height );
+
+  			} else {
+
+  				state.texImage2D( 3553, 0, glInternalFormat, image.width, image.height, 0, glFormat, glType, null );
+
+  			}
 
   		} else {
 
@@ -22680,20 +22990,47 @@
 
   			if ( mipmaps.length > 0 && supportsMips ) {
 
+  				if ( useTexStorage && allocateMemory ) {
+
+  					state.texStorage2D( 3553, levels, glInternalFormat, mipmaps[ 0 ].width, mipmaps[ 0 ].height );
+
+  				}
+
   				for ( let i = 0, il = mipmaps.length; i < il; i ++ ) {
 
   					mipmap = mipmaps[ i ];
-  					state.texImage2D( 3553, i, glInternalFormat, glFormat, glType, mipmap );
+
+  					if ( useTexStorage ) {
+
+  						state.texSubImage2D( 3553, i, 0, 0, glFormat, glType, mipmap );
+
+  					} else {
+
+  						state.texImage2D( 3553, i, glInternalFormat, glFormat, glType, mipmap );
+
+  					}
 
   				}
 
   				texture.generateMipmaps = false;
-  				textureProperties.__maxMipLevel = mipmaps.length - 1;
 
   			} else {
 
-  				state.texImage2D( 3553, 0, glInternalFormat, glFormat, glType, image );
-  				textureProperties.__maxMipLevel = 0;
+  				if ( useTexStorage ) {
+
+  					if ( allocateMemory ) {
+
+  						state.texStorage2D( 3553, levels, glInternalFormat, image.width, image.height );
+
+  					}
+
+  					state.texSubImage2D( 3553, 0, 0, 0, glFormat, glType, image );
+
+  				} else {
+
+  					state.texImage2D( 3553, 0, glInternalFormat, glFormat, glType, image );
+
+  				}
 
   			}
 
@@ -22701,7 +23038,7 @@
 
   		if ( textureNeedsGenerateMipmaps( texture, supportsMips ) ) {
 
-  			generateMipmap( textureType, texture, image.width, image.height );
+  			generateMipmap( textureType );
 
   		}
 
@@ -22750,12 +23087,22 @@
   			glType = utils.convert( texture.type ),
   			glInternalFormat = getInternalFormat( texture.internalFormat, glFormat, glType, texture.encoding );
 
+  		const useTexStorage = ( isWebGL2 && texture.isVideoTexture !== true );
+  		const allocateMemory = ( textureProperties.__version === undefined );
+  		let levels = getMipLevels( texture, image, supportsMips );
+
   		setTextureParameters( 34067, texture, supportsMips );
 
   		let mipmaps;
 
   		if ( isCompressed ) {
 
+  			if ( useTexStorage && allocateMemory ) {
+
+  				state.texStorage2D( 34067, levels, glInternalFormat, image.width, image.height );
+
+  			}
+
   			for ( let i = 0; i < 6; i ++ ) {
 
   				mipmaps = cubeImage[ i ].mipmaps;
@@ -22768,7 +23115,15 @@
 
   						if ( glFormat !== null ) {
 
-  							state.compressedTexImage2D( 34069 + i, j, glInternalFormat, mipmap.width, mipmap.height, 0, mipmap.data );
+  							if ( useTexStorage ) {
+
+  								state.compressedTexSubImage2D( 34069 + i, j, 0, 0, mipmap.width, mipmap.height, glFormat, mipmap.data );
+
+  							} else {
+
+  								state.compressedTexImage2D( 34069 + i, j, glInternalFormat, mipmap.width, mipmap.height, 0, mipmap.data );
+
+  							}
 
   						} else {
 
@@ -22778,7 +23133,15 @@
 
   					} else {
 
-  						state.texImage2D( 34069 + i, j, glInternalFormat, mipmap.width, mipmap.height, 0, glFormat, glType, mipmap.data );
+  						if ( useTexStorage ) {
+
+  							state.texSubImage2D( 34069 + i, j, 0, 0, mipmap.width, mipmap.height, glFormat, glType, mipmap.data );
+
+  						} else {
+
+  							state.texImage2D( 34069 + i, j, glInternalFormat, mipmap.width, mipmap.height, 0, glFormat, glType, mipmap.data );
+
+  						}
 
   					}
 
@@ -22786,36 +23149,78 @@
 
   			}
 
-  			textureProperties.__maxMipLevel = mipmaps.length - 1;
-
   		} else {
 
   			mipmaps = texture.mipmaps;
 
+  			if ( useTexStorage && allocateMemory ) {
+
+  				// TODO: Uniformly handle mipmap definitions
+  				// Normal textures and compressed cube textures define base level + mips with their mipmap array
+  				// Uncompressed cube textures use their mipmap array only for mips (no base level)
+
+  				if ( mipmaps.length > 0 ) levels ++;
+
+  				state.texStorage2D( 34067, levels, glInternalFormat, cubeImage[ 0 ].width, cubeImage[ 0 ].height );
+
+  			}
+
   			for ( let i = 0; i < 6; i ++ ) {
 
   				if ( isDataTexture ) {
 
-  					state.texImage2D( 34069 + i, 0, glInternalFormat, cubeImage[ i ].width, cubeImage[ i ].height, 0, glFormat, glType, cubeImage[ i ].data );
+  					if ( useTexStorage ) {
+
+  						state.texSubImage2D( 34069 + i, 0, 0, 0, cubeImage[ i ].width, cubeImage[ i ].height, glFormat, glType, cubeImage[ i ].data );
+
+  					} else {
+
+  						state.texImage2D( 34069 + i, 0, glInternalFormat, cubeImage[ i ].width, cubeImage[ i ].height, 0, glFormat, glType, cubeImage[ i ].data );
+
+  					}
 
   					for ( let j = 0; j < mipmaps.length; j ++ ) {
 
   						const mipmap = mipmaps[ j ];
   						const mipmapImage = mipmap.image[ i ].image;
 
-  						state.texImage2D( 34069 + i, j + 1, glInternalFormat, mipmapImage.width, mipmapImage.height, 0, glFormat, glType, mipmapImage.data );
+  						if ( useTexStorage ) {
+
+  							state.texSubImage2D( 34069 + i, j + 1, 0, 0, mipmapImage.width, mipmapImage.height, glFormat, glType, mipmapImage.data );
+
+  						} else {
+
+  							state.texImage2D( 34069 + i, j + 1, glInternalFormat, mipmapImage.width, mipmapImage.height, 0, glFormat, glType, mipmapImage.data );
+
+  						}
 
   					}
 
   				} else {
 
-  					state.texImage2D( 34069 + i, 0, glInternalFormat, glFormat, glType, cubeImage[ i ] );
+  					if ( useTexStorage ) {
+
+  						state.texSubImage2D( 34069 + i, 0, 0, 0, glFormat, glType, cubeImage[ i ] );
+
+  					} else {
+
+  						state.texImage2D( 34069 + i, 0, glInternalFormat, glFormat, glType, cubeImage[ i ] );
+
+  					}
 
   					for ( let j = 0; j < mipmaps.length; j ++ ) {
 
   						const mipmap = mipmaps[ j ];
 
-  						state.texImage2D( 34069 + i, j + 1, glInternalFormat, glFormat, glType, mipmap.image[ i ] );
+  						if ( useTexStorage ) {
+
+  							state.texSubImage2D( 34069 + i, j + 1, 0, 0, glFormat, glType, mipmap.image[ i ] );
+
+  						} else {
+
+  							state.texImage2D( 34069 + i, j + 1, glInternalFormat, glFormat, glType, mipmap.image[ i ] );
+
+  						}
 
   					}
 
@@ -22823,14 +23228,12 @@
 
   			}
 
-  			textureProperties.__maxMipLevel = mipmaps.length;
-
   		}
 
   		if ( textureNeedsGenerateMipmaps( texture, supportsMips ) ) {
 
   			// We assume images for cube map have the same size.
-  			generateMipmap( 34067, texture, image.width, image.height );
+  			generateMipmap( 34067 );
 
   		}
 
@@ -22848,23 +23251,38 @@
   		const glFormat = utils.convert( texture.format );
   		const glType = utils.convert( texture.type );
   		const glInternalFormat = getInternalFormat( texture.internalFormat, glFormat, glType, texture.encoding );
+  		const renderTargetProperties = properties.get( renderTarget );
 
-  		if ( textureTarget === 32879 || textureTarget === 35866 ) {
+  		if ( ! renderTargetProperties.__hasExternalTextures ) {
 
-  			state.texImage3D( textureTarget, 0, glInternalFormat, renderTarget.width, renderTarget.height, renderTarget.depth, 0, glFormat, glType, null );
+  			if ( textureTarget === 32879 || textureTarget === 35866 ) {
 
-  		} else {
+  				state.texImage3D( textureTarget, 0, glInternalFormat, renderTarget.width, renderTarget.height, renderTarget.depth, 0, glFormat, glType, null );
+
+  			} else {
 
-  			state.texImage2D( textureTarget, 0, glInternalFormat, renderTarget.width, renderTarget.height, 0, glFormat, glType, null );
+  				state.texImage2D( textureTarget, 0, glInternalFormat, renderTarget.width, renderTarget.height, 0, glFormat, glType, null );
+
+  			}
 
   		}
 
   		state.bindFramebuffer( 36160, framebuffer );
-  		_gl.framebufferTexture2D( 36160, attachment, textureTarget, properties.get( texture ).__webglTexture, 0 );
+  		if ( renderTarget.useRenderToTexture ) {
+
+  			MultisampledRenderToTextureExtension.framebufferTexture2DMultisampleEXT( 36160, attachment, textureTarget, properties.get( texture ).__webglTexture, 0, getRenderTargetSamples( renderTarget ) );
+
+  		} else {
+
+  			_gl.framebufferTexture2D( 36160, attachment, textureTarget, properties.get( texture ).__webglTexture, 0 );
+
+  		}
+
   		state.bindFramebuffer( 36160, null );
 
   	}
 
+
   	// Setup storage for internal depth/stencil buffers and bind to correct framebuffer
   	function setupRenderBufferStorage( renderbuffer, renderTarget, isMultisample ) {
 
@@ -22874,7 +23292,7 @@
 
   			let glInternalFormat = 33189;
 
-  			if ( isMultisample ) {
+  			if ( isMultisample || renderTarget.useRenderToTexture ) {
 
   				const depthTexture = renderTarget.depthTexture;
 
@@ -22894,7 +23312,15 @@
 
   				const samples = getRenderTargetSamples( renderTarget );
 
-  				_gl.renderbufferStorageMultisample( 36161, samples, glInternalFormat, renderTarget.width, renderTarget.height );
+  				if ( renderTarget.useRenderToTexture ) {
+
+  					MultisampledRenderToTextureExtension.renderbufferStorageMultisampleEXT( 36161, samples, glInternalFormat, renderTarget.width, renderTarget.height );
+
+  				} else {
+
+  					_gl.renderbufferStorageMultisample( 36161, samples, glInternalFormat, renderTarget.width, renderTarget.height );
+
+  				}
 
   			} else {
 
@@ -22906,12 +23332,16 @@
 
   		} else if ( renderTarget.depthBuffer && renderTarget.stencilBuffer ) {
 
-  			if ( isMultisample ) {
+  			const samples = getRenderTargetSamples( renderTarget );
 
-  				const samples = getRenderTargetSamples( renderTarget );
+  			if ( isMultisample && renderTarget.useRenderbuffer ) {
 
   				_gl.renderbufferStorageMultisample( 36161, samples, 35056, renderTarget.width, renderTarget.height );
 
+  			} else if ( renderTarget.useRenderToTexture ) {
+
+  				MultisampledRenderToTextureExtension.renderbufferStorageMultisampleEXT( 36161, samples, 35056, renderTarget.width, renderTarget.height );
+
   			} else {
 
   				_gl.renderbufferStorage( 36161, 34041, renderTarget.width, renderTarget.height );
@@ -22929,13 +23359,16 @@
   			const glFormat = utils.convert( texture.format );
   			const glType = utils.convert( texture.type );
   			const glInternalFormat = getInternalFormat( texture.internalFormat, glFormat, glType, texture.encoding );
+  			const samples = getRenderTargetSamples( renderTarget );
 
-  			if ( isMultisample ) {
-
-  				const samples = getRenderTargetSamples( renderTarget );
+  			if ( isMultisample && renderTarget.useRenderbuffer ) {
 
   				_gl.renderbufferStorageMultisample( 36161, samples, glInternalFormat, renderTarget.width, renderTarget.height );
 
+  			} else if ( renderTarget.useRenderToTexture ) {
+
+  				MultisampledRenderToTextureExtension.renderbufferStorageMultisampleEXT( 36161, samples, glInternalFormat, renderTarget.width, renderTarget.height );
+
   			} else {
 
   				_gl.renderbufferStorage( 36161, glInternalFormat, renderTarget.width, renderTarget.height );
@@ -22976,14 +23409,31 @@
   		setTexture2D( renderTarget.depthTexture, 0 );
 
   		const webglDepthTexture = properties.get( renderTarget.depthTexture ).__webglTexture;
+  		const samples = getRenderTargetSamples( renderTarget );
 
   		if ( renderTarget.depthTexture.format === DepthFormat ) {
 
-  			_gl.framebufferTexture2D( 36160, 36096, 3553, webglDepthTexture, 0 );
+  			if ( renderTarget.useRenderToTexture ) {
+
+  				MultisampledRenderToTextureExtension.framebufferTexture2DMultisampleEXT( 36160, 36096, 3553, webglDepthTexture, 0, samples );
+
+  			} else {
+
+  				_gl.framebufferTexture2D( 36160, 36096, 3553, webglDepthTexture, 0 );
+
+  			}
 
   		} else if ( renderTarget.depthTexture.format === DepthStencilFormat ) {
 
-  			_gl.framebufferTexture2D( 36160, 33306, 3553, webglDepthTexture, 0 );
+  			if ( renderTarget.useRenderToTexture ) {
+
+  				MultisampledRenderToTextureExtension.framebufferTexture2DMultisampleEXT( 36160, 33306, 3553, webglDepthTexture, 0, samples );
+
+  			} else {
+
+  				_gl.framebufferTexture2D( 36160, 33306, 3553, webglDepthTexture, 0 );
+
+  			}
 
   		} else {
 
@@ -22997,10 +23447,9 @@
   	function setupDepthRenderbuffer( renderTarget ) {
 
   		const renderTargetProperties = properties.get( renderTarget );
-
   		const isCube = ( renderTarget.isWebGLCubeRenderTarget === true );
 
-  		if ( renderTarget.depthTexture ) {
+  		if ( renderTarget.depthTexture && ! renderTargetProperties.__autoAllocateDepthBuffer ) {
 
   			if ( isCube ) throw new Error( 'target.depthTexture not supported in Cube render targets' );
 
@@ -23034,6 +23483,25 @@
 
   	}
 
+  	// rebind framebuffer with external textures
+  	function rebindTextures( renderTarget, colorTexture, depthTexture ) {
+
+  		const renderTargetProperties = properties.get( renderTarget );
+
+  		if ( colorTexture !== undefined ) {
+
+  			setupFrameBufferTexture( renderTargetProperties.__webglFramebuffer, renderTarget, renderTarget.texture, 36064, 3553 );
+
+  		}
+
+  		if ( depthTexture !== undefined ) {
+
+  			setupDepthRenderbuffer( renderTarget );
+
+  		}
+
+  	}
+
   	// Set up GL resources for the render target
   	function setupRenderTarget( renderTarget ) {
 
@@ -23046,7 +23514,12 @@
 
   		if ( renderTarget.isWebGLMultipleRenderTargets !== true ) {
 
-  			textureProperties.__webglTexture = _gl.createTexture();
+  			if ( textureProperties.__webglTexture === undefined ) {
+
+  				textureProperties.__webglTexture = _gl.createTexture();
+
+  			}
+
   			textureProperties.__version = texture.version;
   			info.memory.textures ++;
 
@@ -23054,7 +23527,6 @@
 
   		const isCube = ( renderTarget.isWebGLCubeRenderTarget === true );
   		const isMultipleRenderTargets = ( renderTarget.isWebGLMultipleRenderTargets === true );
-  		const isMultisample = ( renderTarget.isWebGLMultisampleRenderTarget === true );
   		const isRenderTarget3D = texture.isDataTexture3D || texture.isDataTexture2DArray;
   		const supportsMips = isPowerOfTwo$1( renderTarget ) || isWebGL2;
 
@@ -23110,7 +23582,7 @@
 
   				}
 
-  			} else if ( isMultisample ) {
+  			} else if ( renderTarget.useRenderbuffer ) {
 
   				if ( isWebGL2 ) {
 
@@ -23164,7 +23636,7 @@
 
   			if ( textureNeedsGenerateMipmaps( texture, supportsMips ) ) {
 
-  				generateMipmap( 34067, texture, renderTarget.width, renderTarget.height );
+  				generateMipmap( 34067 );
 
   			}
 
@@ -23185,7 +23657,7 @@
 
   				if ( textureNeedsGenerateMipmaps( attachment, supportsMips ) ) {
 
-  					generateMipmap( 3553, attachment, renderTarget.width, renderTarget.height );
+  					generateMipmap( 3553 );
 
   				}
 
@@ -23220,7 +23692,7 @@
 
   			if ( textureNeedsGenerateMipmaps( texture, supportsMips ) ) {
 
-  				generateMipmap( glTextureType, texture, renderTarget.width, renderTarget.height, renderTarget.depth );
+  				generateMipmap( glTextureType );
 
   			}
 
@@ -23254,7 +23726,7 @@
   				const webglTexture = properties.get( texture ).__webglTexture;
 
   				state.bindTexture( target, webglTexture );
-  				generateMipmap( target, texture, renderTarget.width, renderTarget.height );
+  				generateMipmap( target );
   				state.unbindTexture();
 
   			}
@@ -23265,23 +23737,43 @@
 
   	function updateMultisampleRenderTarget( renderTarget ) {
 
-  		if ( renderTarget.isWebGLMultisampleRenderTarget ) {
+  		if ( renderTarget.useRenderbuffer ) {
 
   			if ( isWebGL2 ) {
 
   				const width = renderTarget.width;
   				const height = renderTarget.height;
   				let mask = 16384;
+  				const invalidationArray = [ 36064 ];
+  				const depthStyle = renderTarget.stencilBuffer ? 33306 : 36096;
+
+  				if ( renderTarget.depthBuffer ) {
+
+  					invalidationArray.push( depthStyle );
+
+  				}
+
+  				if ( ! renderTarget.ignoreDepthForMultisampleCopy ) {
 
-  				if ( renderTarget.depthBuffer ) mask |= 256;
-  				if ( renderTarget.stencilBuffer ) mask |= 1024;
+  					if ( renderTarget.depthBuffer ) mask |= 256;
+  					if ( renderTarget.stencilBuffer ) mask |= 1024;
+
+  				}
 
   				const renderTargetProperties = properties.get( renderTarget );
 
   				state.bindFramebuffer( 36008, renderTargetProperties.__webglMultisampledFramebuffer );
   				state.bindFramebuffer( 36009, renderTargetProperties.__webglFramebuffer );
 
+  				if ( renderTarget.ignoreDepthForMultisampleCopy ) {
+
+  					_gl.invalidateFramebuffer( 36008, [ depthStyle ] );
+  					_gl.invalidateFramebuffer( 36009, [ depthStyle ] );
+
+  				}
+
   				_gl.blitFramebuffer( 0, 0, width, height, 0, 0, width, height, mask, 9728 );
+  				_gl.invalidateFramebuffer( 36008, invalidationArray );
 
   				state.bindFramebuffer( 36008, null );
   				state.bindFramebuffer( 36009, renderTargetProperties.__webglMultisampledFramebuffer );
@@ -23298,7 +23790,7 @@
 
   	function getRenderTargetSamples( renderTarget ) {
 
-  		return ( isWebGL2 && renderTarget.isWebGLMultisampleRenderTarget ) ?
+  		return ( isWebGL2 && ( renderTarget.useRenderbuffer || renderTarget.useRenderToTexture ) ) ?
   			Math.min( maxSamples, renderTarget.samples ) : 0;
 
   	}
@@ -23371,9 +23863,12 @@
   	this.setTexture2DArray = setTexture2DArray;
   	this.setTexture3D = setTexture3D;
   	this.setTextureCube = setTextureCube;
+  	this.rebindTextures = rebindTextures;
   	this.setupRenderTarget = setupRenderTarget;
   	this.updateRenderTargetMipmap = updateRenderTargetMipmap;
   	this.updateMultisampleRenderTarget = updateMultisampleRenderTarget;
+  	this.setupDepthRenderbuffer = setupDepthRenderbuffer;
+  	this.setupFrameBufferTexture = setupFrameBufferTexture;
 
   	this.safeSetTexture2D = safeSetTexture2D;
   	this.safeSetTextureCube = safeSetTextureCube;
@@ -23895,6 +24390,38 @@
 
   }
 
+  class DepthTexture extends Texture {
+
+  	constructor( width, height, type, mapping, wrapS, wrapT, magFilter, minFilter, anisotropy, format ) {
+
+  		format = format !== undefined ? format : DepthFormat;
+
+  		if ( format !== DepthFormat && format !== DepthStencilFormat ) {
+
+  			throw new Error( 'DepthTexture format must be either THREE.DepthFormat or THREE.DepthStencilFormat' );
+
+  		}
+
+  		if ( type === undefined && format === DepthFormat ) type = UnsignedShortType;
+  		if ( type === undefined && format === DepthStencilFormat ) type = UnsignedInt248Type;
+
+  		super( null, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy );
+
+  		this.image = { width: width, height: height };
+
+  		this.magFilter = magFilter !== undefined ? magFilter : NearestFilter;
+  		this.minFilter = minFilter !== undefined ? minFilter : NearestFilter;
+
+  		this.flipY = false;
+  		this.generateMipmaps	= false;
+
+  	}
+
+
+  }
+
+  DepthTexture.prototype.isDepthTexture = true;
+
   class WebXRManager extends EventDispatcher {
 
   	constructor( renderer, gl ) {
@@ -23902,26 +24429,23 @@
   		super();
 
   		const scope = this;
-  		const state = renderer.state;
 
   		let session = null;
   		let framebufferScaleFactor = 1.0;
 
   		let referenceSpace = null;
   		let referenceSpaceType = 'local-floor';
+  		const hasMultisampledRenderToTexture = renderer.extensions.has( 'WEBGL_multisampled_render_to_texture' );
 
   		let pose = null;
   		let glBinding = null;
-  		let glFramebuffer = null;
   		let glProjLayer = null;
   		let glBaseLayer = null;
   		let isMultisample = false;
-  		let glMultisampledFramebuffer = null;
-  		let glColorRenderbuffer = null;
-  		let glDepthRenderbuffer = null;
   		let xrFrame = null;
-  		let depthStyle = null;
-  		let clearStyle = null;
+  		const attributes = gl.getContextAttributes();
+  		let initialRenderTarget = null;
+  		let newRenderTarget = null;
 
   		const controllers = [];
   		const inputSourcesMap = new Map();
@@ -24026,21 +24550,13 @@
 
   			// restore framebuffer/rendering state
 
-  			state.bindXRFramebuffer( null );
-  			renderer.setRenderTarget( renderer.getRenderTarget() );
-
-  			if ( glFramebuffer ) gl.deleteFramebuffer( glFramebuffer );
-  			if ( glMultisampledFramebuffer ) gl.deleteFramebuffer( glMultisampledFramebuffer );
-  			if ( glColorRenderbuffer ) gl.deleteRenderbuffer( glColorRenderbuffer );
-  			if ( glDepthRenderbuffer ) gl.deleteRenderbuffer( glDepthRenderbuffer );
-  			glFramebuffer = null;
-  			glMultisampledFramebuffer = null;
-  			glColorRenderbuffer = null;
-  			glDepthRenderbuffer = null;
+  			renderer.setRenderTarget( initialRenderTarget );
+
   			glBaseLayer = null;
   			glProjLayer = null;
   			glBinding = null;
   			session = null;
+  			newRenderTarget = null;
 
   			//
 
@@ -24112,6 +24628,8 @@
 
   			if ( session !== null ) {
 
+  				initialRenderTarget = renderer.getRenderTarget();
+
   				session.addEventListener( 'select', onSessionEvent );
   				session.addEventListener( 'selectstart', onSessionEvent );
   				session.addEventListener( 'selectend', onSessionEvent );
@@ -24121,18 +24639,16 @@
   				session.addEventListener( 'end', onSessionEnd );
   				session.addEventListener( 'inputsourceschange', onInputSourcesChange );
 
-  				const attributes = gl.getContextAttributes();
-
   				if ( attributes.xrCompatible !== true ) {
 
   					await gl.makeXRCompatible();
 
   				}
 
-  				if ( session.renderState.layers === undefined ) {
+  				if ( ( session.renderState.layers === undefined ) || ( renderer.capabilities.isWebGL2 === false ) ) {
 
   					const layerInit = {
-  						antialias: attributes.antialias,
+  						antialias: ( session.renderState.layers === undefined ) ? attributes.antialias : true,
   						alpha: attributes.alpha,
   						depth: attributes.depth,
   						stencil: attributes.stencil,
@@ -24143,43 +24659,34 @@
 
   					session.updateRenderState( { baseLayer: glBaseLayer } );
 
-  				} else if ( gl instanceof WebGLRenderingContext ) {
-
-  					// Use old style webgl layer because we can't use MSAA
-  					// WebGL2 support.
-
-  					const layerInit = {
-  						antialias: true,
-  						alpha: attributes.alpha,
-  						depth: attributes.depth,
-  						stencil: attributes.stencil,
-  						framebufferScaleFactor: framebufferScaleFactor
-  					};
-
-  					glBaseLayer = new XRWebGLLayer( session, gl, layerInit );
-
-  					session.updateRenderState( { layers: [ glBaseLayer ] } );
+  					newRenderTarget = new WebGLRenderTarget(
+  						glBaseLayer.framebufferWidth,
+  						glBaseLayer.framebufferHeight,
+  						{
+  							format: RGBAFormat,
+  							type: UnsignedByteType,
+  							encoding: renderer.outputEncoding
+  						}
+  					);
 
   				} else {
 
   					isMultisample = attributes.antialias;
   					let depthFormat = null;
-
+  					let depthType = null;
+  					let glDepthFormat = null;
 
   					if ( attributes.depth ) {
 
-  						clearStyle = 256;
-
-  						if ( attributes.stencil ) clearStyle |= 1024;
-
-  						depthStyle = attributes.stencil ? 33306 : 36096;
-  						depthFormat = attributes.stencil ? 35056 : 33190;
+  						glDepthFormat = attributes.stencil ? 35056 : 33190;
+  						depthFormat = attributes.stencil ? DepthStencilFormat : DepthFormat;
+  						depthType = attributes.stencil ? UnsignedInt248Type : UnsignedShortType;
 
   					}
 
   					const projectionlayerInit = {
-  						colorFormat: attributes.alpha ? 32856 : 32849,
-  						depthFormat: depthFormat,
+  						colorFormat: ( attributes.alpha || isMultisample ) ? 32856 : 32849,
+  						depthFormat: glDepthFormat,
   						scaleFactor: framebufferScaleFactor
   					};
 
@@ -24187,41 +24694,44 @@
 
   					glProjLayer = glBinding.createProjectionLayer( projectionlayerInit );
 
-  					glFramebuffer = gl.createFramebuffer();
-
   					session.updateRenderState( { layers: [ glProjLayer ] } );
 
   					if ( isMultisample ) {
 
-  						glMultisampledFramebuffer = gl.createFramebuffer();
-  						glColorRenderbuffer = gl.createRenderbuffer();
-  						gl.bindRenderbuffer( 36161, glColorRenderbuffer );
-  						gl.renderbufferStorageMultisample(
-  							36161,
-  							4,
-  							32856,
+  						newRenderTarget = new WebGLMultisampleRenderTarget(
   							glProjLayer.textureWidth,
-  							glProjLayer.textureHeight );
-  						state.bindFramebuffer( 36160, glMultisampledFramebuffer );
-  						gl.framebufferRenderbuffer( 36160, 36064, 36161, glColorRenderbuffer );
-  						gl.bindRenderbuffer( 36161, null );
-
-  						if ( depthFormat !== null ) {
-
-  							glDepthRenderbuffer = gl.createRenderbuffer();
-  							gl.bindRenderbuffer( 36161, glDepthRenderbuffer );
-  							gl.renderbufferStorageMultisample( 36161, 4, depthFormat, glProjLayer.textureWidth, glProjLayer.textureHeight );
-  							gl.framebufferRenderbuffer( 36160, depthStyle, 36161, glDepthRenderbuffer );
-  							gl.bindRenderbuffer( 36161, null );
+  							glProjLayer.textureHeight,
+  							{
+  								format: RGBAFormat,
+  								type: UnsignedByteType,
+  								depthTexture: new DepthTexture( glProjLayer.textureWidth, glProjLayer.textureHeight, depthType, undefined, undefined, undefined, undefined, undefined, undefined, depthFormat ),
+  								stencilBuffer: attributes.stencil,
+  								ignoreDepth: glProjLayer.ignoreDepthValues,
+  								useRenderToTexture: hasMultisampledRenderToTexture,
+  								encoding: renderer.outputEncoding
+  							} );
 
-  						}
+  					} else {
 
-  						state.bindFramebuffer( 36160, null );
+  						newRenderTarget = new WebGLRenderTarget(
+  							glProjLayer.textureWidth,
+  							glProjLayer.textureHeight,
+  							{
+  								format: attributes.alpha ? RGBAFormat : RGBFormat,
+  								type: UnsignedByteType,
+  								depthTexture: new DepthTexture( glProjLayer.textureWidth, glProjLayer.textureHeight, depthType, undefined, undefined, undefined, undefined, undefined, undefined, depthFormat ),
+  								stencilBuffer: attributes.stencil,
+  								ignoreDepth: glProjLayer.ignoreDepthValues,
+  								encoding: renderer.outputEncoding
+  							} );
 
   					}
 
   				}
 
+  				// Set foveation to maximum.
+  				this.setFoveation( 1.0 );
+
   				referenceSpace = await session.requestReferenceSpace( referenceSpaceType );
 
   				animation.setContext( session );
@@ -24480,7 +24990,8 @@
 
   				if ( glBaseLayer !== null ) {
 
-  					state.bindXRFramebuffer( glBaseLayer.framebuffer );
+  					renderer.setRenderTargetFramebuffer( newRenderTarget, glBaseLayer.framebuffer );
+  					renderer.setRenderTarget( newRenderTarget );
 
   				}
 
@@ -24491,7 +25002,6 @@
   				if ( views.length !== cameraVR.cameras.length ) {
 
   					cameraVR.cameras.length = 0;
-
   					cameraVRNeedsUpdate = true;
 
   				}
@@ -24509,19 +25019,20 @@
   					} else {
 
   						const glSubImage = glBinding.getViewSubImage( glProjLayer, view );
+  						viewport = glSubImage.viewport;
 
-  						state.bindXRFramebuffer( glFramebuffer );
+  						// For side-by-side projection, we only produce a single texture for both eyes.
+  						if ( i === 0 ) {
 
-  						if ( glSubImage.depthStencilTexture !== undefined ) {
+  							renderer.setRenderTargetTextures(
+  								newRenderTarget,
+  								glSubImage.colorTexture,
+  								glProjLayer.ignoreDepthValues ? undefined : glSubImage.depthStencilTexture );
 
-  							gl.framebufferTexture2D( 36160, depthStyle, 3553, glSubImage.depthStencilTexture, 0 );
+  							renderer.setRenderTarget( newRenderTarget );
 
   						}
 
-  						gl.framebufferTexture2D( 36160, 36064, 3553, glSubImage.colorTexture, 0 );
-
-  						viewport = glSubImage.viewport;
-
   					}
 
   					const camera = cameras[ i ];
@@ -24544,14 +25055,6 @@
 
   				}
 
-  				if ( isMultisample ) {
-
-  					state.bindXRFramebuffer( glMultisampledFramebuffer );
-
-  					if ( clearStyle !== null ) gl.clear( clearStyle );
-
-  				}
-
   			}
 
   			//
@@ -24569,26 +25072,6 @@
 
   			if ( onAnimationFrameCallback ) onAnimationFrameCallback( time, frame );
 
-  			if ( isMultisample ) {
-
-  				const width = glProjLayer.textureWidth;
-  				const height = glProjLayer.textureHeight;
-
-  				state.bindFramebuffer( 36008, glMultisampledFramebuffer );
-  				state.bindFramebuffer( 36009, glFramebuffer );
-  				// Invalidate the depth here to avoid flush of the depth data to main memory.
-  				gl.invalidateFramebuffer( 36008, [ depthStyle ] );
-  				gl.invalidateFramebuffer( 36009, [ depthStyle ] );
-  				gl.blitFramebuffer( 0, 0, width, height, 0, 0, width, height, 16384, 9728 );
-  				// Invalidate the MSAA buffer because it's not needed anymore.
-  				gl.invalidateFramebuffer( 36008, [ 36064 ] );
-  				state.bindFramebuffer( 36008, null );
-  				state.bindFramebuffer( 36009, null );
-
-  				state.bindFramebuffer( 36160, glMultisampledFramebuffer );
-
-  			}
-
   			xrFrame = null;
 
   		}
@@ -24766,14 +25249,6 @@
   			uniforms.ior.value = material.ior;
   			uniforms.refractionRatio.value = material.refractionRatio;
 
-  			const maxMipLevel = properties.get( envMap ).__maxMipLevel;
-
-  			if ( maxMipLevel !== undefined ) {
-
-  				uniforms.maxMipLevel.value = maxMipLevel;
-
-  			}
-
   		}
 
   		if ( material.lightMap ) {
@@ -25469,7 +25944,6 @@
 
   	// physically based shading
 
-  	this.gammaFactor = 2.0;	// for backwards compatibility
   	this.outputEncoding = LinearEncoding;
 
   	// physical lights
@@ -25575,8 +26049,10 @@
   			failIfMajorPerformanceCaveat: _failIfMajorPerformanceCaveat
   		};
 
-  		// event listeners must be registered before WebGL context is created, see #12753
+  		// OffscreenCanvas does not have setAttribute, see #22811
+  		if ( 'setAttribute' in _canvas ) _canvas.setAttribute( 'data-engine', `three.js r${REVISION}` );
 
+  		// event listeners must be registered before WebGL context is created, see #12753
   		_canvas.addEventListener( 'webglcontextlost', onContextLost, false );
   		_canvas.addEventListener( 'webglcontextrestored', onContextRestore, false );
 
@@ -25662,7 +26138,7 @@
   		clipping = new WebGLClipping( properties );
   		programCache = new WebGLPrograms( _this, cubemaps, cubeuvmaps, extensions, capabilities, bindingStates, clipping );
   		materials = new WebGLMaterials( properties );
-  		renderLists = new WebGLRenderLists( properties );
+  		renderLists = new WebGLRenderLists();
   		renderStates = new WebGLRenderStates( extensions, capabilities );
   		background = new WebGLBackground( _this, cubemaps, state, objects, _premultipliedAlpha );
   		shadowMap = new WebGLShadowMap( _this, objects, capabilities );
@@ -25930,6 +26406,7 @@
   		cubeuvmaps.dispose();
   		objects.dispose();
   		bindingStates.dispose();
+  		programCache.dispose();
 
   		xr.dispose();
 
@@ -26014,6 +26491,12 @@
 
   			} );
 
+  			if ( material.isShaderMaterial ) {
+
+  				programCache.releaseShaderCache( material );
+
+  			}
+
   		}
 
   	}
@@ -26552,7 +27035,8 @@
   				minFilter: LinearMipmapLinearFilter,
   				magFilter: NearestFilter,
   				wrapS: ClampToEdgeWrapping,
-  				wrapT: ClampToEdgeWrapping
+  				wrapT: ClampToEdgeWrapping,
+  				useRenderToTexture: extensions.has( 'WEBGL_multisampled_render_to_texture' )
   			} );
 
   		}
@@ -26759,6 +27243,7 @@
   		materialProperties.numIntersection = parameters.numClipIntersection;
   		materialProperties.vertexAlphas = parameters.vertexAlphas;
   		materialProperties.vertexTangents = parameters.vertexTangents;
+  		materialProperties.toneMapping = parameters.toneMapping;
 
   	}
 
@@ -26777,6 +27262,7 @@
   		const morphTargets = !! geometry.morphAttributes.position;
   		const morphNormals = !! geometry.morphAttributes.normal;
   		const morphTargetsCount = !! geometry.morphAttributes.position ? geometry.morphAttributes.position.length : 0;
+  		const toneMapping = material.toneMapped ? _this.toneMapping : NoToneMapping;
 
   		const materialProperties = properties.get( material );
   		const lights = currentRenderState.state.lights;
@@ -26858,6 +27344,10 @@
 
   				needsProgramChange = true;
 
+  			} else if ( materialProperties.toneMapping !== toneMapping ) {
+
+  				needsProgramChange = true;
+
   			} else if ( capabilities.isWebGL2 === true && materialProperties.morphTargetsCount !== morphTargetsCount ) {
 
   				needsProgramChange = true;
@@ -27118,15 +27608,71 @@
 
   	};
 
+  	this.setRenderTargetTextures = function ( renderTarget, colorTexture, depthTexture ) {
+
+  		properties.get( renderTarget.texture ).__webglTexture = colorTexture;
+  		properties.get( renderTarget.depthTexture ).__webglTexture = depthTexture;
+
+  		const renderTargetProperties = properties.get( renderTarget );
+  		renderTargetProperties.__hasExternalTextures = true;
+
+  		if ( renderTargetProperties.__hasExternalTextures ) {
+
+  			renderTargetProperties.__autoAllocateDepthBuffer = depthTexture === undefined;
+
+  			if ( ! renderTargetProperties.__autoAllocateDepthBuffer ) {
+
+  				// The multisample_render_to_texture extension doesn't work properly if there
+  				// are midframe flushes and an external depth buffer. Disable use of the extension.
+  				if ( renderTarget.useRenderToTexture ) {
+
+  					console.warn( 'render-to-texture extension was disabled because an external texture was provided' );
+  					renderTarget.useRenderToTexture = false;
+  					renderTarget.useRenderbuffer = true;
+
+  				}
+
+  			}
+
+  		}
+
+  	};
+
+  	this.setRenderTargetFramebuffer = function ( renderTarget, defaultFramebuffer ) {
+
+  		const renderTargetProperties = properties.get( renderTarget );
+  		renderTargetProperties.__webglFramebuffer = defaultFramebuffer;
+  		renderTargetProperties.__useDefaultFramebuffer = defaultFramebuffer === undefined;
+
+  	};
+
   	this.setRenderTarget = function ( renderTarget, activeCubeFace = 0, activeMipmapLevel = 0 ) {
 
   		_currentRenderTarget = renderTarget;
   		_currentActiveCubeFace = activeCubeFace;
   		_currentActiveMipmapLevel = activeMipmapLevel;
+  		let useDefaultFramebuffer = true;
+
+  		if ( renderTarget ) {
+
+  			const renderTargetProperties = properties.get( renderTarget );
+
+  			if ( renderTargetProperties.__useDefaultFramebuffer !== undefined ) {
 
-  		if ( renderTarget && properties.get( renderTarget ).__webglFramebuffer === undefined ) {
+  				// We need to make sure to rebind the framebuffer.
+  				state.bindFramebuffer( 36160, null );
+  				useDefaultFramebuffer = false;
 
-  			textures.setupRenderTarget( renderTarget );
+  			} else if ( renderTargetProperties.__webglFramebuffer === undefined ) {
+
+  				textures.setupRenderTarget( renderTarget );
+
+  			} else if ( renderTargetProperties.__hasExternalTextures ) {
+
+  				// Color and depth texture must be rebound in order for the swapchain to update.
+  				textures.rebindTextures( renderTarget, properties.get( renderTarget.texture ).__webglTexture, properties.get( renderTarget.depthTexture ).__webglTexture );
+
+  			}
 
   		}
 
@@ -27151,7 +27697,7 @@
   				framebuffer = __webglFramebuffer[ activeCubeFace ];
   				isCube = true;
 
-  			} else if ( renderTarget.isWebGLMultisampleRenderTarget ) {
+  			} else if ( renderTarget.useRenderbuffer ) {
 
   				framebuffer = properties.get( renderTarget ).__webglMultisampledFramebuffer;
 
@@ -27175,7 +27721,7 @@
 
   		const framebufferBound = state.bindFramebuffer( 36160, framebuffer );
 
-  		if ( framebufferBound && capabilities.drawBuffers ) {
+  		if ( framebufferBound && capabilities.drawBuffers && useDefaultFramebuffer ) {
 
   			let needsUpdate = false;
 
@@ -27338,25 +27884,20 @@
 
   	this.copyFramebufferToTexture = function ( position, texture, level = 0 ) {
 
-  		const levelScale = Math.pow( 2, - level );
-  		const width = Math.floor( texture.image.width * levelScale );
-  		const height = Math.floor( texture.image.height * levelScale );
-
-  		let glFormat = utils.convert( texture.format );
-
-  		if ( capabilities.isWebGL2 ) {
-
-  			// Workaround for https://bugs.chromium.org/p/chromium/issues/detail?id=1120100
-  			// Not needed in Chrome 93+
+  		if ( texture.isFramebufferTexture !== true ) {
 
-  			if ( glFormat === 6407 ) glFormat = 32849;
-  			if ( glFormat === 6408 ) glFormat = 32856;
+  			console.error( 'THREE.WebGLRenderer: copyFramebufferToTexture() can only be used with FramebufferTexture.' );
+  			return;
 
   		}
 
+  		const levelScale = Math.pow( 2, - level );
+  		const width = Math.floor( texture.image.width * levelScale );
+  		const height = Math.floor( texture.image.height * levelScale );
+
   		textures.setTexture2D( texture, 0 );
 
-  		_gl.copyTexImage2D( 3553, level, glFormat, position.x, position.y, width, height, 0 );
+  		_gl.copyTexSubImage2D( 3553, level, 0, 0, position.x, position.y, width, height );
 
   		state.unbindTexture();
 
@@ -27506,7 +28047,7 @@
 
   	if ( typeof __THREE_DEVTOOLS__ !== 'undefined' ) {
 
-  		__THREE_DEVTOOLS__.dispatchEvent( new CustomEvent( 'observe', { detail: this } ) ); // eslint-disable-line no-undef
+  		__THREE_DEVTOOLS__.dispatchEvent( new CustomEvent( 'observe', { detail: this } ) );
 
   	}
 
@@ -27536,7 +28077,7 @@
 
   		if ( typeof __THREE_DEVTOOLS__ !== 'undefined' ) {
 
-  			__THREE_DEVTOOLS__.dispatchEvent( new CustomEvent( 'observe', { detail: this } ) ); // eslint-disable-line no-undef
+  			__THREE_DEVTOOLS__.dispatchEvent( new CustomEvent( 'observe', { detail: this } ) );
 
   		}
 
@@ -28400,8 +28941,6 @@
   		this.flipY = false;
   		this.unpackAlignment = 1;
 
-  		this.needsUpdate = true;
-
   	}
 
   }
@@ -29224,6 +29763,27 @@
 
   VideoTexture.prototype.isVideoTexture = true;
 
+  class FramebufferTexture extends Texture {
+
+  	constructor( width, height, format ) {
+
+  		super( { width, height } );
+
+  		this.format = format;
+
+  		this.magFilter = NearestFilter;
+  		this.minFilter = NearestFilter;
+
+  		this.generateMipmaps = false;
+
+  		this.needsUpdate = true;
+
+  	}
+
+  }
+
+  FramebufferTexture.prototype.isFramebufferTexture = true;
+
   class CompressedTexture extends Texture {
 
   	constructor( mipmaps, width, height, format, type, mapping, wrapS, wrapT, magFilter, minFilter, anisotropy, encoding ) {
@@ -29263,38 +29823,6 @@
 
   CanvasTexture.prototype.isCanvasTexture = true;
 
-  class DepthTexture extends Texture {
-
-  	constructor( width, height, type, mapping, wrapS, wrapT, magFilter, minFilter, anisotropy, format ) {
-
-  		format = format !== undefined ? format : DepthFormat;
-
-  		if ( format !== DepthFormat && format !== DepthStencilFormat ) {
-
-  			throw new Error( 'DepthTexture format must be either THREE.DepthFormat or THREE.DepthStencilFormat' );
-
-  		}
-
-  		if ( type === undefined && format === DepthFormat ) type = UnsignedShortType;
-  		if ( type === undefined && format === DepthStencilFormat ) type = UnsignedInt248Type;
-
-  		super( null, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy );
-
-  		this.image = { width: width, height: height };
-
-  		this.magFilter = magFilter !== undefined ? magFilter : NearestFilter;
-  		this.minFilter = minFilter !== undefined ? minFilter : NearestFilter;
-
-  		this.flipY = false;
-  		this.generateMipmaps	= false;
-
-  	}
-
-
-  }
-
-  DepthTexture.prototype.isDepthTexture = true;
-
   class CircleGeometry extends BufferGeometry {
 
   	constructor( radius = 1, segments = 8, thetaStart = 0, thetaLength = Math.PI * 2 ) {
@@ -30478,7 +31006,7 @@
 
   /**
    * Bezier Curves formulas obtained from
-   * http://en.wikipedia.org/wiki/Bézier_curve
+   * https://en.wikipedia.org/wiki/B%C3%A9zier_curve
    */
 
   function CatmullRom( t, p0, p1, p2, p3 ) {
@@ -34197,7 +34725,7 @@
 
   		this.transmissionMap = null;
 
-  		this.thickness = 0.01;
+  		this.thickness = 0;
   		this.thicknessMap = null;
   		this.attenuationDistance = 0.0;
   		this.attenuationColor = new Color$2( 1, 1, 1 );
@@ -37071,6 +37599,12 @@
 
   					}
 
+  					if ( typeof ReadableStream === 'undefined' || response.body.getReader === undefined ) {
+
+  						return response;
+
+  					}
+
   					const callbacks = loading[ url ];
   					const reader = response.body.getReader();
   					const contentLength = response.headers.get( 'Content-Length' );
@@ -37079,7 +37613,7 @@
   					let loaded = 0;
 
   					// periodically read data into the new stream tracking while download progress
-  					return new ReadableStream( {
+  					const stream = new ReadableStream( {
   						start( controller ) {
 
   							readData();
@@ -37117,6 +37651,8 @@
 
   					} );
 
+  					return new Response( stream );
+
   				} else {
 
   					throw Error( `fetch for "${response.url}" responded with ${response.status}: ${response.statusText}` );
@@ -37124,9 +37660,7 @@
   				}
 
   			} )
-  			.then( stream => {
-
-  				const response = new Response( stream );
+  			.then( response => {
 
   				switch ( this.responseType ) {
 
@@ -37175,14 +37709,21 @@
 
   				}
 
-  				this.manager.itemEnd( url );
-
   			} )
   			.catch( err => {
 
   				// Abort errors and other errors are handled the same
 
   				const callbacks = loading[ url ];
+
+  				if ( callbacks === undefined ) {
+
+  					// When onLoad was called and url was deleted in `loading`
+  					this.manager.itemError( url );
+  					throw err;
+
+  				}
+
   				delete loading[ url ];
 
   				for ( let i = 0, il = callbacks.length; i < il; i ++ ) {
@@ -37193,6 +37734,10 @@
   				}
 
   				this.manager.itemError( url );
+
+  			} )
+  			.finally( () => {
+
   				this.manager.itemEnd( url );
 
   			} );
@@ -43596,7 +44141,19 @@
 
   		}
   	},
+  	gammaFactor: {
+  		get: function () {
+
+  			console.warn( 'THREE.WebGLRenderer: .gammaFactor has been removed.' );
+  			return 2;
 
+  		},
+  		set: function () {
+
+  			console.warn( 'THREE.WebGLRenderer: .gammaFactor has been removed.' );
+
+  		}
+  	}
   } );
 
   Object.defineProperties( WebGLShadowMap.prototype, {
@@ -43868,11 +44425,9 @@
 
   if ( typeof __THREE_DEVTOOLS__ !== 'undefined' ) {
 
-  	/* eslint-disable no-undef */
   	__THREE_DEVTOOLS__.dispatchEvent( new CustomEvent( 'register', { detail: {
   		revision: REVISION,
   	} } ) );
-  	/* eslint-enable no-undef */
 
   }
 
@@ -43975,7 +44530,7 @@
   }
 
   function _iterableToArrayLimit$6(arr, i) {
-    var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]);
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
 
     if (_i == null) return;
     var _arr = [];
@@ -46625,6 +47180,8 @@
   function _possibleConstructorReturn$2(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$3(self);
@@ -46930,8 +47487,8 @@
             holes = _earcut$flatten2.holes;
 
         var firstHoleIdx = holes[0] || Infinity;
-        var outerVertices = vertices.slice(0, firstHoleIdx);
-        var holeVertices = vertices.slice(firstHoleIdx);
+        var outerVertices = vertices.slice(0, firstHoleIdx * 3);
+        var holeVertices = vertices.slice(firstHoleIdx * 3);
         var holesIdx = new Set(holes);
         var numPoints = Math.round(vertices.length / 3);
         var outerIndices = [],
@@ -72059,8 +72616,8 @@
   : {
     DoubleSide: DoubleSide,
     Group: Group$1,
-    Line: Line,
     LineBasicMaterial: LineBasicMaterial,
+    LineSegments: LineSegments,
     Mesh: Mesh,
     MeshBasicMaterial: MeshBasicMaterial
   };
@@ -72168,7 +72725,7 @@
           obj.__defaultCapMaterial // cap material
           ])); // polygon stroke
 
-          obj.add(new THREE$8.Line(undefined, new THREE$8.LineBasicMaterial()));
+          obj.add(new THREE$8.LineSegments(undefined, new THREE$8.LineBasicMaterial()));
           obj.__globeObjType = 'polygon'; // Add object type
 
           return obj;
@@ -75324,30 +75881,20 @@
 
   		function onPointerUp( event ) {
 
-  			if ( scope.enabled === false ) return;
+  		    removePointer( event );
 
-  			if ( event.pointerType === 'touch' ) {
+  		    if ( pointers.length === 0 ) {
 
-  				onTouchEnd();
+  		        scope.domElement.releasePointerCapture( event.pointerId );
 
-  			} else {
+  		        scope.domElement.removeEventListener( 'pointermove', onPointerMove );
+  		        scope.domElement.removeEventListener( 'pointerup', onPointerUp );
 
-  				onMouseUp();
+  		    }
 
-  			}
-
-  			removePointer( event );
-
-  			//
-
-  			if ( pointers.length === 0 ) {
-
-  				scope.domElement.releasePointerCapture( event.pointerId );
-
-  				scope.domElement.removeEventListener( 'pointermove', onPointerMove );
-  				scope.domElement.removeEventListener( 'pointerup', onPointerUp );
+  		    scope.dispatchEvent( _endEvent );
 
-  			}
+  		    state = STATE.NONE;
 
   		}
 
@@ -75488,14 +76035,6 @@
 
   		}
 
-  		function onMouseUp( event ) {
-
-  			scope.dispatchEvent( _endEvent );
-
-  			state = STATE.NONE;
-
-  		}
-
   		function onMouseWheel( event ) {
 
   			if ( scope.enabled === false || scope.enableZoom === false || state !== STATE.NONE ) return;
@@ -75656,14 +76195,6 @@
 
   		}
 
-  		function onTouchEnd( event ) {
-
-  			scope.dispatchEvent( _endEvent );
-
-  			state = STATE.NONE;
-
-  		}
-
   		function onContextMenu( event ) {
 
   			if ( scope.enabled === false ) return;
@@ -78054,14 +78585,9 @@
 
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
-
-      if (enumerableOnly) {
-        symbols = symbols.filter(function (sym) {
-          return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-        });
-      }
-
-      keys.push.apply(keys, symbols);
+      enumerableOnly && (symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      })), keys.push.apply(keys, symbols);
     }
 
     return keys;
@@ -78069,19 +78595,12 @@
 
   function _objectSpread2(target) {
     for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i] != null ? arguments[i] : {};
-
-      if (i % 2) {
-        ownKeys(Object(source), true).forEach(function (key) {
-          _defineProperty(target, key, source[key]);
-        });
-      } else if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-      } else {
-        ownKeys(Object(source)).forEach(function (key) {
-          Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-      }
+      var source = null != arguments[i] ? arguments[i] : {};
+      i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+        _defineProperty(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
     }
 
     return target;
@@ -78686,10 +79205,9 @@
         var objType = globeObj.__globeObjType;
 
         if (globeObj && objFns.hasOwnProperty(objType) && objFns[objType]) {
-          var args = [ev];
+          var args = [ev]; // include click coords
 
           if (objType === 'globe') {
-            // include click coords in { lat, lng }
             var _this$toGeoCoords = _this.toGeoCoords(point),
                 lat = _this$toGeoCoords.lat,
                 lng = _this$toGeoCoords.lng;
@@ -78698,6 +79216,8 @@
               lat: lat,
               lng: lng
             });
+          } else {
+            args.push(_this.toGeoCoords(point));
           }
 
           dataAccessors.hasOwnProperty(objType) && args.unshift(dataAccessors[objType](globeObj.__data));
@@ -78723,10 +79243,9 @@
         var objType = globeObj.__globeObjType;
 
         if (globeObj && objFns.hasOwnProperty(objType) && objFns[objType]) {
-          var args = [ev];
+          var args = [ev]; // include click coords
 
           if (objType === 'globe') {
-            // include click coords in { lat, lng }
             var _this$toGeoCoords2 = _this.toGeoCoords(point),
                 lat = _this$toGeoCoords2.lat,
                 lng = _this$toGeoCoords2.lng;
@@ -78735,6 +79254,8 @@
               lat: lat,
               lng: lng
             });
+          } else {
+            args.push(_this.toGeoCoords(point));
           }
 
           dataAccessors.hasOwnProperty(objType) && args.unshift(dataAccessors[objType](globeObj.__data));
@@ -79036,6 +79557,8 @@
 
   var ReactPropTypesSecret_1 = ReactPropTypesSecret$2;
 
+  var has$2 = Function.call.bind(Object.prototype.hasOwnProperty);
+
   /**
    * Copyright (c) 2013-present, Facebook, Inc.
    *
@@ -79048,7 +79571,7 @@
   {
     var ReactPropTypesSecret$1 = ReactPropTypesSecret_1;
     var loggedTypeFailures = {};
-    var has$1 = Function.call.bind(Object.prototype.hasOwnProperty);
+    var has$1 = has$2;
 
     printWarning$1 = function(text) {
       var message = 'Warning: ' + text;
@@ -79060,7 +79583,7 @@
         // This error was thrown as a convenience so that you can use this stack
         // to find the callsite that caused this warning to fire.
         throw new Error(message);
-      } catch (x) {}
+      } catch (x) { /**/ }
     };
   }
 
@@ -79089,7 +79612,8 @@
             if (typeof typeSpecs[typeSpecName] !== 'function') {
               var err = Error(
                 (componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' +
-                'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.'
+                'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' +
+                'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.'
               );
               err.name = 'Invariant Violation';
               throw err;
@@ -79148,9 +79672,9 @@
   var assign = objectAssign;
 
   var ReactPropTypesSecret = ReactPropTypesSecret_1;
+  var has = has$2;
   var checkPropTypes = checkPropTypes_1;
 
-  var has = Function.call.bind(Object.prototype.hasOwnProperty);
   var printWarning = function() {};
 
   {
@@ -79251,6 +79775,7 @@
     // Keep this list in sync with production version in `./factoryWithThrowingShims.js`.
     var ReactPropTypes = {
       array: createPrimitiveTypeChecker('array'),
+      bigint: createPrimitiveTypeChecker('bigint'),
       bool: createPrimitiveTypeChecker('boolean'),
       func: createPrimitiveTypeChecker('function'),
       number: createPrimitiveTypeChecker('number'),
@@ -79296,8 +79821,9 @@
      * is prohibitively expensive if they are created too often, such as what
      * happens in oneOfType() for any type before the one that matched.
      */
-    function PropTypeError(message) {
+    function PropTypeError(message, data) {
       this.message = message;
+      this.data = data && typeof data === 'object' ? data: {};
       this.stack = '';
     }
     // Make `instanceof Error` still work for returned errors.
@@ -79332,7 +79858,7 @@
             ) {
               printWarning(
                 'You are manually calling a React.PropTypes validation ' +
-                'function for the `' + propFullName + '` prop on `' + componentName  + '`. This is deprecated ' +
+                'function for the `' + propFullName + '` prop on `' + componentName + '`. This is deprecated ' +
                 'and will throw in the standalone `prop-types` package. ' +
                 'You may be seeing this warning due to a third-party PropTypes ' +
                 'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.'
@@ -79371,7 +79897,10 @@
           // 'of type `object`'.
           var preciseType = getPreciseType(propValue);
 
-          return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'));
+          return new PropTypeError(
+            'Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'),
+            {expectedType: expectedType}
+          );
         }
         return null;
       }
@@ -79515,14 +80044,19 @@
       }
 
       function validate(props, propName, componentName, location, propFullName) {
+        var expectedTypes = [];
         for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
           var checker = arrayOfTypeCheckers[i];
-          if (checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret) == null) {
+          var checkerResult = checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret);
+          if (checkerResult == null) {
             return null;
           }
+          if (checkerResult.data.hasOwnProperty('expectedType')) {
+            expectedTypes.push(checkerResult.data.expectedType);
+          }
         }
-
-        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`.'));
+        var expectedTypesMessage = (expectedTypes.length > 0) ? ', expected one of type [' + expectedTypes.join(', ') + ']': '';
+        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`' + expectedTypesMessage + '.'));
       }
       return createChainableTypeChecker(validate);
     }
@@ -79537,6 +80071,13 @@
       return createChainableTypeChecker(validate);
     }
 
+    function invalidValidatorError(componentName, location, propFullName, key, type) {
+      return new PropTypeError(
+        (componentName || 'React class') + ': ' + location + ' type `' + propFullName + '.' + key + '` is invalid; ' +
+        'it must be a function, usually from the `prop-types` package, but received `' + type + '`.'
+      );
+    }
+
     function createShapeTypeChecker(shapeTypes) {
       function validate(props, propName, componentName, location, propFullName) {
         var propValue = props[propName];
@@ -79546,8 +80087,8 @@
         }
         for (var key in shapeTypes) {
           var checker = shapeTypes[key];
-          if (!checker) {
-            continue;
+          if (typeof checker !== 'function') {
+            return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
           }
           var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
           if (error) {
@@ -79566,16 +80107,18 @@
         if (propType !== 'object') {
           return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
         }
-        // We need to check all keys in case some are required but missing from
-        // props.
+        // We need to check all keys in case some are required but missing from props.
         var allKeys = assign({}, props[propName], shapeTypes);
         for (var key in allKeys) {
           var checker = shapeTypes[key];
+          if (has(shapeTypes, key) && typeof checker !== 'function') {
+            return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
+          }
           if (!checker) {
             return new PropTypeError(
               'Invalid ' + location + ' `' + propFullName + '` key `' + key + '` supplied to `' + componentName + '`.' +
               '\nBad object: ' + JSON.stringify(props[propName], null, '  ') +
-              '\nValid keys: ' +  JSON.stringify(Object.keys(shapeTypes), null, '  ')
+              '\nValid keys: ' + JSON.stringify(Object.keys(shapeTypes), null, '  ')
             );
           }
           var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);