npm - globe.gl - Versions diffs - 2.28.2 → 2.28.3 - Mend

globe.gl 2.28.2 → 2.28.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/globe.gl.js CHANGED Viewed

@@ -1,4 +1,4 @@
-// Version 2.28.2 globe.gl - https://github.com/vasturiano/globe.gl
+// Version 2.28.3 globe.gl - https://github.com/vasturiano/globe.gl
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
@@ -142,7 +142,8 @@
    * Copyright 2010-2023 Three.js Authors
    * SPDX-License-Identifier: MIT
    */
-  const REVISION = '151';
+  const REVISION = '152';
   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;
@@ -265,12 +266,17 @@
   const TrianglesDrawMode = 0;
   const TriangleStripDrawMode = 1;
   const TriangleFanDrawMode = 2;
+  /** @deprecated Use LinearSRGBColorSpace or NoColorSpace in three.js r152+. */
   const LinearEncoding = 3000;
+  /** @deprecated Use SRGBColorSpace in three.js r152+. */
   const sRGBEncoding = 3001;
   const BasicDepthPacking = 3200;
   const RGBADepthPacking = 3201;
   const TangentSpaceNormalMap = 0;
   const ObjectSpaceNormalMap = 1;
+  // Color space string identifiers, matching CSS Color Module Level 4 and WebGPU names where available.
+  const NoColorSpace = '';
   const SRGBColorSpace = 'srgb';
   const LinearSRGBColorSpace = 'srgb-linear';
   const DisplayP3ColorSpace = 'display-p3';
@@ -1551,6 +1557,18 @@
   }
+  const _cache = {};
+  function warnOnce( message ) {
+  	if ( message in _cache ) return;
+  	_cache[ message ] = true;
+  	console.warn( message );
+  }
   function SRGBToLinear( c ) {
   	return ( c < 0.04045 ) ? c * 0.0773993808 : Math.pow( c * 0.9478672986 + 0.0521327014, 2.4 );
@@ -1617,7 +1635,7 @@
   const ColorManagement = {
-  	enabled: false,
+  	enabled: true,
   	get legacyMode() {
@@ -1930,7 +1948,7 @@
   class Texture extends EventDispatcher {
-  	constructor( image = Texture.DEFAULT_IMAGE, mapping = Texture.DEFAULT_MAPPING, wrapS = ClampToEdgeWrapping, wrapT = ClampToEdgeWrapping, magFilter = LinearFilter, minFilter = LinearMipmapLinearFilter, format = RGBAFormat, type = UnsignedByteType, anisotropy = Texture.DEFAULT_ANISOTROPY, encoding = LinearEncoding ) {
+  	constructor( image = Texture.DEFAULT_IMAGE, mapping = Texture.DEFAULT_MAPPING, wrapS = ClampToEdgeWrapping, wrapT = ClampToEdgeWrapping, magFilter = LinearFilter, minFilter = LinearMipmapLinearFilter, format = RGBAFormat, type = UnsignedByteType, anisotropy = Texture.DEFAULT_ANISOTROPY, colorSpace = NoColorSpace ) {
   		super();
@@ -1973,11 +1991,17 @@
   		this.flipY = true;
   		this.unpackAlignment = 4;	// valid values: 1, 2, 4, 8 (see http://www.khronos.org/opengles/sdk/docs/man/xhtml/glPixelStorei.xml)
-  		// Values of encoding !== THREE.LinearEncoding only supported on map, envMap and emissiveMap.
-  		//
-  		// Also changing the encoding after already used by a Material will not automatically make the Material
-  		// update. You need to explicitly call Material.needsUpdate to trigger it to recompile.
-  		this.encoding = encoding;
+  		if ( typeof colorSpace === 'string' ) {
+  			this.colorSpace = colorSpace;
+  		} else { // @deprecated, r152
+  			warnOnce( 'THREE.Texture: Property .encoding has been replaced by .colorSpace.' );
+  			this.colorSpace = colorSpace === sRGBEncoding ? SRGBColorSpace : NoColorSpace;
+  		}
   		this.userData = {};
@@ -2047,7 +2071,7 @@
   		this.premultiplyAlpha = source.premultiplyAlpha;
   		this.flipY = source.flipY;
   		this.unpackAlignment = source.unpackAlignment;
-  		this.encoding = source.encoding;
+  		this.colorSpace = source.colorSpace;
   		this.userData = JSON.parse( JSON.stringify( source.userData ) );
@@ -2093,7 +2117,7 @@
   			format: this.format,
   			internalFormat: this.internalFormat,
   			type: this.type,
-  			encoding: this.encoding,
+  			colorSpace: this.colorSpace,
   			minFilter: this.minFilter,
   			magFilter: this.magFilter,
@@ -2216,6 +2240,20 @@
   	}
+  	get encoding() { // @deprecated, r152
+  		warnOnce( 'THREE.Texture: Property .encoding has been replaced by .colorSpace.' );
+  		return this.colorSpace === SRGBColorSpace ? sRGBEncoding : LinearEncoding;
+  	}
+  	set encoding( encoding ) { // @deprecated, r152
+  		warnOnce( 'THREE.Texture: Property .encoding has been replaced by .colorSpace.' );
+  		this.colorSpace = encoding === sRGBEncoding ? SRGBColorSpace : NoColorSpace;
+  	}
   }
   Texture.DEFAULT_IMAGE = null;
@@ -2889,7 +2927,15 @@
   		const image = { width: width, height: height, depth: 1 };
-  		this.texture = new Texture( image, options.mapping, options.wrapS, options.wrapT, options.magFilter, options.minFilter, options.format, options.type, options.anisotropy, options.encoding );
+  		if ( options.encoding !== undefined ) {
+  			// @deprecated, r152
+  			warnOnce( 'THREE.WebGLRenderTarget: option.encoding has been replaced by option.colorSpace.' );
+  			options.colorSpace = options.encoding === sRGBEncoding ? SRGBColorSpace : NoColorSpace;
+  		}
+  		this.texture = new Texture( image, options.mapping, options.wrapS, options.wrapT, options.magFilter, options.minFilter, options.format, options.type, options.anisotropy, options.colorSpace );
   		this.texture.isRenderTargetTexture = true;
   		this.texture.flipY = false;
@@ -2939,6 +2985,9 @@
   		this.height = source.height;
   		this.depth = source.depth;
+  		this.scissor.copy( source.scissor );
+  		this.scissorTest = source.scissorTest;
   		this.viewport.copy( source.viewport );
   		this.texture = source.texture.clone();
@@ -7830,6 +7879,8 @@
   		this.frustumCulled = source.frustumCulled;
   		this.renderOrder = source.renderOrder;
+  		this.animations = source.animations;
   		this.userData = JSON.parse( JSON.stringify( source.userData ) );
   		if ( recursive === true ) {
@@ -8847,30 +8898,30 @@
   					if ( color = /^\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*(\d*\.?\d+)\s*)?$/.exec( components ) ) {
   						// rgb(255,0,0) rgba(255,0,0,0.5)
-  						this.r = Math.min( 255, parseInt( color[ 1 ], 10 ) ) / 255;
-  						this.g = Math.min( 255, parseInt( color[ 2 ], 10 ) ) / 255;
-  						this.b = Math.min( 255, parseInt( color[ 3 ], 10 ) ) / 255;
-  						ColorManagement.toWorkingColorSpace( this, colorSpace );
   						handleAlpha( color[ 4 ] );
-  						return this;
+  						return this.setRGB(
+  							Math.min( 255, parseInt( color[ 1 ], 10 ) ) / 255,
+  							Math.min( 255, parseInt( color[ 2 ], 10 ) ) / 255,
+  							Math.min( 255, parseInt( color[ 3 ], 10 ) ) / 255,
+  							colorSpace
+  						);
   					}
   					if ( color = /^\s*(\d+)\%\s*,\s*(\d+)\%\s*,\s*(\d+)\%\s*(?:,\s*(\d*\.?\d+)\s*)?$/.exec( components ) ) {
   						// rgb(100%,0%,0%) rgba(100%,0%,0%,0.5)
-  						this.r = Math.min( 100, parseInt( color[ 1 ], 10 ) ) / 100;
-  						this.g = Math.min( 100, parseInt( color[ 2 ], 10 ) ) / 100;
-  						this.b = Math.min( 100, parseInt( color[ 3 ], 10 ) ) / 100;
-  						ColorManagement.toWorkingColorSpace( this, colorSpace );
   						handleAlpha( color[ 4 ] );
-  						return this;
+  						return this.setRGB(
+  							Math.min( 100, parseInt( color[ 1 ], 10 ) ) / 100,
+  							Math.min( 100, parseInt( color[ 2 ], 10 ) ) / 100,
+  							Math.min( 100, parseInt( color[ 3 ], 10 ) ) / 100,
+  							colorSpace
+  						);
   					}
@@ -8882,13 +8933,15 @@
   					if ( color = /^\s*(\d*\.?\d+)\s*,\s*(\d*\.?\d+)\%\s*,\s*(\d*\.?\d+)\%\s*(?:,\s*(\d*\.?\d+)\s*)?$/.exec( components ) ) {
   						// hsl(120,50%,50%) hsla(120,50%,50%,0.5)
-  						const h = parseFloat( color[ 1 ] ) / 360;
-  						const s = parseFloat( color[ 2 ] ) / 100;
-  						const l = parseFloat( color[ 3 ] ) / 100;
   						handleAlpha( color[ 4 ] );
-  						return this.setHSL( h, s, l, colorSpace );
+  						return this.setHSL(
+  							parseFloat( color[ 1 ] ) / 360,
+  							parseFloat( color[ 2 ] ) / 100,
+  							parseFloat( color[ 3 ] ) / 100,
+  							colorSpace
+  						);
   					}
@@ -9015,7 +9068,7 @@
   		ColorManagement.fromWorkingColorSpace( _color.copy( this ), colorSpace );
-  		return clamp( _color.r * 255, 0, 255 ) << 16 ^ clamp( _color.g * 255, 0, 255 ) << 8 ^ clamp( _color.b * 255, 0, 255 ) << 0;
+  		return Math.round( clamp( _color.r * 255, 0, 255 ) ) * 65536 + Math.round( clamp( _color.g * 255, 0, 255 ) ) * 256 + Math.round( clamp( _color.b * 255, 0, 255 ) );
   	}
@@ -9095,7 +9148,7 @@
   		}
-  		return `rgb(${( r * 255 ) | 0},${( g * 255 ) | 0},${( b * 255 ) | 0})`;
+  		return `rgb(${ Math.round( r * 255 ) },${ Math.round( g * 255 ) },${ Math.round( b * 255 ) })`;
   	}
@@ -10965,12 +11018,6 @@
   		}
-  		if ( this.isSkinnedMesh ) {
-  			this.applyBoneTransform( index, target );
-  		}
   		return target;
   	}
@@ -11013,12 +11060,21 @@
   		}
+  		this._computeIntersections( raycaster, intersects );
+  	}
+  	_computeIntersections( raycaster, intersects ) {
   		let intersection;
+  		const geometry = this.geometry;
+  		const material = this.material;
   		const index = geometry.index;
   		const position = geometry.attributes.position;
   		const uv = geometry.attributes.uv;
-  		const uv2 = geometry.attributes.uv2;
+  		const uv1 = geometry.attributes.uv1;
   		const normal = geometry.attributes.normal;
   		const groups = geometry.groups;
   		const drawRange = geometry.drawRange;
@@ -11043,7 +11099,7 @@
   						const b = index.getX( j + 1 );
   						const c = index.getX( j + 2 );
-  						intersection = checkGeometryIntersection( this, groupMaterial, raycaster, _ray$2, uv, uv2, normal, a, b, c );
+  						intersection = checkGeometryIntersection( this, groupMaterial, raycaster, _ray$2, uv, uv1, normal, a, b, c );
   						if ( intersection ) {
@@ -11068,7 +11124,7 @@
   					const b = index.getX( i + 1 );
   					const c = index.getX( i + 2 );
-  					intersection = checkGeometryIntersection( this, material, raycaster, _ray$2, uv, uv2, normal, a, b, c );
+  					intersection = checkGeometryIntersection( this, material, raycaster, _ray$2, uv, uv1, normal, a, b, c );
   					if ( intersection ) {
@@ -11101,7 +11157,7 @@
   						const b = j + 1;
   						const c = j + 2;
-  						intersection = checkGeometryIntersection( this, groupMaterial, raycaster, _ray$2, uv, uv2, normal, a, b, c );
+  						intersection = checkGeometryIntersection( this, groupMaterial, raycaster, _ray$2, uv, uv1, normal, a, b, c );
   						if ( intersection ) {
@@ -11126,7 +11182,7 @@
   					const b = i + 1;
   					const c = i + 2;
-  					intersection = checkGeometryIntersection( this, material, raycaster, _ray$2, uv, uv2, normal, a, b, c );
+  					intersection = checkGeometryIntersection( this, material, raycaster, _ray$2, uv, uv1, normal, a, b, c );
   					if ( intersection ) {
@@ -11176,7 +11232,7 @@
   }
-  function checkGeometryIntersection( object, material, raycaster, ray, uv, uv2, normal, a, b, c ) {
+  function checkGeometryIntersection( object, material, raycaster, ray, uv, uv1, normal, a, b, c ) {
   	object.getVertexPosition( a, _vA$1 );
   	object.getVertexPosition( b, _vB$1 );
@@ -11196,13 +11252,14 @@
   		}
-  		if ( uv2 ) {
+  		if ( uv1 ) {
-  			_uvA$1.fromBufferAttribute( uv2, a );
-  			_uvB$1.fromBufferAttribute( uv2, b );
-  			_uvC$1.fromBufferAttribute( uv2, c );
+  			_uvA$1.fromBufferAttribute( uv1, a );
+  			_uvB$1.fromBufferAttribute( uv1, b );
+  			_uvC$1.fromBufferAttribute( uv1, c );
-  			intersection.uv2 = Triangle.getInterpolation( _intersectionPoint, _vA$1, _vB$1, _vC$1, _uvA$1, _uvB$1, _uvC$1, new Vector2() );
+  			intersection.uv1 = Triangle.getInterpolation( _intersectionPoint, _vA$1, _vB$1, _vC$1, _uvA$1, _uvB$1, _uvC$1, new Vector2() );
+  			intersection.uv2 = intersection.uv1; // Backwards compatibility
   		}
@@ -11504,7 +11561,7 @@
   	if ( renderer.getRenderTarget() === null ) {
   		// https://github.com/mrdoob/three.js/pull/23937#issuecomment-1111067398
-  		return renderer.outputEncoding === sRGBEncoding ? SRGBColorSpace : LinearSRGBColorSpace;
+  		return renderer.outputColorSpace;
   	}
@@ -11560,7 +11617,7 @@
   		this.defaultAttributeValues = {
   			'color': [ 1, 1, 1 ],
   			'uv': [ 0, 0 ],
-  			'uv2': [ 0, 0 ]
+  			'uv1': [ 0, 0 ]
   		};
   		this.index0AttributeName = undefined;
@@ -11681,6 +11738,9 @@
   		data.vertexShader = this.vertexShader;
   		data.fragmentShader = this.fragmentShader;
+  		data.lights = this.lights;
+  		data.clipping = this.clipping;
   		const extensions = {};
   		for ( const key in this.extensions ) {
@@ -12094,12 +12154,12 @@
   class CubeTexture extends Texture {
-  	constructor( images, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy, encoding ) {
+  	constructor( images, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy, colorSpace ) {
   		images = images !== undefined ? images : [];
   		mapping = mapping !== undefined ? mapping : CubeReflectionMapping;
-  		super( images, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy, encoding );
+  		super( images, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy, colorSpace );
   		this.isCubeTexture = true;
@@ -12132,7 +12192,15 @@
   		const image = { width: size, height: size, depth: 1 };
   		const images = [ image, image, image, image, image, image ];
-  		this.texture = new CubeTexture( images, options.mapping, options.wrapS, options.wrapT, options.magFilter, options.minFilter, options.format, options.type, options.anisotropy, options.encoding );
+  		if ( options.encoding !== undefined ) {
+  			// @deprecated, r152
+  			warnOnce( 'THREE.WebGLCubeRenderTarget: option.encoding has been replaced by option.colorSpace.' );
+  			options.colorSpace = options.encoding === sRGBEncoding ? SRGBColorSpace : NoColorSpace;
+  		}
+  		this.texture = new CubeTexture( images, options.mapping, options.wrapS, options.wrapT, options.magFilter, options.minFilter, options.format, options.type, options.anisotropy, options.colorSpace );
   		// By convention -- likely based on the RenderMan spec from the 1990's -- cube maps are specified by WebGL (and three.js)
   		// in a coordinate system in which positive-x is to the right when looking up the positive-z axis -- in other words,
@@ -12152,7 +12220,7 @@
   	fromEquirectangularTexture( renderer, texture ) {
   		this.texture.type = texture.type;
-  		this.texture.encoding = texture.encoding;
+  		this.texture.colorSpace = texture.colorSpace;
   		this.texture.generateMipmaps = texture.generateMipmaps;
   		this.texture.minFilter = texture.minFilter;
@@ -12698,7 +12766,7 @@
   		if ( array instanceof Float32Array ) {
-  			type = 5126;
+  			type = gl.FLOAT;
   		} else if ( array instanceof Uint16Array ) {
@@ -12706,7 +12774,7 @@
   				if ( isWebGL2 ) {
-  					type = 5131;
+  					type = gl.HALF_FLOAT;
   				} else {
@@ -12716,33 +12784,33 @@
   			} else {
-  				type = 5123;
+  				type = gl.UNSIGNED_SHORT;
   			}
   		} else if ( array instanceof Int16Array ) {
-  			type = 5122;
+  			type = gl.SHORT;
   		} else if ( array instanceof Uint32Array ) {
-  			type = 5125;
+  			type = gl.UNSIGNED_INT;
   		} else if ( array instanceof Int32Array ) {
-  			type = 5124;
+  			type = gl.INT;
   		} else if ( array instanceof Int8Array ) {
-  			type = 5120;
+  			type = gl.BYTE;
   		} else if ( array instanceof Uint8Array ) {
-  			type = 5121;
+  			type = gl.UNSIGNED_BYTE;
   		} else if ( array instanceof Uint8ClampedArray ) {
-  			type = 5121;
+  			type = gl.UNSIGNED_BYTE;
   		} else {
@@ -13077,7 +13145,7 @@
   var logdepthbuf_vertex = "#ifdef USE_LOGDEPTHBUF\n\t#ifdef USE_LOGDEPTHBUF_EXT\n\t\tvFragDepth = 1.0 + gl_Position.w;\n\t\tvIsPerspective = float( isPerspectiveMatrix( projectionMatrix ) );\n\t#else\n\t\tif ( isPerspectiveMatrix( projectionMatrix ) ) {\n\t\t\tgl_Position.z = log2( max( EPSILON, gl_Position.w + 1.0 ) ) * logDepthBufFC - 1.0;\n\t\t\tgl_Position.z *= gl_Position.w;\n\t\t}\n\t#endif\n#endif";
-  var map_fragment = "#ifdef USE_MAP\n\tvec4 sampledDiffuseColor = texture2D( map, vMapUv );\n\t#ifdef DECODE_VIDEO_TEXTURE\n\t\tsampledDiffuseColor = vec4( mix( pow( sampledDiffuseColor.rgb * 0.9478672986 + vec3( 0.0521327014 ), vec3( 2.4 ) ), sampledDiffuseColor.rgb * 0.0773993808, vec3( lessThanEqual( sampledDiffuseColor.rgb, vec3( 0.04045 ) ) ) ), sampledDiffuseColor.w );\n\t#endif\n\tdiffuseColor *= sampledDiffuseColor;\n#endif";
+  var map_fragment = "#ifdef USE_MAP\n\tdiffuseColor *= texture2D( map, vMapUv );\n#endif";
   var map_pars_fragment = "#ifdef USE_MAP\n\tuniform sampler2D map;\n#endif";
@@ -13159,11 +13227,11 @@
   var transmission_fragment = "#ifdef USE_TRANSMISSION\n\tmaterial.transmission = transmission;\n\tmaterial.transmissionAlpha = 1.0;\n\tmaterial.thickness = thickness;\n\tmaterial.attenuationDistance = attenuationDistance;\n\tmaterial.attenuationColor = attenuationColor;\n\t#ifdef USE_TRANSMISSIONMAP\n\t\tmaterial.transmission *= texture2D( transmissionMap, vTransmissionMapUv ).r;\n\t#endif\n\t#ifdef USE_THICKNESSMAP\n\t\tmaterial.thickness *= texture2D( thicknessMap, vThicknessMapUv ).g;\n\t#endif\n\tvec3 pos = vWorldPosition;\n\tvec3 v = normalize( cameraPosition - pos );\n\tvec3 n = inverseTransformDirection( normal, viewMatrix );\n\tvec4 transmission = getIBLVolumeRefraction(\n\t\tn, v, material.roughness, material.diffuseColor, material.specularColor, material.specularF90,\n\t\tpos, modelMatrix, viewMatrix, projectionMatrix, material.ior, material.thickness,\n\t\tmaterial.attenuationColor, material.attenuationDistance );\n\tmaterial.transmissionAlpha = mix( material.transmissionAlpha, transmission.a, material.transmission );\n\ttotalDiffuse = mix( totalDiffuse, transmission.rgb, material.transmission );\n#endif";
-  var transmission_pars_fragment = "#ifdef USE_TRANSMISSION\n\tuniform float transmission;\n\tuniform float thickness;\n\tuniform float attenuationDistance;\n\tuniform vec3 attenuationColor;\n\t#ifdef USE_TRANSMISSIONMAP\n\t\tuniform sampler2D transmissionMap;\n\t#endif\n\t#ifdef USE_THICKNESSMAP\n\t\tuniform sampler2D thicknessMap;\n\t#endif\n\tuniform vec2 transmissionSamplerSize;\n\tuniform sampler2D transmissionSamplerMap;\n\tuniform mat4 modelMatrix;\n\tuniform mat4 projectionMatrix;\n\tvarying vec3 vWorldPosition;\n\tfloat w0( float a ) {\n\t\treturn ( 1.0 / 6.0 ) * ( a * ( a * ( - a + 3.0 ) - 3.0 ) + 1.0 );\n\t}\n\tfloat w1( float a ) {\n\t\treturn ( 1.0 / 6.0 ) * ( a *  a * ( 3.0 * a - 6.0 ) + 4.0 );\n\t}\n\tfloat w2( float a ){\n\t\treturn ( 1.0 / 6.0 ) * ( a * ( a * ( - 3.0 * a + 3.0 ) + 3.0 ) + 1.0 );\n\t}\n\tfloat w3( float a ) {\n\t\treturn ( 1.0 / 6.0 ) * ( a * a * a );\n\t}\n\tfloat g0( float a ) {\n\t\treturn w0( a ) + w1( a );\n\t}\n\tfloat g1( float a ) {\n\t\treturn w2( a ) + w3( a );\n\t}\n\tfloat h0( float a ) {\n\t\treturn - 1.0 + w1( a ) / ( w0( a ) + w1( a ) );\n\t}\n\tfloat h1( float a ) {\n\t\treturn 1.0 + w3( a ) / ( w2( a ) + w3( a ) );\n\t}\n\tvec4 bicubic( sampler2D tex, vec2 uv, vec4 texelSize, vec2 fullSize, float lod ) {\n\t\tuv = uv * texelSize.zw + 0.5;\n\t\tvec2 iuv = floor( uv );\n\t\tvec2 fuv = fract( uv );\n\t\tfloat g0x = g0( fuv.x );\n\t\tfloat g1x = g1( fuv.x );\n\t\tfloat h0x = h0( fuv.x );\n\t\tfloat h1x = h1( fuv.x );\n\t\tfloat h0y = h0( fuv.y );\n\t\tfloat h1y = h1( fuv.y );\n\t\tvec2 p0 = ( vec2( iuv.x + h0x, iuv.y + h0y ) - 0.5 ) * texelSize.xy;\n\t\tvec2 p1 = ( vec2( iuv.x + h1x, iuv.y + h0y ) - 0.5 ) * texelSize.xy;\n\t\tvec2 p2 = ( vec2( iuv.x + h0x, iuv.y + h1y ) - 0.5 ) * texelSize.xy;\n\t\tvec2 p3 = ( vec2( iuv.x + h1x, iuv.y + h1y ) - 0.5 ) * texelSize.xy;\n\t\t\n\t\tvec2 lodFudge = pow( 1.95, lod ) / fullSize;\n\t\treturn g0( fuv.y ) * ( g0x * textureLod( tex, p0, lod ) + g1x * textureLod( tex, p1, lod ) ) +\n\t\t\tg1( fuv.y ) * ( g0x * textureLod( tex, p2, lod ) + g1x * textureLod( tex, p3, lod ) );\n\t}\n\tvec4 textureBicubic( sampler2D sampler, vec2 uv, float lod ) {\n\t\tvec2 fLodSize = vec2( textureSize( sampler, int( lod ) ) );\n\t\tvec2 cLodSize = vec2( textureSize( sampler, int( lod + 1.0 ) ) );\n\t\tvec2 fLodSizeInv = 1.0 / fLodSize;\n\t\tvec2 cLodSizeInv = 1.0 / cLodSize;\n\t\tvec2 fullSize = vec2( textureSize( sampler, 0 ) );\n\t\tvec4 fSample = bicubic( sampler, uv, vec4( fLodSizeInv, fLodSize ), fullSize, floor( lod ) );\n\t\tvec4 cSample = bicubic( sampler, uv, vec4( cLodSizeInv, cLodSize ), fullSize, ceil( lod ) );\n\t\treturn mix( fSample, cSample, fract( lod ) );\n\t}\n\tvec3 getVolumeTransmissionRay( const in vec3 n, const in vec3 v, const in float thickness, const in float ior, const in mat4 modelMatrix ) {\n\t\tvec3 refractionVector = refract( - v, normalize( n ), 1.0 / ior );\n\t\tvec3 modelScale;\n\t\tmodelScale.x = length( vec3( modelMatrix[ 0 ].xyz ) );\n\t\tmodelScale.y = length( vec3( modelMatrix[ 1 ].xyz ) );\n\t\tmodelScale.z = length( vec3( modelMatrix[ 2 ].xyz ) );\n\t\treturn normalize( refractionVector ) * thickness * modelScale;\n\t}\n\tfloat applyIorToRoughness( const in float roughness, const in float ior ) {\n\t\treturn roughness * clamp( ior * 2.0 - 2.0, 0.0, 1.0 );\n\t}\n\tvec4 getTransmissionSample( const in vec2 fragCoord, const in float roughness, const in float ior ) {\n\t\tfloat lod = log2( transmissionSamplerSize.x ) * applyIorToRoughness( roughness, ior );\n\t\treturn textureBicubic( transmissionSamplerMap, fragCoord.xy, lod );\n\t}\n\tvec3 applyVolumeAttenuation( const in vec3 radiance, const in float transmissionDistance, const in vec3 attenuationColor, const in float attenuationDistance ) {\n\t\tif ( isinf( attenuationDistance ) ) {\n\t\t\treturn radiance;\n\t\t} else {\n\t\t\tvec3 attenuationCoefficient = -log( attenuationColor ) / attenuationDistance;\n\t\t\tvec3 transmittance = exp( - attenuationCoefficient * transmissionDistance );\t\t\treturn transmittance * radiance;\n\t\t}\n\t}\n\tvec4 getIBLVolumeRefraction( const in vec3 n, const in vec3 v, const in float roughness, const in vec3 diffuseColor,\n\t\tconst in vec3 specularColor, const in float specularF90, const in vec3 position, const in mat4 modelMatrix,\n\t\tconst in mat4 viewMatrix, const in mat4 projMatrix, const in float ior, const in float thickness,\n\t\tconst in vec3 attenuationColor, const in float attenuationDistance ) {\n\t\tvec3 transmissionRay = getVolumeTransmissionRay( n, v, thickness, ior, modelMatrix );\n\t\tvec3 refractedRayExit = position + transmissionRay;\n\t\tvec4 ndcPos = projMatrix * viewMatrix * vec4( refractedRayExit, 1.0 );\n\t\tvec2 refractionCoords = ndcPos.xy / ndcPos.w;\n\t\trefractionCoords += 1.0;\n\t\trefractionCoords /= 2.0;\n\t\tvec4 transmittedLight = getTransmissionSample( refractionCoords, roughness, ior );\n\t\tvec3 attenuatedColor = applyVolumeAttenuation( transmittedLight.rgb, length( transmissionRay ), attenuationColor, attenuationDistance );\n\t\tvec3 F = EnvironmentBRDF( n, v, specularColor, specularF90, roughness );\n\t\treturn vec4( ( 1.0 - F ) * attenuatedColor * diffuseColor, transmittedLight.a );\n\t}\n#endif";
+  var transmission_pars_fragment = "#ifdef USE_TRANSMISSION\n\tuniform float transmission;\n\tuniform float thickness;\n\tuniform float attenuationDistance;\n\tuniform vec3 attenuationColor;\n\t#ifdef USE_TRANSMISSIONMAP\n\t\tuniform sampler2D transmissionMap;\n\t#endif\n\t#ifdef USE_THICKNESSMAP\n\t\tuniform sampler2D thicknessMap;\n\t#endif\n\tuniform vec2 transmissionSamplerSize;\n\tuniform sampler2D transmissionSamplerMap;\n\tuniform mat4 modelMatrix;\n\tuniform mat4 projectionMatrix;\n\tvarying vec3 vWorldPosition;\n\tfloat w0( float a ) {\n\t\treturn ( 1.0 / 6.0 ) * ( a * ( a * ( - a + 3.0 ) - 3.0 ) + 1.0 );\n\t}\n\tfloat w1( float a ) {\n\t\treturn ( 1.0 / 6.0 ) * ( a *  a * ( 3.0 * a - 6.0 ) + 4.0 );\n\t}\n\tfloat w2( float a ){\n\t\treturn ( 1.0 / 6.0 ) * ( a * ( a * ( - 3.0 * a + 3.0 ) + 3.0 ) + 1.0 );\n\t}\n\tfloat w3( float a ) {\n\t\treturn ( 1.0 / 6.0 ) * ( a * a * a );\n\t}\n\tfloat g0( float a ) {\n\t\treturn w0( a ) + w1( a );\n\t}\n\tfloat g1( float a ) {\n\t\treturn w2( a ) + w3( a );\n\t}\n\tfloat h0( float a ) {\n\t\treturn - 1.0 + w1( a ) / ( w0( a ) + w1( a ) );\n\t}\n\tfloat h1( float a ) {\n\t\treturn 1.0 + w3( a ) / ( w2( a ) + w3( a ) );\n\t}\n\tvec4 bicubic( sampler2D tex, vec2 uv, vec4 texelSize, float lod ) {\n\t\tuv = uv * texelSize.zw + 0.5;\n\t\tvec2 iuv = floor( uv );\n\t\tvec2 fuv = fract( uv );\n\t\tfloat g0x = g0( fuv.x );\n\t\tfloat g1x = g1( fuv.x );\n\t\tfloat h0x = h0( fuv.x );\n\t\tfloat h1x = h1( fuv.x );\n\t\tfloat h0y = h0( fuv.y );\n\t\tfloat h1y = h1( fuv.y );\n\t\tvec2 p0 = ( vec2( iuv.x + h0x, iuv.y + h0y ) - 0.5 ) * texelSize.xy;\n\t\tvec2 p1 = ( vec2( iuv.x + h1x, iuv.y + h0y ) - 0.5 ) * texelSize.xy;\n\t\tvec2 p2 = ( vec2( iuv.x + h0x, iuv.y + h1y ) - 0.5 ) * texelSize.xy;\n\t\tvec2 p3 = ( vec2( iuv.x + h1x, iuv.y + h1y ) - 0.5 ) * texelSize.xy;\n\t\treturn g0( fuv.y ) * ( g0x * textureLod( tex, p0, lod ) + g1x * textureLod( tex, p1, lod ) ) +\n\t\t\tg1( fuv.y ) * ( g0x * textureLod( tex, p2, lod ) + g1x * textureLod( tex, p3, lod ) );\n\t}\n\tvec4 textureBicubic( sampler2D sampler, vec2 uv, float lod ) {\n\t\tvec2 fLodSize = vec2( textureSize( sampler, int( lod ) ) );\n\t\tvec2 cLodSize = vec2( textureSize( sampler, int( lod + 1.0 ) ) );\n\t\tvec2 fLodSizeInv = 1.0 / fLodSize;\n\t\tvec2 cLodSizeInv = 1.0 / cLodSize;\n\t\tvec4 fSample = bicubic( sampler, uv, vec4( fLodSizeInv, fLodSize ), floor( lod ) );\n\t\tvec4 cSample = bicubic( sampler, uv, vec4( cLodSizeInv, cLodSize ), ceil( lod ) );\n\t\treturn mix( fSample, cSample, fract( lod ) );\n\t}\n\tvec3 getVolumeTransmissionRay( const in vec3 n, const in vec3 v, const in float thickness, const in float ior, const in mat4 modelMatrix ) {\n\t\tvec3 refractionVector = refract( - v, normalize( n ), 1.0 / ior );\n\t\tvec3 modelScale;\n\t\tmodelScale.x = length( vec3( modelMatrix[ 0 ].xyz ) );\n\t\tmodelScale.y = length( vec3( modelMatrix[ 1 ].xyz ) );\n\t\tmodelScale.z = length( vec3( modelMatrix[ 2 ].xyz ) );\n\t\treturn normalize( refractionVector ) * thickness * modelScale;\n\t}\n\tfloat applyIorToRoughness( const in float roughness, const in float ior ) {\n\t\treturn roughness * clamp( ior * 2.0 - 2.0, 0.0, 1.0 );\n\t}\n\tvec4 getTransmissionSample( const in vec2 fragCoord, const in float roughness, const in float ior ) {\n\t\tfloat lod = log2( transmissionSamplerSize.x ) * applyIorToRoughness( roughness, ior );\n\t\treturn textureBicubic( transmissionSamplerMap, fragCoord.xy, lod );\n\t}\n\tvec3 applyVolumeAttenuation( const in vec3 radiance, const in float transmissionDistance, const in vec3 attenuationColor, const in float attenuationDistance ) {\n\t\tif ( isinf( attenuationDistance ) ) {\n\t\t\treturn radiance;\n\t\t} else {\n\t\t\tvec3 attenuationCoefficient = -log( attenuationColor ) / attenuationDistance;\n\t\t\tvec3 transmittance = exp( - attenuationCoefficient * transmissionDistance );\t\t\treturn transmittance * radiance;\n\t\t}\n\t}\n\tvec4 getIBLVolumeRefraction( const in vec3 n, const in vec3 v, const in float roughness, const in vec3 diffuseColor,\n\t\tconst in vec3 specularColor, const in float specularF90, const in vec3 position, const in mat4 modelMatrix,\n\t\tconst in mat4 viewMatrix, const in mat4 projMatrix, const in float ior, const in float thickness,\n\t\tconst in vec3 attenuationColor, const in float attenuationDistance ) {\n\t\tvec3 transmissionRay = getVolumeTransmissionRay( n, v, thickness, ior, modelMatrix );\n\t\tvec3 refractedRayExit = position + transmissionRay;\n\t\tvec4 ndcPos = projMatrix * viewMatrix * vec4( refractedRayExit, 1.0 );\n\t\tvec2 refractionCoords = ndcPos.xy / ndcPos.w;\n\t\trefractionCoords += 1.0;\n\t\trefractionCoords /= 2.0;\n\t\tvec4 transmittedLight = getTransmissionSample( refractionCoords, roughness, ior );\n\t\tvec3 attenuatedColor = applyVolumeAttenuation( transmittedLight.rgb, length( transmissionRay ), attenuationColor, attenuationDistance );\n\t\tvec3 F = EnvironmentBRDF( n, v, specularColor, specularF90, roughness );\n\t\treturn vec4( ( 1.0 - F ) * attenuatedColor * diffuseColor, transmittedLight.a );\n\t}\n#endif";
   var uv_pars_fragment = "#ifdef USE_UV\n\tvarying vec2 vUv;\n#endif\n#ifdef USE_MAP\n\tvarying vec2 vMapUv;\n#endif\n#ifdef USE_ALPHAMAP\n\tvarying vec2 vAlphaMapUv;\n#endif\n#ifdef USE_LIGHTMAP\n\tvarying vec2 vLightMapUv;\n#endif\n#ifdef USE_AOMAP\n\tvarying vec2 vAoMapUv;\n#endif\n#ifdef USE_BUMPMAP\n\tvarying vec2 vBumpMapUv;\n#endif\n#ifdef USE_NORMALMAP\n\tvarying vec2 vNormalMapUv;\n#endif\n#ifdef USE_EMISSIVEMAP\n\tvarying vec2 vEmissiveMapUv;\n#endif\n#ifdef USE_METALNESSMAP\n\tvarying vec2 vMetalnessMapUv;\n#endif\n#ifdef USE_ROUGHNESSMAP\n\tvarying vec2 vRoughnessMapUv;\n#endif\n#ifdef USE_CLEARCOATMAP\n\tvarying vec2 vClearcoatMapUv;\n#endif\n#ifdef USE_CLEARCOAT_NORMALMAP\n\tvarying vec2 vClearcoatNormalMapUv;\n#endif\n#ifdef USE_CLEARCOAT_ROUGHNESSMAP\n\tvarying vec2 vClearcoatRoughnessMapUv;\n#endif\n#ifdef USE_IRIDESCENCEMAP\n\tvarying vec2 vIridescenceMapUv;\n#endif\n#ifdef USE_IRIDESCENCE_THICKNESSMAP\n\tvarying vec2 vIridescenceThicknessMapUv;\n#endif\n#ifdef USE_SHEEN_COLORMAP\n\tvarying vec2 vSheenColorMapUv;\n#endif\n#ifdef USE_SHEEN_ROUGHNESSMAP\n\tvarying vec2 vSheenRoughnessMapUv;\n#endif\n#ifdef USE_SPECULARMAP\n\tvarying vec2 vSpecularMapUv;\n#endif\n#ifdef USE_SPECULAR_COLORMAP\n\tvarying vec2 vSpecularColorMapUv;\n#endif\n#ifdef USE_SPECULAR_INTENSITYMAP\n\tvarying vec2 vSpecularIntensityMapUv;\n#endif\n#ifdef USE_TRANSMISSIONMAP\n\tuniform mat3 transmissionMapTransform;\n\tvarying vec2 vTransmissionMapUv;\n#endif\n#ifdef USE_THICKNESSMAP\n\tuniform mat3 thicknessMapTransform;\n\tvarying vec2 vThicknessMapUv;\n#endif";
-  var uv_pars_vertex = "#ifdef USE_UV\n\tvarying vec2 vUv;\n#endif\n#ifdef USE_UV2\n\tattribute vec2 uv2;\n#endif\n#ifdef USE_MAP\n\tuniform mat3 mapTransform;\n\tvarying vec2 vMapUv;\n#endif\n#ifdef USE_ALPHAMAP\n\tuniform mat3 alphaMapTransform;\n\tvarying vec2 vAlphaMapUv;\n#endif\n#ifdef USE_LIGHTMAP\n\tuniform mat3 lightMapTransform;\n\tvarying vec2 vLightMapUv;\n#endif\n#ifdef USE_AOMAP\n\tuniform mat3 aoMapTransform;\n\tvarying vec2 vAoMapUv;\n#endif\n#ifdef USE_BUMPMAP\n\tuniform mat3 bumpMapTransform;\n\tvarying vec2 vBumpMapUv;\n#endif\n#ifdef USE_NORMALMAP\n\tuniform mat3 normalMapTransform;\n\tvarying vec2 vNormalMapUv;\n#endif\n#ifdef USE_DISPLACEMENTMAP\n\tuniform mat3 displacementMapTransform;\n\tvarying vec2 vDisplacementMapUv;\n#endif\n#ifdef USE_EMISSIVEMAP\n\tuniform mat3 emissiveMapTransform;\n\tvarying vec2 vEmissiveMapUv;\n#endif\n#ifdef USE_METALNESSMAP\n\tuniform mat3 metalnessMapTransform;\n\tvarying vec2 vMetalnessMapUv;\n#endif\n#ifdef USE_ROUGHNESSMAP\n\tuniform mat3 roughnessMapTransform;\n\tvarying vec2 vRoughnessMapUv;\n#endif\n#ifdef USE_CLEARCOATMAP\n\tuniform mat3 clearcoatMapTransform;\n\tvarying vec2 vClearcoatMapUv;\n#endif\n#ifdef USE_CLEARCOAT_NORMALMAP\n\tuniform mat3 clearcoatNormalMapTransform;\n\tvarying vec2 vClearcoatNormalMapUv;\n#endif\n#ifdef USE_CLEARCOAT_ROUGHNESSMAP\n\tuniform mat3 clearcoatRoughnessMapTransform;\n\tvarying vec2 vClearcoatRoughnessMapUv;\n#endif\n#ifdef USE_SHEEN_COLORMAP\n\tuniform mat3 sheenColorMapTransform;\n\tvarying vec2 vSheenColorMapUv;\n#endif\n#ifdef USE_SHEEN_ROUGHNESSMAP\n\tuniform mat3 sheenRoughnessMapTransform;\n\tvarying vec2 vSheenRoughnessMapUv;\n#endif\n#ifdef USE_IRIDESCENCEMAP\n\tuniform mat3 iridescenceMapTransform;\n\tvarying vec2 vIridescenceMapUv;\n#endif\n#ifdef USE_IRIDESCENCE_THICKNESSMAP\n\tuniform mat3 iridescenceThicknessMapTransform;\n\tvarying vec2 vIridescenceThicknessMapUv;\n#endif\n#ifdef USE_SPECULARMAP\n\tuniform mat3 specularMapTransform;\n\tvarying vec2 vSpecularMapUv;\n#endif\n#ifdef USE_SPECULAR_COLORMAP\n\tuniform mat3 specularColorMapTransform;\n\tvarying vec2 vSpecularColorMapUv;\n#endif\n#ifdef USE_SPECULAR_INTENSITYMAP\n\tuniform mat3 specularIntensityMapTransform;\n\tvarying vec2 vSpecularIntensityMapUv;\n#endif\n#ifdef USE_TRANSMISSIONMAP\n\tuniform mat3 transmissionMapTransform;\n\tvarying vec2 vTransmissionMapUv;\n#endif\n#ifdef USE_THICKNESSMAP\n\tuniform mat3 thicknessMapTransform;\n\tvarying vec2 vThicknessMapUv;\n#endif";
+  var uv_pars_vertex = "#ifdef USE_UV\n\tvarying vec2 vUv;\n#endif\n#ifdef USE_MAP\n\tuniform mat3 mapTransform;\n\tvarying vec2 vMapUv;\n#endif\n#ifdef USE_ALPHAMAP\n\tuniform mat3 alphaMapTransform;\n\tvarying vec2 vAlphaMapUv;\n#endif\n#ifdef USE_LIGHTMAP\n\tuniform mat3 lightMapTransform;\n\tvarying vec2 vLightMapUv;\n#endif\n#ifdef USE_AOMAP\n\tuniform mat3 aoMapTransform;\n\tvarying vec2 vAoMapUv;\n#endif\n#ifdef USE_BUMPMAP\n\tuniform mat3 bumpMapTransform;\n\tvarying vec2 vBumpMapUv;\n#endif\n#ifdef USE_NORMALMAP\n\tuniform mat3 normalMapTransform;\n\tvarying vec2 vNormalMapUv;\n#endif\n#ifdef USE_DISPLACEMENTMAP\n\tuniform mat3 displacementMapTransform;\n\tvarying vec2 vDisplacementMapUv;\n#endif\n#ifdef USE_EMISSIVEMAP\n\tuniform mat3 emissiveMapTransform;\n\tvarying vec2 vEmissiveMapUv;\n#endif\n#ifdef USE_METALNESSMAP\n\tuniform mat3 metalnessMapTransform;\n\tvarying vec2 vMetalnessMapUv;\n#endif\n#ifdef USE_ROUGHNESSMAP\n\tuniform mat3 roughnessMapTransform;\n\tvarying vec2 vRoughnessMapUv;\n#endif\n#ifdef USE_CLEARCOATMAP\n\tuniform mat3 clearcoatMapTransform;\n\tvarying vec2 vClearcoatMapUv;\n#endif\n#ifdef USE_CLEARCOAT_NORMALMAP\n\tuniform mat3 clearcoatNormalMapTransform;\n\tvarying vec2 vClearcoatNormalMapUv;\n#endif\n#ifdef USE_CLEARCOAT_ROUGHNESSMAP\n\tuniform mat3 clearcoatRoughnessMapTransform;\n\tvarying vec2 vClearcoatRoughnessMapUv;\n#endif\n#ifdef USE_SHEEN_COLORMAP\n\tuniform mat3 sheenColorMapTransform;\n\tvarying vec2 vSheenColorMapUv;\n#endif\n#ifdef USE_SHEEN_ROUGHNESSMAP\n\tuniform mat3 sheenRoughnessMapTransform;\n\tvarying vec2 vSheenRoughnessMapUv;\n#endif\n#ifdef USE_IRIDESCENCEMAP\n\tuniform mat3 iridescenceMapTransform;\n\tvarying vec2 vIridescenceMapUv;\n#endif\n#ifdef USE_IRIDESCENCE_THICKNESSMAP\n\tuniform mat3 iridescenceThicknessMapTransform;\n\tvarying vec2 vIridescenceThicknessMapUv;\n#endif\n#ifdef USE_SPECULARMAP\n\tuniform mat3 specularMapTransform;\n\tvarying vec2 vSpecularMapUv;\n#endif\n#ifdef USE_SPECULAR_COLORMAP\n\tuniform mat3 specularColorMapTransform;\n\tvarying vec2 vSpecularColorMapUv;\n#endif\n#ifdef USE_SPECULAR_INTENSITYMAP\n\tuniform mat3 specularIntensityMapTransform;\n\tvarying vec2 vSpecularIntensityMapUv;\n#endif\n#ifdef USE_TRANSMISSIONMAP\n\tuniform mat3 transmissionMapTransform;\n\tvarying vec2 vTransmissionMapUv;\n#endif\n#ifdef USE_THICKNESSMAP\n\tuniform mat3 thicknessMapTransform;\n\tvarying vec2 vThicknessMapUv;\n#endif";
   var uv_vertex = "#ifdef USE_UV\n\tvUv = vec3( uv, 1 ).xy;\n#endif\n#ifdef USE_MAP\n\tvMapUv = ( mapTransform * vec3( MAP_UV, 1 ) ).xy;\n#endif\n#ifdef USE_ALPHAMAP\n\tvAlphaMapUv = ( alphaMapTransform * vec3( ALPHAMAP_UV, 1 ) ).xy;\n#endif\n#ifdef USE_LIGHTMAP\n\tvLightMapUv = ( lightMapTransform * vec3( LIGHTMAP_UV, 1 ) ).xy;\n#endif\n#ifdef USE_AOMAP\n\tvAoMapUv = ( aoMapTransform * vec3( AOMAP_UV, 1 ) ).xy;\n#endif\n#ifdef USE_BUMPMAP\n\tvBumpMapUv = ( bumpMapTransform * vec3( BUMPMAP_UV, 1 ) ).xy;\n#endif\n#ifdef USE_NORMALMAP\n\tvNormalMapUv = ( normalMapTransform * vec3( NORMALMAP_UV, 1 ) ).xy;\n#endif\n#ifdef USE_DISPLACEMENTMAP\n\tvDisplacementMapUv = ( displacementMapTransform * vec3( DISPLACEMENTMAP_UV, 1 ) ).xy;\n#endif\n#ifdef USE_EMISSIVEMAP\n\tvEmissiveMapUv = ( emissiveMapTransform * vec3( EMISSIVEMAP_UV, 1 ) ).xy;\n#endif\n#ifdef USE_METALNESSMAP\n\tvMetalnessMapUv = ( metalnessMapTransform * vec3( METALNESSMAP_UV, 1 ) ).xy;\n#endif\n#ifdef USE_ROUGHNESSMAP\n\tvRoughnessMapUv = ( roughnessMapTransform * vec3( ROUGHNESSMAP_UV, 1 ) ).xy;\n#endif\n#ifdef USE_CLEARCOATMAP\n\tvClearcoatMapUv = ( clearcoatMapTransform * vec3( CLEARCOATMAP_UV, 1 ) ).xy;\n#endif\n#ifdef USE_CLEARCOAT_NORMALMAP\n\tvClearcoatNormalMapUv = ( clearcoatNormalMapTransform * vec3( CLEARCOAT_NORMALMAP_UV, 1 ) ).xy;\n#endif\n#ifdef USE_CLEARCOAT_ROUGHNESSMAP\n\tvClearcoatRoughnessMapUv = ( clearcoatRoughnessMapTransform * vec3( CLEARCOAT_ROUGHNESSMAP_UV, 1 ) ).xy;\n#endif\n#ifdef USE_IRIDESCENCEMAP\n\tvIridescenceMapUv = ( iridescenceMapTransform * vec3( IRIDESCENCEMAP_UV, 1 ) ).xy;\n#endif\n#ifdef USE_IRIDESCENCE_THICKNESSMAP\n\tvIridescenceThicknessMapUv = ( iridescenceThicknessMapTransform * vec3( IRIDESCENCE_THICKNESSMAP_UV, 1 ) ).xy;\n#endif\n#ifdef USE_SHEEN_COLORMAP\n\tvSheenColorMapUv = ( sheenColorMapTransform * vec3( SHEEN_COLORMAP_UV, 1 ) ).xy;\n#endif\n#ifdef USE_SHEEN_ROUGHNESSMAP\n\tvSheenRoughnessMapUv = ( sheenRoughnessMapTransform * vec3( SHEEN_ROUGHNESSMAP_UV, 1 ) ).xy;\n#endif\n#ifdef USE_SPECULARMAP\n\tvSpecularMapUv = ( specularMapTransform * vec3( SPECULARMAP_UV, 1 ) ).xy;\n#endif\n#ifdef USE_SPECULAR_COLORMAP\n\tvSpecularColorMapUv = ( specularColorMapTransform * vec3( SPECULAR_COLORMAP_UV, 1 ) ).xy;\n#endif\n#ifdef USE_SPECULAR_INTENSITYMAP\n\tvSpecularIntensityMapUv = ( specularIntensityMapTransform * vec3( SPECULAR_INTENSITYMAP_UV, 1 ) ).xy;\n#endif\n#ifdef USE_TRANSMISSIONMAP\n\tvTransmissionMapUv = ( transmissionMapTransform * vec3( TRANSMISSIONMAP_UV, 1 ) ).xy;\n#endif\n#ifdef USE_THICKNESSMAP\n\tvThicknessMapUv = ( thicknessMapTransform * vec3( THICKNESSMAP_UV, 1 ) ).xy;\n#endif";
@@ -13171,7 +13239,7 @@
   const vertex$h = "varying vec2 vUv;\nuniform mat3 uvTransform;\nvoid main() {\n\tvUv = ( uvTransform * vec3( uv, 1 ) ).xy;\n\tgl_Position = vec4( position.xy, 1.0, 1.0 );\n}";
-  const fragment$h = "uniform sampler2D t2D;\nuniform float backgroundIntensity;\nvarying vec2 vUv;\nvoid main() {\n\tvec4 texColor = texture2D( t2D, vUv );\n\t#ifdef DECODE_VIDEO_TEXTURE\n\t\ttexColor = vec4( mix( pow( texColor.rgb * 0.9478672986 + vec3( 0.0521327014 ), vec3( 2.4 ) ), texColor.rgb * 0.0773993808, vec3( lessThanEqual( texColor.rgb, vec3( 0.04045 ) ) ) ), texColor.w );\n\t#endif\n\ttexColor.rgb *= backgroundIntensity;\n\tgl_FragColor = texColor;\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n}";
+  const fragment$h = "uniform sampler2D t2D;\nuniform float backgroundIntensity;\nvarying vec2 vUv;\nvoid main() {\n\tvec4 texColor = texture2D( t2D, vUv );\n\ttexColor.rgb *= backgroundIntensity;\n\tgl_FragColor = texColor;\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n}";
   const vertex$g = "varying vec3 vWorldDirection;\n#include <common>\nvoid main() {\n\tvWorldDirection = transformDirection( position, modelMatrix );\n\t#include <begin_vertex>\n\t#include <project_vertex>\n\tgl_Position.z = gl_Position.w;\n}";
@@ -13973,26 +14041,35 @@
   		}
-  		// Ignore background in AR
-  		// TODO: Reconsider this.
+  		if ( background === null ) {
-  		const xr = renderer.xr;
-  		const session = xr.getSession && xr.getSession();
+  			setClear( clearColor, clearAlpha );
-  		if ( session && session.environmentBlendMode === 'additive' ) {
+  		} else if ( background && background.isColor ) {
-  			background = null;
+  			setClear( background, 1 );
+  			forceClear = true;
   		}
-  		if ( background === null ) {
+  		const xr = renderer.xr;
+  		const environmentBlendMode = xr.getEnvironmentBlendMode();
-  			setClear( clearColor, clearAlpha );
+  		switch ( environmentBlendMode ) {
-  		} else if ( background && background.isColor ) {
+  			case 'opaque':
+  				forceClear = true;
+  				break;
-  			setClear( background, 1 );
-  			forceClear = true;
+  			case 'additive':
+  				state.buffers.color.setClear( 0, 0, 0, 1, premultipliedAlpha );
+  				forceClear = true;
+  				break;
+  			case 'alpha-blend':
+  				state.buffers.color.setClear( 0, 0, 0, 0, premultipliedAlpha );
+  				forceClear = true;
+  				break;
   		}
@@ -14048,7 +14125,7 @@
   			boxMesh.material.uniforms.flipEnvMap.value = ( background.isCubeTexture && background.isRenderTargetTexture === false ) ? - 1 : 1;
   			boxMesh.material.uniforms.backgroundBlurriness.value = scene.backgroundBlurriness;
   			boxMesh.material.uniforms.backgroundIntensity.value = scene.backgroundIntensity;
-  			boxMesh.material.toneMapped = ( background.encoding === sRGBEncoding ) ? false : true;
+  			boxMesh.material.toneMapped = ( background.colorSpace === SRGBColorSpace ) ? false : true;
   			if ( currentBackground !== background ||
   				currentBackgroundVersion !== background.version ||
@@ -14104,7 +14181,7 @@
   			planeMesh.material.uniforms.t2D.value = background;
   			planeMesh.material.uniforms.backgroundIntensity.value = scene.backgroundIntensity;
-  			planeMesh.material.toneMapped = ( background.encoding === sRGBEncoding ) ? false : true;
+  			planeMesh.material.toneMapped = ( background.colorSpace === SRGBColorSpace ) ? false : true;
   			if ( background.matrixAutoUpdate === true ) {
@@ -14176,7 +14253,7 @@
   function WebGLBindingStates( gl, extensions, attributes, capabilities ) {
-  	const maxVertexAttributes = gl.getParameter( 34921 );
+  	const maxVertexAttributes = gl.getParameter( gl.MAX_VERTEX_ATTRIBS );
   	const extension = capabilities.isWebGL2 ? null : extensions.get( 'OES_vertex_array_object' );
   	const vaoAvailable = capabilities.isWebGL2 || extension !== null;
@@ -14226,7 +14303,7 @@
   		if ( index !== null ) {
-  			attributes.update( index, 34963 );
+  			attributes.update( index, gl.ELEMENT_ARRAY_BUFFER );
   		}
@@ -14238,7 +14315,7 @@
   			if ( index !== null ) {
-  				gl.bindBuffer( 34963, attributes.get( index ).buffer );
+  				gl.bindBuffer( gl.ELEMENT_ARRAY_BUFFER, attributes.get( index ).buffer );
   			}
@@ -14493,7 +14570,7 @@
   	function vertexAttribPointer( index, size, type, normalized, stride, offset ) {
-  		if ( capabilities.isWebGL2 === true && ( type === 5124 || type === 5125 ) ) {
+  		if ( capabilities.isWebGL2 === true && ( type === gl.INT || type === gl.UNSIGNED_INT ) ) {
   			gl.vertexAttribIPointer( index, size, type, stride, offset );
@@ -14581,7 +14658,7 @@
   						}
-  						gl.bindBuffer( 34962, buffer );
+  						gl.bindBuffer( gl.ARRAY_BUFFER, buffer );
   						for ( let i = 0; i < programAttribute.locationSize; i ++ ) {
@@ -14622,7 +14699,7 @@
   						}
-  						gl.bindBuffer( 34962, buffer );
+  						gl.bindBuffer( gl.ARRAY_BUFFER, buffer );
   						for ( let i = 0; i < programAttribute.locationSize; i ++ ) {
@@ -14882,8 +14959,8 @@
   		if ( precision === 'highp' ) {
-  			if ( gl.getShaderPrecisionFormat( 35633, 36338 ).precision > 0 &&
-  				gl.getShaderPrecisionFormat( 35632, 36338 ).precision > 0 ) {
+  			if ( gl.getShaderPrecisionFormat( gl.VERTEX_SHADER, gl.HIGH_FLOAT ).precision > 0 &&
+  				gl.getShaderPrecisionFormat( gl.FRAGMENT_SHADER, gl.HIGH_FLOAT ).precision > 0 ) {
   				return 'highp';
@@ -14895,8 +14972,8 @@
   		if ( precision === 'mediump' ) {
-  			if ( gl.getShaderPrecisionFormat( 35633, 36337 ).precision > 0 &&
-  				gl.getShaderPrecisionFormat( 35632, 36337 ).precision > 0 ) {
+  			if ( gl.getShaderPrecisionFormat( gl.VERTEX_SHADER, gl.MEDIUM_FLOAT ).precision > 0 &&
+  				gl.getShaderPrecisionFormat( gl.FRAGMENT_SHADER, gl.MEDIUM_FLOAT ).precision > 0 ) {
   				return 'mediump';
@@ -14924,21 +15001,21 @@
   	const logarithmicDepthBuffer = parameters.logarithmicDepthBuffer === true;
-  	const maxTextures = gl.getParameter( 34930 );
-  	const maxVertexTextures = gl.getParameter( 35660 );
-  	const maxTextureSize = gl.getParameter( 3379 );
-  	const maxCubemapSize = gl.getParameter( 34076 );
+  	const maxTextures = gl.getParameter( gl.MAX_TEXTURE_IMAGE_UNITS );
+  	const maxVertexTextures = gl.getParameter( gl.MAX_VERTEX_TEXTURE_IMAGE_UNITS );
+  	const maxTextureSize = gl.getParameter( gl.MAX_TEXTURE_SIZE );
+  	const maxCubemapSize = gl.getParameter( gl.MAX_CUBE_MAP_TEXTURE_SIZE );
-  	const maxAttributes = gl.getParameter( 34921 );
-  	const maxVertexUniforms = gl.getParameter( 36347 );
-  	const maxVaryings = gl.getParameter( 36348 );
-  	const maxFragmentUniforms = gl.getParameter( 36349 );
+  	const maxAttributes = gl.getParameter( gl.MAX_VERTEX_ATTRIBS );
+  	const maxVertexUniforms = gl.getParameter( gl.MAX_VERTEX_UNIFORM_VECTORS );
+  	const maxVaryings = gl.getParameter( gl.MAX_VARYING_VECTORS );
+  	const maxFragmentUniforms = gl.getParameter( gl.MAX_FRAGMENT_UNIFORM_VECTORS );
   	const vertexTextures = maxVertexTextures > 0;
   	const floatFragmentTextures = isWebGL2 || extensions.has( 'OES_texture_float' );
   	const floatVertexTextures = vertexTextures && floatFragmentTextures;
-  	const maxSamples = isWebGL2 ? gl.getParameter( 36183 ) : 0;
+  	const maxSamples = isWebGL2 ? gl.getParameter( gl.MAX_SAMPLES ) : 0;
   	return {
@@ -15598,7 +15675,7 @@
   			generateMipmaps: false,
   			type: HalfFloatType,
   			format: RGBAFormat,
-  			encoding: LinearEncoding,
+  			colorSpace: LinearSRGBColorSpace,
   			depthBuffer: false
   		};
@@ -16530,7 +16607,7 @@
   		for ( const name in geometryAttributes ) {
-  			attributes.update( geometryAttributes[ name ], 34962 );
+  			attributes.update( geometryAttributes[ name ], gl.ARRAY_BUFFER );
   		}
@@ -16544,7 +16621,7 @@
   			for ( let i = 0, l = array.length; i < l; i ++ ) {
-  				attributes.update( array[ i ], 34962 );
+  				attributes.update( array[ i ], gl.ARRAY_BUFFER );
   			}
@@ -16740,23 +16817,23 @@
   		switch ( mode ) {
-  			case 4:
+  			case gl.TRIANGLES:
   				render.triangles += instanceCount * ( count / 3 );
   				break;
-  			case 1:
+  			case gl.LINES:
   				render.lines += instanceCount * ( count / 2 );
   				break;
-  			case 3:
+  			case gl.LINE_STRIP:
   				render.lines += instanceCount * ( count - 1 );
   				break;
-  			case 2:
+  			case gl.LINE_LOOP:
   				render.lines += instanceCount * count;
   				break;
-  			case 0:
+  			case gl.POINTS:
   				render.points += instanceCount * count;
   				break;
@@ -17111,11 +17188,11 @@
   			}
-  			attributes.update( object.instanceMatrix, 34962 );
+  			attributes.update( object.instanceMatrix, gl.ARRAY_BUFFER );
   			if ( object.instanceColor !== null ) {
-  				attributes.update( object.instanceColor, 34962 );
+  				attributes.update( object.instanceColor, gl.ARRAY_BUFFER );
   			}
@@ -18228,7 +18305,7 @@
   		this.seq = [];
   		this.map = {};
-  		const n = gl.getProgramParameter( program, 35718 );
+  		const n = gl.getProgramParameter( program, gl.ACTIVE_UNIFORMS );
   		for ( let i = 0; i < n; ++ i ) {
@@ -18324,16 +18401,16 @@
   }
-  function getEncodingComponents( encoding ) {
+  function getEncodingComponents( colorSpace ) {
-  	switch ( encoding ) {
+  	switch ( colorSpace ) {
-  		case LinearEncoding:
+  		case LinearSRGBColorSpace:
   			return [ 'Linear', '( value )' ];
-  		case sRGBEncoding:
+  		case SRGBColorSpace:
   			return [ 'sRGB', '( value )' ];
   		default:
-  			console.warn( 'THREE.WebGLProgram: Unsupported encoding:', encoding );
+  			console.warn( 'THREE.WebGLProgram: Unsupported color space:', colorSpace );
   			return [ 'Linear', '( value )' ];
   	}
@@ -18342,7 +18419,7 @@
   function getShaderErrors( gl, shader, type ) {
-  	const status = gl.getShaderParameter( shader, 35713 );
+  	const status = gl.getShaderParameter( shader, gl.COMPILE_STATUS );
   	const errors = gl.getShaderInfoLog( shader ).trim();
   	if ( status && errors === '' ) return '';
@@ -18364,9 +18441,9 @@
   }
-  function getTexelEncodingFunction( functionName, encoding ) {
+  function getTexelEncodingFunction( functionName, colorSpace ) {
-  	const components = getEncodingComponents( encoding );
+  	const components = getEncodingComponents( colorSpace );
   	return 'vec4 ' + functionName + '( vec4 value ) { return LinearTo' + components[ 0 ] + components[ 1 ] + '; }';
   }
@@ -18442,7 +18519,7 @@
   	const attributes = {};
-  	const n = gl.getProgramParameter( program, 35721 );
+  	const n = gl.getProgramParameter( program, gl.ACTIVE_ATTRIBUTES );
   	for ( let i = 0; i < n; i ++ ) {
@@ -18450,9 +18527,9 @@
   		const name = info.name;
   		let locationSize = 1;
-  		if ( info.type === 35674 ) locationSize = 2;
-  		if ( info.type === 35675 ) locationSize = 3;
-  		if ( info.type === 35676 ) locationSize = 4;
+  		if ( info.type === gl.FLOAT_MAT2 ) locationSize = 2;
+  		if ( info.type === gl.FLOAT_MAT3 ) locationSize = 3;
+  		if ( info.type === gl.FLOAT_MAT4 ) locationSize = 4;
   		// console.log( 'THREE.WebGLProgram: ACTIVE VERTEX ATTRIBUTE:', name, i );
@@ -18827,7 +18904,9 @@
   			parameters.vertexTangents ? '#define USE_TANGENT' : '',
   			parameters.vertexColors ? '#define USE_COLOR' : '',
   			parameters.vertexAlphas ? '#define USE_COLOR_ALPHA' : '',
-  			parameters.vertexUvs2 ? '#define USE_UV2' : '',
+  			parameters.vertexUv1s ? '#define USE_UV1' : '',
+  			parameters.vertexUv2s ? '#define USE_UV2' : '',
+  			parameters.vertexUv3s ? '#define USE_UV3' : '',
   			parameters.pointsUvs ? '#define USE_POINTS_UV' : '',
@@ -18876,6 +18955,24 @@
   			'attribute vec3 normal;',
   			'attribute vec2 uv;',
+  			'#ifdef USE_UV1',
+  			'	attribute vec2 uv1;',
+  			'#endif',
+  			'#ifdef USE_UV2',
+  			'	attribute vec2 uv2;',
+  			'#endif',
+  			'#ifdef USE_UV3',
+  			'	attribute vec2 uv3;',
+  			'#endif',
   			'#ifdef USE_TANGENT',
   			'	attribute vec4 tangent;',
@@ -18985,12 +19082,12 @@
   			parameters.transmissionMap ? '#define USE_TRANSMISSIONMAP' : '',
   			parameters.thicknessMap ? '#define USE_THICKNESSMAP' : '',
-  			parameters.decodeVideoTexture ? '#define DECODE_VIDEO_TEXTURE' : '',
   			parameters.vertexTangents ? '#define USE_TANGENT' : '',
   			parameters.vertexColors || parameters.instancingColor ? '#define USE_COLOR' : '',
   			parameters.vertexAlphas ? '#define USE_COLOR_ALPHA' : '',
-  			parameters.vertexUvs2 ? '#define USE_UV2' : '',
+  			parameters.vertexUv1s ? '#define USE_UV1' : '',
+  			parameters.vertexUv2s ? '#define USE_UV2' : '',
+  			parameters.vertexUv3s ? '#define USE_UV3' : '',
   			parameters.pointsUvs ? '#define USE_POINTS_UV' : '',
@@ -19023,7 +19120,7 @@
   			parameters.opaque ? '#define OPAQUE' : '',
   			ShaderChunk[ 'encodings_pars_fragment' ], // this code is required here because it is used by the various encoding/decoding function defined below
-  			getTexelEncodingFunction( 'linearToOutputTexel', parameters.outputEncoding ),
+  			getTexelEncodingFunction( 'linearToOutputTexel', parameters.outputColorSpace ),
   			parameters.useDepthPacking ? '#define DEPTH_PACKING ' + parameters.depthPacking : '',
@@ -19081,8 +19178,8 @@
   	// console.log( '*VERTEX*', vertexGlsl );
   	// console.log( '*FRAGMENT*', fragmentGlsl );
-  	const glVertexShader = WebGLShader( gl, 35633, vertexGlsl );
-  	const glFragmentShader = WebGLShader( gl, 35632, fragmentGlsl );
+  	const glVertexShader = WebGLShader( gl, gl.VERTEX_SHADER, vertexGlsl );
+  	const glFragmentShader = WebGLShader( gl, gl.FRAGMENT_SHADER, fragmentGlsl );
   	gl.attachShader( program, glVertexShader );
   	gl.attachShader( program, glFragmentShader );
@@ -19112,7 +19209,7 @@
   		let runnable = true;
   		let haveDiagnostics = true;
-  		if ( gl.getProgramParameter( program, 35714 ) === false ) {
+  		if ( gl.getProgramParameter( program, gl.LINK_STATUS ) === false ) {
   			runnable = false;
@@ -19129,7 +19226,7 @@
   				console.error(
   					'THREE.WebGLProgram: Shader Error ' + gl.getError() + ' - ' +
-  					'VALIDATE_STATUS ' + gl.getProgramParameter( program, 35715 ) + '\n\n' +
+  					'VALIDATE_STATUS ' + gl.getProgramParameter( program, gl.VALIDATE_STATUS ) + '\n\n' +
   					'Program Info Log: ' + programLog + '\n' +
   					vertexErrors + '\n' +
   					fragmentErrors
@@ -19396,7 +19493,9 @@
   	function getChannel( value ) {
-  		if ( value === 1 ) return 'uv2';
+  		if ( value === 1 ) return 'uv1';
+  		if ( value === 2 ) return 'uv2';
+  		if ( value === 3 ) return 'uv3';
   		return 'uv';
@@ -19510,7 +19609,9 @@
   		const HAS_EXTENSIONS = !! material.extensions;
+  		const HAS_ATTRIBUTE_UV1 = !! geometry.attributes.uv1;
   		const HAS_ATTRIBUTE_UV2 = !! geometry.attributes.uv2;
+  		const HAS_ATTRIBUTE_UV3 = !! geometry.attributes.uv3;
   		const parameters = {
@@ -19535,7 +19636,7 @@
   			instancingColor: IS_INSTANCEDMESH && object.instanceColor !== null,
   			supportsVertexTextures: SUPPORTS_VERTEX_TEXTURES,
-  			outputEncoding: ( currentRenderTarget === null ) ? renderer.outputEncoding : ( currentRenderTarget.isXRRenderTarget === true ? currentRenderTarget.texture.encoding : LinearEncoding ),
+  			outputColorSpace: ( currentRenderTarget === null ) ? renderer.outputColorSpace : ( currentRenderTarget.isXRRenderTarget === true ? currentRenderTarget.texture.colorSpace : LinearSRGBColorSpace ),
   			map: HAS_MAP,
   			matcap: HAS_MATCAP,
@@ -19552,8 +19653,6 @@
   			normalMapObjectSpace: HAS_NORMALMAP && material.normalMapType === ObjectSpaceNormalMap,
   			normalMapTangentSpace: HAS_NORMALMAP && material.normalMapType === TangentSpaceNormalMap,
-  			decodeVideoTexture: HAS_MAP && ( material.map.isVideoTexture === true ) && ( material.map.encoding === sRGBEncoding ),
   			metalnessMap: HAS_METALNESSMAP,
   			roughnessMap: HAS_ROUGHNESSMAP,
@@ -19624,7 +19723,9 @@
   			vertexTangents: HAS_NORMALMAP && !! geometry.attributes.tangent,
   			vertexColors: material.vertexColors,
   			vertexAlphas: material.vertexColors === true && !! geometry.attributes.color && geometry.attributes.color.itemSize === 4,
-  			vertexUvs2: HAS_ATTRIBUTE_UV2,
+  			vertexUv1s: HAS_ATTRIBUTE_UV1,
+  			vertexUv2s: HAS_ATTRIBUTE_UV2,
+  			vertexUv3s: HAS_ATTRIBUTE_UV3,
   			pointsUvs: object.isPoints === true && !! geometry.attributes.uv && ( HAS_MAP || HAS_ALPHAMAP ),
@@ -19725,7 +19826,7 @@
   			getProgramCacheKeyParameters( array, parameters );
   			getProgramCacheKeyBooleans( array, parameters );
-  			array.push( renderer.outputEncoding );
+  			array.push( renderer.outputColorSpace );
   		}
@@ -19738,7 +19839,7 @@
   	function getProgramCacheKeyParameters( array, parameters ) {
   		array.push( parameters.precision );
-  		array.push( parameters.outputEncoding );
+  		array.push( parameters.outputColorSpace );
   		array.push( parameters.envMapMode );
   		array.push( parameters.envMapCubeUVHeight );
   		array.push( parameters.mapUv );
@@ -19816,10 +19917,14 @@
   			_programLayers.enable( 11 );
   		if ( parameters.vertexAlphas )
   			_programLayers.enable( 12 );
-  		if ( parameters.vertexUvs2 )
+  		if ( parameters.vertexUv1s )
   			_programLayers.enable( 13 );
-  		if ( parameters.vertexTangents )
+  		if ( parameters.vertexUv2s )
   			_programLayers.enable( 14 );
+  		if ( parameters.vertexUv3s )
+  			_programLayers.enable( 15 );
+  		if ( parameters.vertexTangents )
+  			_programLayers.enable( 16 );
   		array.push( _programLayers.mask );
   		_programLayers.disableAll();
@@ -19858,12 +19963,10 @@
   			_programLayers.enable( 15 );
   		if ( parameters.sheen )
   			_programLayers.enable( 16 );
-  		if ( parameters.decodeVideoTexture )
-  			_programLayers.enable( 17 );
   		if ( parameters.opaque )
-  			_programLayers.enable( 18 );
+  			_programLayers.enable( 17 );
   		if ( parameters.pointsUvs )
-  			_programLayers.enable( 19 );
+  			_programLayers.enable( 18 );
   		array.push( _programLayers.mask );
@@ -21058,6 +21161,7 @@
   	this.needsUpdate = false;
   	this.type = PCFShadowMap;
+  	let _previousType = this.type;
   	this.render = function ( lights, scene, camera ) {
@@ -21078,6 +21182,11 @@
   		_state.buffers.depth.setTest( true );
   		_state.setScissorTest( false );
+  		// check for shadow map type changes
+  		const toVSM = ( _previousType !== VSMShadowMap && this.type === VSMShadowMap );
+  		const fromVSM = ( _previousType === VSMShadowMap && this.type !== VSMShadowMap );
   		// render depth map
   		for ( let i = 0, il = lights.length; i < il; i ++ ) {
@@ -21122,10 +21231,16 @@
   			}
-  			if ( shadow.map === null ) {
+  			if ( shadow.map === null || toVSM === true || fromVSM === true ) {
   				const pars = ( this.type !== VSMShadowMap ) ? { minFilter: NearestFilter, magFilter: NearestFilter } : {};
+  				if ( shadow.map !== null ) {
+  					shadow.map.dispose();
+  				}
   				shadow.map = new WebGLRenderTarget( _shadowMapSize.x, _shadowMapSize.y, pars );
   				shadow.map.texture.name = light.name + '.shadowMap';
@@ -21171,6 +21286,8 @@
   		}
+  		_previousType = this.type;
   		scope.needsUpdate = false;
   		_renderer.setRenderTarget( currentRenderTarget, activeCubeFace, activeMipmapLevel );
@@ -21439,11 +21556,11 @@
   				if ( depthTest ) {
-  					enable( 2929 );
+  					enable( gl.DEPTH_TEST );
   				} else {
-  					disable( 2929 );
+  					disable( gl.DEPTH_TEST );
   				}
@@ -21468,47 +21585,47 @@
   						case NeverDepth:
-  							gl.depthFunc( 512 );
+  							gl.depthFunc( gl.NEVER );
   							break;
   						case AlwaysDepth:
-  							gl.depthFunc( 519 );
+  							gl.depthFunc( gl.ALWAYS );
   							break;
   						case LessDepth:
-  							gl.depthFunc( 513 );
+  							gl.depthFunc( gl.LESS );
   							break;
   						case LessEqualDepth:
-  							gl.depthFunc( 515 );
+  							gl.depthFunc( gl.LEQUAL );
   							break;
   						case EqualDepth:
-  							gl.depthFunc( 514 );
+  							gl.depthFunc( gl.EQUAL );
   							break;
   						case GreaterEqualDepth:
-  							gl.depthFunc( 518 );
+  							gl.depthFunc( gl.GEQUAL );
   							break;
   						case GreaterDepth:
-  							gl.depthFunc( 516 );
+  							gl.depthFunc( gl.GREATER );
   							break;
   						case NotEqualDepth:
-  							gl.depthFunc( 517 );
+  							gl.depthFunc( gl.NOTEQUAL );
   							break;
   						default:
-  							gl.depthFunc( 515 );
+  							gl.depthFunc( gl.LEQUAL );
   					}
@@ -21570,11 +21687,11 @@
   					if ( stencilTest ) {
-  						enable( 2960 );
+  						enable( gl.STENCIL_TEST );
   					} else {
-  						disable( 2960 );
+  						disable( gl.STENCIL_TEST );
   					}
@@ -21696,11 +21813,11 @@
   	let currentPolygonOffsetFactor = null;
   	let currentPolygonOffsetUnits = null;
-  	const maxTextures = gl.getParameter( 35661 );
+  	const maxTextures = gl.getParameter( gl.MAX_COMBINED_TEXTURE_IMAGE_UNITS );
   	let lineWidthAvailable = false;
   	let version = 0;
-  	const glVersion = gl.getParameter( 7938 );
+  	const glVersion = gl.getParameter( gl.VERSION );
   	if ( glVersion.indexOf( 'WebGL' ) !== - 1 ) {
@@ -21717,24 +21834,32 @@
   	let currentTextureSlot = null;
   	let currentBoundTextures = {};
-  	const scissorParam = gl.getParameter( 3088 );
-  	const viewportParam = gl.getParameter( 2978 );
+  	const scissorParam = gl.getParameter( gl.SCISSOR_BOX );
+  	const viewportParam = gl.getParameter( gl.VIEWPORT );
   	const currentScissor = new Vector4().fromArray( scissorParam );
   	const currentViewport = new Vector4().fromArray( viewportParam );
-  	function createTexture( type, target, count ) {
+  	function createTexture( type, target, count, dimensions ) {
   		const data = new Uint8Array( 4 ); // 4 is required to match default unpack alignment of 4.
   		const texture = gl.createTexture();
   		gl.bindTexture( type, texture );
-  		gl.texParameteri( type, 10241, 9728 );
-  		gl.texParameteri( type, 10240, 9728 );
+  		gl.texParameteri( type, gl.TEXTURE_MIN_FILTER, gl.NEAREST );
+  		gl.texParameteri( type, gl.TEXTURE_MAG_FILTER, gl.NEAREST );
   		for ( let i = 0; i < count; i ++ ) {
-  			gl.texImage2D( target + i, 0, 6408, 1, 1, 0, 6408, 5121, data );
+  			if ( isWebGL2 && ( type === gl.TEXTURE_3D || type === gl.TEXTURE_2D_ARRAY ) ) {
+  				gl.texImage3D( target, 0, gl.RGBA, 1, 1, dimensions, 0, gl.RGBA, gl.UNSIGNED_BYTE, data );
+  			} else {
+  				gl.texImage2D( target + i, 0, gl.RGBA, 1, 1, 0, gl.RGBA, gl.UNSIGNED_BYTE, data );
+  			}
   		}
@@ -21743,8 +21868,15 @@
   	}
   	const emptyTextures = {};
-  	emptyTextures[ 3553 ] = createTexture( 3553, 3553, 1 );
-  	emptyTextures[ 34067 ] = createTexture( 34067, 34069, 6 );
+  	emptyTextures[ gl.TEXTURE_2D ] = createTexture( gl.TEXTURE_2D, gl.TEXTURE_2D, 1 );
+  	emptyTextures[ gl.TEXTURE_CUBE_MAP ] = createTexture( gl.TEXTURE_CUBE_MAP, gl.TEXTURE_CUBE_MAP_POSITIVE_X, 6 );
+  	if ( isWebGL2 ) {
+  		emptyTextures[ gl.TEXTURE_2D_ARRAY ] = createTexture( gl.TEXTURE_2D_ARRAY, gl.TEXTURE_2D_ARRAY, 1, 1 );
+  		emptyTextures[ gl.TEXTURE_3D ] = createTexture( gl.TEXTURE_3D, gl.TEXTURE_3D, 1, 1 );
+  	}
   	// init
@@ -21752,12 +21884,12 @@
   	depthBuffer.setClear( 1 );
   	stencilBuffer.setClear( 0 );
-  	enable( 2929 );
+  	enable( gl.DEPTH_TEST );
   	depthBuffer.setFunc( LessEqualDepth );
   	setFlipSided( false );
   	setCullFace( CullFaceBack );
-  	enable( 2884 );
+  	enable( gl.CULL_FACE );
   	setBlending( NoBlending );
@@ -21795,17 +21927,17 @@
   			if ( isWebGL2 ) {
-  				// 36009 is equivalent to 36160
+  				// gl.DRAW_FRAMEBUFFER is equivalent to gl.FRAMEBUFFER
-  				if ( target === 36009 ) {
+  				if ( target === gl.DRAW_FRAMEBUFFER ) {
-  					currentBoundFramebuffers[ 36160 ] = framebuffer;
+  					currentBoundFramebuffers[ gl.FRAMEBUFFER ] = framebuffer;
   				}
-  				if ( target === 36160 ) {
+  				if ( target === gl.FRAMEBUFFER ) {
-  					currentBoundFramebuffers[ 36009 ] = framebuffer;
+  					currentBoundFramebuffers[ gl.DRAW_FRAMEBUFFER ] = framebuffer;
   				}
@@ -21840,11 +21972,11 @@
   				const textures = renderTarget.texture;
-  				if ( drawBuffers.length !== textures.length || drawBuffers[ 0 ] !== 36064 ) {
+  				if ( drawBuffers.length !== textures.length || drawBuffers[ 0 ] !== gl.COLOR_ATTACHMENT0 ) {
   					for ( let i = 0, il = textures.length; i < il; i ++ ) {
-  						drawBuffers[ i ] = 36064 + i;
+  						drawBuffers[ i ] = gl.COLOR_ATTACHMENT0 + i;
   					}
@@ -21856,9 +21988,9 @@
   			} else {
-  				if ( drawBuffers[ 0 ] !== 36064 ) {
+  				if ( drawBuffers[ 0 ] !== gl.COLOR_ATTACHMENT0 ) {
-  					drawBuffers[ 0 ] = 36064;
+  					drawBuffers[ 0 ] = gl.COLOR_ATTACHMENT0;
   					needsUpdate = true;
@@ -21868,9 +22000,9 @@
   		} else {
-  			if ( drawBuffers[ 0 ] !== 1029 ) {
+  			if ( drawBuffers[ 0 ] !== gl.BACK ) {
-  				drawBuffers[ 0 ] = 1029;
+  				drawBuffers[ 0 ] = gl.BACK;
   				needsUpdate = true;
@@ -21912,15 +22044,15 @@
   	}
   	const equationToGL = {
-  		[ AddEquation ]: 32774,
-  		[ SubtractEquation ]: 32778,
-  		[ ReverseSubtractEquation ]: 32779
+  		[ AddEquation ]: gl.FUNC_ADD,
+  		[ SubtractEquation ]: gl.FUNC_SUBTRACT,
+  		[ ReverseSubtractEquation ]: gl.FUNC_REVERSE_SUBTRACT
   	};
   	if ( isWebGL2 ) {
-  		equationToGL[ MinEquation ] = 32775;
-  		equationToGL[ MaxEquation ] = 32776;
+  		equationToGL[ MinEquation ] = gl.MIN;
+  		equationToGL[ MaxEquation ] = gl.MAX;
   	} else {
@@ -21936,17 +22068,17 @@
   	}
   	const factorToGL = {
-  		[ ZeroFactor ]: 0,
-  		[ OneFactor ]: 1,
-  		[ SrcColorFactor ]: 768,
-  		[ SrcAlphaFactor ]: 770,
-  		[ SrcAlphaSaturateFactor ]: 776,
-  		[ DstColorFactor ]: 774,
-  		[ DstAlphaFactor ]: 772,
-  		[ OneMinusSrcColorFactor ]: 769,
-  		[ OneMinusSrcAlphaFactor ]: 771,
-  		[ OneMinusDstColorFactor ]: 775,
-  		[ OneMinusDstAlphaFactor ]: 773
+  		[ ZeroFactor ]: gl.ZERO,
+  		[ OneFactor ]: gl.ONE,
+  		[ SrcColorFactor ]: gl.SRC_COLOR,
+  		[ SrcAlphaFactor ]: gl.SRC_ALPHA,
+  		[ SrcAlphaSaturateFactor ]: gl.SRC_ALPHA_SATURATE,
+  		[ DstColorFactor ]: gl.DST_COLOR,
+  		[ DstAlphaFactor ]: gl.DST_ALPHA,
+  		[ OneMinusSrcColorFactor ]: gl.ONE_MINUS_SRC_COLOR,
+  		[ OneMinusSrcAlphaFactor ]: gl.ONE_MINUS_SRC_ALPHA,
+  		[ OneMinusDstColorFactor ]: gl.ONE_MINUS_DST_COLOR,
+  		[ OneMinusDstAlphaFactor ]: gl.ONE_MINUS_DST_ALPHA
   	};
   	function setBlending( blending, blendEquation, blendSrc, blendDst, blendEquationAlpha, blendSrcAlpha, blendDstAlpha, premultipliedAlpha ) {
@@ -21955,7 +22087,7 @@
   			if ( currentBlendingEnabled === true ) {
-  				disable( 3042 );
+  				disable( gl.BLEND );
   				currentBlendingEnabled = false;
   			}
@@ -21966,7 +22098,7 @@
   		if ( currentBlendingEnabled === false ) {
-  			enable( 3042 );
+  			enable( gl.BLEND );
   			currentBlendingEnabled = true;
   		}
@@ -21977,7 +22109,7 @@
   				if ( currentBlendEquation !== AddEquation || currentBlendEquationAlpha !== AddEquation ) {
-  					gl.blendEquation( 32774 );
+  					gl.blendEquation( gl.FUNC_ADD );
   					currentBlendEquation = AddEquation;
   					currentBlendEquationAlpha = AddEquation;
@@ -21989,19 +22121,19 @@
   					switch ( blending ) {
   						case NormalBlending:
-  							gl.blendFuncSeparate( 1, 771, 1, 771 );
+  							gl.blendFuncSeparate( gl.ONE, gl.ONE_MINUS_SRC_ALPHA, gl.ONE, gl.ONE_MINUS_SRC_ALPHA );
   							break;
   						case AdditiveBlending:
-  							gl.blendFunc( 1, 1 );
+  							gl.blendFunc( gl.ONE, gl.ONE );
   							break;
   						case SubtractiveBlending:
-  							gl.blendFuncSeparate( 0, 769, 0, 1 );
+  							gl.blendFuncSeparate( gl.ZERO, gl.ONE_MINUS_SRC_COLOR, gl.ZERO, gl.ONE );
   							break;
   						case MultiplyBlending:
-  							gl.blendFuncSeparate( 0, 768, 0, 770 );
+  							gl.blendFuncSeparate( gl.ZERO, gl.SRC_COLOR, gl.ZERO, gl.SRC_ALPHA );
   							break;
   						default:
@@ -22015,19 +22147,19 @@
   					switch ( blending ) {
   						case NormalBlending:
-  							gl.blendFuncSeparate( 770, 771, 1, 771 );
+  							gl.blendFuncSeparate( gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA, gl.ONE, gl.ONE_MINUS_SRC_ALPHA );
   							break;
   						case AdditiveBlending:
-  							gl.blendFunc( 770, 1 );
+  							gl.blendFunc( gl.SRC_ALPHA, gl.ONE );
   							break;
   						case SubtractiveBlending:
-  							gl.blendFuncSeparate( 0, 769, 0, 1 );
+  							gl.blendFuncSeparate( gl.ZERO, gl.ONE_MINUS_SRC_COLOR, gl.ZERO, gl.ONE );
   							break;
   						case MultiplyBlending:
-  							gl.blendFunc( 0, 768 );
+  							gl.blendFunc( gl.ZERO, gl.SRC_COLOR );
   							break;
   						default:
@@ -22086,8 +22218,8 @@
   	function setMaterial( material, frontFaceCW ) {
   		material.side === DoubleSide
-  			? disable( 2884 )
-  			: enable( 2884 );
+  			? disable( gl.CULL_FACE )
+  			: enable( gl.CULL_FACE );
   		let flipSided = ( material.side === BackSide );
   		if ( frontFaceCW ) flipSided = ! flipSided;
@@ -22116,8 +22248,8 @@
   		setPolygonOffset( material.polygonOffset, material.polygonOffsetFactor, material.polygonOffsetUnits );
   		material.alphaToCoverage === true
-  			? enable( 32926 )
-  			: disable( 32926 );
+  			? enable( gl.SAMPLE_ALPHA_TO_COVERAGE )
+  			: disable( gl.SAMPLE_ALPHA_TO_COVERAGE );
   	}
@@ -22129,11 +22261,11 @@
   			if ( flipSided ) {
-  				gl.frontFace( 2304 );
+  				gl.frontFace( gl.CW );
   			} else {
-  				gl.frontFace( 2305 );
+  				gl.frontFace( gl.CCW );
   			}
@@ -22147,21 +22279,21 @@
   		if ( cullFace !== CullFaceNone ) {
-  			enable( 2884 );
+  			enable( gl.CULL_FACE );
   			if ( cullFace !== currentCullFace ) {
   				if ( cullFace === CullFaceBack ) {
-  					gl.cullFace( 1029 );
+  					gl.cullFace( gl.BACK );
   				} else if ( cullFace === CullFaceFront ) {
-  					gl.cullFace( 1028 );
+  					gl.cullFace( gl.FRONT );
   				} else {
-  					gl.cullFace( 1032 );
+  					gl.cullFace( gl.FRONT_AND_BACK );
   				}
@@ -22169,7 +22301,7 @@
   		} else {
-  			disable( 2884 );
+  			disable( gl.CULL_FACE );
   		}
@@ -22193,7 +22325,7 @@
   		if ( polygonOffset ) {
-  			enable( 32823 );
+  			enable( gl.POLYGON_OFFSET_FILL );
   			if ( currentPolygonOffsetFactor !== factor || currentPolygonOffsetUnits !== units ) {
@@ -22206,7 +22338,7 @@
   		} else {
-  			disable( 32823 );
+  			disable( gl.POLYGON_OFFSET_FILL );
   		}
@@ -22216,11 +22348,11 @@
   		if ( scissorTest ) {
-  			enable( 3089 );
+  			enable( gl.SCISSOR_TEST );
   		} else {
-  			disable( 3089 );
+  			disable( gl.SCISSOR_TEST );
   		}
@@ -22230,7 +22362,7 @@
   	function activeTexture( webglSlot ) {
-  		if ( webglSlot === undefined ) webglSlot = 33984 + maxTextures - 1;
+  		if ( webglSlot === undefined ) webglSlot = gl.TEXTURE0 + maxTextures - 1;
   		if ( currentTextureSlot !== webglSlot ) {
@@ -22247,7 +22379,7 @@
   			if ( currentTextureSlot === null ) {
-  				webglSlot = 33984 + maxTextures - 1;
+  				webglSlot = gl.TEXTURE0 + maxTextures - 1;
   			} else {
@@ -22509,43 +22641,43 @@
   		// reset state
-  		gl.disable( 3042 );
-  		gl.disable( 2884 );
-  		gl.disable( 2929 );
-  		gl.disable( 32823 );
-  		gl.disable( 3089 );
-  		gl.disable( 2960 );
-  		gl.disable( 32926 );
+  		gl.disable( gl.BLEND );
+  		gl.disable( gl.CULL_FACE );
+  		gl.disable( gl.DEPTH_TEST );
+  		gl.disable( gl.POLYGON_OFFSET_FILL );
+  		gl.disable( gl.SCISSOR_TEST );
+  		gl.disable( gl.STENCIL_TEST );
+  		gl.disable( gl.SAMPLE_ALPHA_TO_COVERAGE );
-  		gl.blendEquation( 32774 );
-  		gl.blendFunc( 1, 0 );
-  		gl.blendFuncSeparate( 1, 0, 1, 0 );
+  		gl.blendEquation( gl.FUNC_ADD );
+  		gl.blendFunc( gl.ONE, gl.ZERO );
+  		gl.blendFuncSeparate( gl.ONE, gl.ZERO, gl.ONE, gl.ZERO );
   		gl.colorMask( true, true, true, true );
   		gl.clearColor( 0, 0, 0, 0 );
   		gl.depthMask( true );
-  		gl.depthFunc( 513 );
+  		gl.depthFunc( gl.LESS );
   		gl.clearDepth( 1 );
   		gl.stencilMask( 0xffffffff );
-  		gl.stencilFunc( 519, 0, 0xffffffff );
-  		gl.stencilOp( 7680, 7680, 7680 );
+  		gl.stencilFunc( gl.ALWAYS, 0, 0xffffffff );
+  		gl.stencilOp( gl.KEEP, gl.KEEP, gl.KEEP );
   		gl.clearStencil( 0 );
-  		gl.cullFace( 1029 );
-  		gl.frontFace( 2305 );
+  		gl.cullFace( gl.BACK );
+  		gl.frontFace( gl.CCW );
   		gl.polygonOffset( 0, 0 );
-  		gl.activeTexture( 33984 );
+  		gl.activeTexture( gl.TEXTURE0 );
-  		gl.bindFramebuffer( 36160, null );
+  		gl.bindFramebuffer( gl.FRAMEBUFFER, null );
   		if ( isWebGL2 === true ) {
-  			gl.bindFramebuffer( 36009, null );
-  			gl.bindFramebuffer( 36008, null );
+  			gl.bindFramebuffer( gl.DRAW_FRAMEBUFFER, null );
+  			gl.bindFramebuffer( gl.READ_FRAMEBUFFER, null );
   		}
@@ -22782,7 +22914,7 @@
   	}
-  	function getInternalFormat( internalFormatName, glFormat, glType, encoding, forceLinearEncoding = false ) {
+  	function getInternalFormat( internalFormatName, glFormat, glType, colorSpace, forceLinearTransfer = false ) {
   		if ( isWebGL2 === false ) return glFormat;
@@ -22796,35 +22928,35 @@
   		let internalFormat = glFormat;
-  		if ( glFormat === 6403 ) {
+  		if ( glFormat === _gl.RED ) {
-  			if ( glType === 5126 ) internalFormat = 33326;
-  			if ( glType === 5131 ) internalFormat = 33325;
-  			if ( glType === 5121 ) internalFormat = 33321;
+  			if ( glType === _gl.FLOAT ) internalFormat = _gl.R32F;
+  			if ( glType === _gl.HALF_FLOAT ) internalFormat = _gl.R16F;
+  			if ( glType === _gl.UNSIGNED_BYTE ) internalFormat = _gl.R8;
   		}
-  		if ( glFormat === 33319 ) {
+  		if ( glFormat === _gl.RG ) {
-  			if ( glType === 5126 ) internalFormat = 33328;
-  			if ( glType === 5131 ) internalFormat = 33327;
-  			if ( glType === 5121 ) internalFormat = 33323;
+  			if ( glType === _gl.FLOAT ) internalFormat = _gl.RG32F;
+  			if ( glType === _gl.HALF_FLOAT ) internalFormat = _gl.RG16F;
+  			if ( glType === _gl.UNSIGNED_BYTE ) internalFormat = _gl.RG8;
   		}
-  		if ( glFormat === 6408 ) {
+  		if ( glFormat === _gl.RGBA ) {
-  			if ( glType === 5126 ) internalFormat = 34836;
-  			if ( glType === 5131 ) internalFormat = 34842;
-  			if ( glType === 5121 ) internalFormat = ( encoding === sRGBEncoding && forceLinearEncoding === false ) ? 35907 : 32856;
-  			if ( glType === 32819 ) internalFormat = 32854;
-  			if ( glType === 32820 ) internalFormat = 32855;
+  			if ( glType === _gl.FLOAT ) internalFormat = _gl.RGBA32F;
+  			if ( glType === _gl.HALF_FLOAT ) internalFormat = _gl.RGBA16F;
+  			if ( glType === _gl.UNSIGNED_BYTE ) internalFormat = ( colorSpace === SRGBColorSpace && forceLinearTransfer === false ) ? _gl.SRGB8_ALPHA8 : _gl.RGBA8;
+  			if ( glType === _gl.UNSIGNED_SHORT_4_4_4_4 ) internalFormat = _gl.RGBA4;
+  			if ( glType === _gl.UNSIGNED_SHORT_5_5_5_1 ) internalFormat = _gl.RGB5_A1;
   		}
-  		if ( internalFormat === 33325 || internalFormat === 33326 ||
-  			internalFormat === 33327 || internalFormat === 33328 ||
-  			internalFormat === 34842 || internalFormat === 34836 ) {
+  		if ( internalFormat === _gl.R16F || internalFormat === _gl.R32F ||
+  			internalFormat === _gl.RG16F || internalFormat === _gl.RG32F ||
+  			internalFormat === _gl.RGBA16F || internalFormat === _gl.RGBA32F ) {
   			extensions.get( 'EXT_color_buffer_float' );
@@ -22866,11 +22998,11 @@
   		if ( f === NearestFilter || f === NearestMipmapNearestFilter || f === NearestMipmapLinearFilter ) {
-  			return 9728;
+  			return _gl.NEAREST;
   		}
-  		return 9729;
+  		return _gl.LINEAR;
   	}
@@ -23073,7 +23205,7 @@
   		array.push( texture.premultiplyAlpha );
   		array.push( texture.flipY );
   		array.push( texture.unpackAlignment );
-  		array.push( texture.encoding );
+  		array.push( texture.colorSpace );
   		return array.join();
@@ -23108,7 +23240,7 @@
   		}
-  		state.bindTexture( 3553, textureProperties.__webglTexture, 33984 + slot );
+  		state.bindTexture( _gl.TEXTURE_2D, textureProperties.__webglTexture, _gl.TEXTURE0 + slot );
   	}
@@ -23123,7 +23255,7 @@
   		}
-  		state.bindTexture( 35866, textureProperties.__webglTexture, 33984 + slot );
+  		state.bindTexture( _gl.TEXTURE_2D_ARRAY, textureProperties.__webglTexture, _gl.TEXTURE0 + slot );
   	}
@@ -23138,7 +23270,7 @@
   		}
-  		state.bindTexture( 32879, textureProperties.__webglTexture, 33984 + slot );
+  		state.bindTexture( _gl.TEXTURE_3D, textureProperties.__webglTexture, _gl.TEXTURE0 + slot );
   	}
@@ -23153,50 +23285,50 @@
   		}
-  		state.bindTexture( 34067, textureProperties.__webglTexture, 33984 + slot );
+  		state.bindTexture( _gl.TEXTURE_CUBE_MAP, textureProperties.__webglTexture, _gl.TEXTURE0 + slot );
   	}
   	const wrappingToGL = {
-  		[ RepeatWrapping ]: 10497,
-  		[ ClampToEdgeWrapping ]: 33071,
-  		[ MirroredRepeatWrapping ]: 33648
+  		[ RepeatWrapping ]: _gl.REPEAT,
+  		[ ClampToEdgeWrapping ]: _gl.CLAMP_TO_EDGE,
+  		[ MirroredRepeatWrapping ]: _gl.MIRRORED_REPEAT
   	};
   	const filterToGL = {
-  		[ NearestFilter ]: 9728,
-  		[ NearestMipmapNearestFilter ]: 9984,
-  		[ NearestMipmapLinearFilter ]: 9986,
+  		[ NearestFilter ]: _gl.NEAREST,
+  		[ NearestMipmapNearestFilter ]: _gl.NEAREST_MIPMAP_NEAREST,
+  		[ NearestMipmapLinearFilter ]: _gl.NEAREST_MIPMAP_LINEAR,
-  		[ LinearFilter ]: 9729,
-  		[ LinearMipmapNearestFilter ]: 9985,
-  		[ LinearMipmapLinearFilter ]: 9987
+  		[ LinearFilter ]: _gl.LINEAR,
+  		[ LinearMipmapNearestFilter ]: _gl.LINEAR_MIPMAP_NEAREST,
+  		[ LinearMipmapLinearFilter ]: _gl.LINEAR_MIPMAP_LINEAR
   	};
   	function setTextureParameters( textureType, texture, supportsMips ) {
   		if ( supportsMips ) {
-  			_gl.texParameteri( textureType, 10242, wrappingToGL[ texture.wrapS ] );
-  			_gl.texParameteri( textureType, 10243, wrappingToGL[ texture.wrapT ] );
+  			_gl.texParameteri( textureType, _gl.TEXTURE_WRAP_S, wrappingToGL[ texture.wrapS ] );
+  			_gl.texParameteri( textureType, _gl.TEXTURE_WRAP_T, wrappingToGL[ texture.wrapT ] );
-  			if ( textureType === 32879 || textureType === 35866 ) {
+  			if ( textureType === _gl.TEXTURE_3D || textureType === _gl.TEXTURE_2D_ARRAY ) {
-  				_gl.texParameteri( textureType, 32882, wrappingToGL[ texture.wrapR ] );
+  				_gl.texParameteri( textureType, _gl.TEXTURE_WRAP_R, wrappingToGL[ texture.wrapR ] );
   			}
-  			_gl.texParameteri( textureType, 10240, filterToGL[ texture.magFilter ] );
-  			_gl.texParameteri( textureType, 10241, filterToGL[ texture.minFilter ] );
+  			_gl.texParameteri( textureType, _gl.TEXTURE_MAG_FILTER, filterToGL[ texture.magFilter ] );
+  			_gl.texParameteri( textureType, _gl.TEXTURE_MIN_FILTER, filterToGL[ texture.minFilter ] );
   		} else {
-  			_gl.texParameteri( textureType, 10242, 33071 );
-  			_gl.texParameteri( textureType, 10243, 33071 );
+  			_gl.texParameteri( textureType, _gl.TEXTURE_WRAP_S, _gl.CLAMP_TO_EDGE );
+  			_gl.texParameteri( textureType, _gl.TEXTURE_WRAP_T, _gl.CLAMP_TO_EDGE );
-  			if ( textureType === 32879 || textureType === 35866 ) {
+  			if ( textureType === _gl.TEXTURE_3D || textureType === _gl.TEXTURE_2D_ARRAY ) {
-  				_gl.texParameteri( textureType, 32882, 33071 );
+  				_gl.texParameteri( textureType, _gl.TEXTURE_WRAP_R, _gl.CLAMP_TO_EDGE );
   			}
@@ -23206,8 +23338,8 @@
   			}
-  			_gl.texParameteri( textureType, 10240, filterFallback( texture.magFilter ) );
-  			_gl.texParameteri( textureType, 10241, filterFallback( texture.minFilter ) );
+  			_gl.texParameteri( textureType, _gl.TEXTURE_MAG_FILTER, filterFallback( texture.magFilter ) );
+  			_gl.texParameteri( textureType, _gl.TEXTURE_MIN_FILTER, filterFallback( texture.minFilter ) );
   			if ( texture.minFilter !== NearestFilter && texture.minFilter !== LinearFilter ) {
@@ -23319,36 +23451,36 @@
   	function uploadTexture( textureProperties, texture, slot ) {
-  		let textureType = 3553;
+  		let textureType = _gl.TEXTURE_2D;
-  		if ( texture.isDataArrayTexture || texture.isCompressedArrayTexture ) textureType = 35866;
-  		if ( texture.isData3DTexture ) textureType = 32879;
+  		if ( texture.isDataArrayTexture || texture.isCompressedArrayTexture ) textureType = _gl.TEXTURE_2D_ARRAY;
+  		if ( texture.isData3DTexture ) textureType = _gl.TEXTURE_3D;
   		const forceUpload = initTexture( textureProperties, texture );
   		const source = texture.source;
-  		state.bindTexture( textureType, textureProperties.__webglTexture, 33984 + slot );
+  		state.bindTexture( textureType, textureProperties.__webglTexture, _gl.TEXTURE0 + slot );
   		const sourceProperties = properties.get( source );
   		if ( source.version !== sourceProperties.__version || forceUpload === true ) {
-  			state.activeTexture( 33984 + slot );
+  			state.activeTexture( _gl.TEXTURE0 + slot );
-  			_gl.pixelStorei( 37440, texture.flipY );
-  			_gl.pixelStorei( 37441, texture.premultiplyAlpha );
-  			_gl.pixelStorei( 3317, texture.unpackAlignment );
-  			_gl.pixelStorei( 37443, 0 );
+  			_gl.pixelStorei( _gl.UNPACK_FLIP_Y_WEBGL, texture.flipY );
+  			_gl.pixelStorei( _gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, texture.premultiplyAlpha );
+  			_gl.pixelStorei( _gl.UNPACK_ALIGNMENT, texture.unpackAlignment );
+  			_gl.pixelStorei( _gl.UNPACK_COLORSPACE_CONVERSION_WEBGL, _gl.NONE );
   			const needsPowerOfTwo = textureNeedsPowerOfTwo( texture ) && isPowerOfTwo$1( texture.image ) === false;
   			let image = resizeImage( texture.image, needsPowerOfTwo, false, maxTextureSize );
   			image = verifyColorSpace( texture, image );
   			const supportsMips = isPowerOfTwo$1( image ) || isWebGL2,
-  				glFormat = utils.convert( texture.format, texture.encoding );
+  				glFormat = utils.convert( texture.format, texture.colorSpace );
   			let glType = utils.convert( texture.type ),
-  				glInternalFormat = getInternalFormat( texture.internalFormat, glFormat, glType, texture.encoding, texture.isVideoTexture );
+  				glInternalFormat = getInternalFormat( texture.internalFormat, glFormat, glType, texture.colorSpace );
   			setTextureParameters( textureType, texture, supportsMips );
@@ -23363,25 +23495,25 @@
   				// populate depth texture with dummy data
-  				glInternalFormat = 6402;
+  				glInternalFormat = _gl.DEPTH_COMPONENT;
   				if ( isWebGL2 ) {
   					if ( texture.type === FloatType ) {
-  						glInternalFormat = 36012;
+  						glInternalFormat = _gl.DEPTH_COMPONENT32F;
   					} else if ( texture.type === UnsignedIntType ) {
-  						glInternalFormat = 33190;
+  						glInternalFormat = _gl.DEPTH_COMPONENT24;
   					} else if ( texture.type === UnsignedInt248Type ) {
-  						glInternalFormat = 35056;
+  						glInternalFormat = _gl.DEPTH24_STENCIL8;
   					} else {
-  						glInternalFormat = 33189; // WebGL2 requires sized internalformat for glTexImage2D
+  						glInternalFormat = _gl.DEPTH_COMPONENT16; // WebGL2 requires sized internalformat for glTexImage2D
   					}
@@ -23397,7 +23529,7 @@
   				// validation checks for WebGL 1
-  				if ( texture.format === DepthFormat && glInternalFormat === 6402 ) {
+  				if ( texture.format === DepthFormat && glInternalFormat === _gl.DEPTH_COMPONENT ) {
   					// The error INVALID_OPERATION is generated by texImage2D if format and internalformat are
   					// DEPTH_COMPONENT and type is not UNSIGNED_SHORT or UNSIGNED_INT
@@ -23413,11 +23545,11 @@
   				}
-  				if ( texture.format === DepthStencilFormat && glInternalFormat === 6402 ) {
+  				if ( texture.format === DepthStencilFormat && glInternalFormat === _gl.DEPTH_COMPONENT ) {
   					// Depth stencil textures need the DEPTH_STENCIL internal format
   					// (https://www.khronos.org/registry/webgl/extensions/WEBGL_depth_texture/)
-  					glInternalFormat = 34041;
+  					glInternalFormat = _gl.DEPTH_STENCIL;
   					// The error INVALID_OPERATION is generated by texImage2D if format and internalformat are
   					// DEPTH_STENCIL and type is not UNSIGNED_INT_24_8_WEBGL.
@@ -23439,11 +23571,11 @@
   					if ( useTexStorage ) {
-  						state.texStorage2D( 3553, 1, glInternalFormat, image.width, image.height );
+  						state.texStorage2D( _gl.TEXTURE_2D, 1, glInternalFormat, image.width, image.height );
   					} else {
-  						state.texImage2D( 3553, 0, glInternalFormat, image.width, image.height, 0, glFormat, glType, null );
+  						state.texImage2D( _gl.TEXTURE_2D, 0, glInternalFormat, image.width, image.height, 0, glFormat, glType, null );
   					}
@@ -23459,7 +23591,7 @@
   					if ( useTexStorage && allocateMemory ) {
-  						state.texStorage2D( 3553, levels, glInternalFormat, mipmaps[ 0 ].width, mipmaps[ 0 ].height );
+  						state.texStorage2D( _gl.TEXTURE_2D, levels, glInternalFormat, mipmaps[ 0 ].width, mipmaps[ 0 ].height );
   					}
@@ -23469,11 +23601,11 @@
   						if ( useTexStorage ) {
-  							state.texSubImage2D( 3553, i, 0, 0, mipmap.width, mipmap.height, glFormat, glType, mipmap.data );
+  							state.texSubImage2D( _gl.TEXTURE_2D, 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 );
+  							state.texImage2D( _gl.TEXTURE_2D, i, glInternalFormat, mipmap.width, mipmap.height, 0, glFormat, glType, mipmap.data );
   						}
@@ -23487,15 +23619,15 @@
   						if ( allocateMemory ) {
-  							state.texStorage2D( 3553, levels, glInternalFormat, image.width, image.height );
+  							state.texStorage2D( _gl.TEXTURE_2D, levels, glInternalFormat, image.width, image.height );
   						}
-  						state.texSubImage2D( 3553, 0, 0, 0, image.width, image.height, glFormat, glType, image.data );
+  						state.texSubImage2D( _gl.TEXTURE_2D, 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 );
+  						state.texImage2D( _gl.TEXTURE_2D, 0, glInternalFormat, image.width, image.height, 0, glFormat, glType, image.data );
   					}
@@ -23507,7 +23639,7 @@
   					if ( useTexStorage && allocateMemory ) {
-  						state.texStorage3D( 35866, levels, glInternalFormat, mipmaps[ 0 ].width, mipmaps[ 0 ].height, image.depth );
+  						state.texStorage3D( _gl.TEXTURE_2D_ARRAY, levels, glInternalFormat, mipmaps[ 0 ].width, mipmaps[ 0 ].height, image.depth );
   					}
@@ -23521,11 +23653,11 @@
   								if ( useTexStorage ) {
-  									state.compressedTexSubImage3D( 35866, i, 0, 0, 0, mipmap.width, mipmap.height, image.depth, glFormat, mipmap.data, 0, 0 );
+  									state.compressedTexSubImage3D( _gl.TEXTURE_2D_ARRAY, i, 0, 0, 0, mipmap.width, mipmap.height, image.depth, glFormat, mipmap.data, 0, 0 );
   								} else {
-  									state.compressedTexImage3D( 35866, i, glInternalFormat, mipmap.width, mipmap.height, image.depth, 0, mipmap.data, 0, 0 );
+  									state.compressedTexImage3D( _gl.TEXTURE_2D_ARRAY, i, glInternalFormat, mipmap.width, mipmap.height, image.depth, 0, mipmap.data, 0, 0 );
   								}
@@ -23539,11 +23671,11 @@
   							if ( useTexStorage ) {
-  								state.texSubImage3D( 35866, i, 0, 0, 0, mipmap.width, mipmap.height, image.depth, glFormat, glType, mipmap.data );
+  								state.texSubImage3D( _gl.TEXTURE_2D_ARRAY, i, 0, 0, 0, mipmap.width, mipmap.height, image.depth, glFormat, glType, mipmap.data );
   							} else {
-  								state.texImage3D( 35866, i, glInternalFormat, mipmap.width, mipmap.height, image.depth, 0, glFormat, glType, mipmap.data );
+  								state.texImage3D( _gl.TEXTURE_2D_ARRAY, i, glInternalFormat, mipmap.width, mipmap.height, image.depth, 0, glFormat, glType, mipmap.data );
   							}
@@ -23555,7 +23687,7 @@
   					if ( useTexStorage && allocateMemory ) {
-  						state.texStorage2D( 3553, levels, glInternalFormat, mipmaps[ 0 ].width, mipmaps[ 0 ].height );
+  						state.texStorage2D( _gl.TEXTURE_2D, levels, glInternalFormat, mipmaps[ 0 ].width, mipmaps[ 0 ].height );
   					}
@@ -23569,11 +23701,11 @@
   								if ( useTexStorage ) {
-  									state.compressedTexSubImage2D( 3553, i, 0, 0, mipmap.width, mipmap.height, glFormat, mipmap.data );
+  									state.compressedTexSubImage2D( _gl.TEXTURE_2D, i, 0, 0, mipmap.width, mipmap.height, glFormat, mipmap.data );
   								} else {
-  									state.compressedTexImage2D( 3553, i, glInternalFormat, mipmap.width, mipmap.height, 0, mipmap.data );
+  									state.compressedTexImage2D( _gl.TEXTURE_2D, i, glInternalFormat, mipmap.width, mipmap.height, 0, mipmap.data );
   								}
@@ -23587,11 +23719,11 @@
   							if ( useTexStorage ) {
-  								state.texSubImage2D( 3553, i, 0, 0, mipmap.width, mipmap.height, glFormat, glType, mipmap.data );
+  								state.texSubImage2D( _gl.TEXTURE_2D, 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 );
+  								state.texImage2D( _gl.TEXTURE_2D, i, glInternalFormat, mipmap.width, mipmap.height, 0, glFormat, glType, mipmap.data );
   							}
@@ -23607,15 +23739,15 @@
   					if ( allocateMemory ) {
-  						state.texStorage3D( 35866, levels, glInternalFormat, image.width, image.height, image.depth );
+  						state.texStorage3D( _gl.TEXTURE_2D_ARRAY, 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 );
+  					state.texSubImage3D( _gl.TEXTURE_2D_ARRAY, 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 );
+  					state.texImage3D( _gl.TEXTURE_2D_ARRAY, 0, glInternalFormat, image.width, image.height, image.depth, 0, glFormat, glType, image.data );
   				}
@@ -23625,15 +23757,15 @@
   					if ( allocateMemory ) {
-  						state.texStorage3D( 32879, levels, glInternalFormat, image.width, image.height, image.depth );
+  						state.texStorage3D( _gl.TEXTURE_3D, 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 );
+  					state.texSubImage3D( _gl.TEXTURE_3D, 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 );
+  					state.texImage3D( _gl.TEXTURE_3D, 0, glInternalFormat, image.width, image.height, image.depth, 0, glFormat, glType, image.data );
   				}
@@ -23643,7 +23775,7 @@
   					if ( useTexStorage ) {
-  						state.texStorage2D( 3553, levels, glInternalFormat, image.width, image.height );
+  						state.texStorage2D( _gl.TEXTURE_2D, levels, glInternalFormat, image.width, image.height );
   					} else {
@@ -23651,7 +23783,7 @@
   						for ( let i = 0; i < levels; i ++ ) {
-  							state.texImage2D( 3553, i, glInternalFormat, width, height, 0, glFormat, glType, null );
+  							state.texImage2D( _gl.TEXTURE_2D, i, glInternalFormat, width, height, 0, glFormat, glType, null );
   							width >>= 1;
   							height >>= 1;
@@ -23674,7 +23806,7 @@
   					if ( useTexStorage && allocateMemory ) {
-  						state.texStorage2D( 3553, levels, glInternalFormat, mipmaps[ 0 ].width, mipmaps[ 0 ].height );
+  						state.texStorage2D( _gl.TEXTURE_2D, levels, glInternalFormat, mipmaps[ 0 ].width, mipmaps[ 0 ].height );
   					}
@@ -23684,11 +23816,11 @@
   						if ( useTexStorage ) {
-  							state.texSubImage2D( 3553, i, 0, 0, glFormat, glType, mipmap );
+  							state.texSubImage2D( _gl.TEXTURE_2D, i, 0, 0, glFormat, glType, mipmap );
   						} else {
-  							state.texImage2D( 3553, i, glInternalFormat, glFormat, glType, mipmap );
+  							state.texImage2D( _gl.TEXTURE_2D, i, glInternalFormat, glFormat, glType, mipmap );
   						}
@@ -23702,15 +23834,15 @@
   						if ( allocateMemory ) {
-  							state.texStorage2D( 3553, levels, glInternalFormat, image.width, image.height );
+  							state.texStorage2D( _gl.TEXTURE_2D, levels, glInternalFormat, image.width, image.height );
   						}
-  						state.texSubImage2D( 3553, 0, 0, 0, glFormat, glType, image );
+  						state.texSubImage2D( _gl.TEXTURE_2D, 0, 0, 0, glFormat, glType, image );
   					} else {
-  						state.texImage2D( 3553, 0, glInternalFormat, glFormat, glType, image );
+  						state.texImage2D( _gl.TEXTURE_2D, 0, glInternalFormat, glFormat, glType, image );
   					}
@@ -23741,18 +23873,18 @@
   		const forceUpload = initTexture( textureProperties, texture );
   		const source = texture.source;
-  		state.bindTexture( 34067, textureProperties.__webglTexture, 33984 + slot );
+  		state.bindTexture( _gl.TEXTURE_CUBE_MAP, textureProperties.__webglTexture, _gl.TEXTURE0 + slot );
   		const sourceProperties = properties.get( source );
   		if ( source.version !== sourceProperties.__version || forceUpload === true ) {
-  			state.activeTexture( 33984 + slot );
+  			state.activeTexture( _gl.TEXTURE0 + slot );
-  			_gl.pixelStorei( 37440, texture.flipY );
-  			_gl.pixelStorei( 37441, texture.premultiplyAlpha );
-  			_gl.pixelStorei( 3317, texture.unpackAlignment );
-  			_gl.pixelStorei( 37443, 0 );
+  			_gl.pixelStorei( _gl.UNPACK_FLIP_Y_WEBGL, texture.flipY );
+  			_gl.pixelStorei( _gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, texture.premultiplyAlpha );
+  			_gl.pixelStorei( _gl.UNPACK_ALIGNMENT, texture.unpackAlignment );
+  			_gl.pixelStorei( _gl.UNPACK_COLORSPACE_CONVERSION_WEBGL, _gl.NONE );
   			const isCompressed = ( texture.isCompressedTexture || texture.image[ 0 ].isCompressedTexture );
   			const isDataTexture = ( texture.image[ 0 ] && texture.image[ 0 ].isDataTexture );
@@ -23777,15 +23909,15 @@
   			const image = cubeImage[ 0 ],
   				supportsMips = isPowerOfTwo$1( image ) || isWebGL2,
-  				glFormat = utils.convert( texture.format, texture.encoding ),
+  				glFormat = utils.convert( texture.format, texture.colorSpace ),
   				glType = utils.convert( texture.type ),
-  				glInternalFormat = getInternalFormat( texture.internalFormat, glFormat, glType, texture.encoding );
+  				glInternalFormat = getInternalFormat( texture.internalFormat, glFormat, glType, texture.colorSpace );
   			const useTexStorage = ( isWebGL2 && texture.isVideoTexture !== true );
   			const allocateMemory = ( sourceProperties.__version === undefined ) || ( forceUpload === true );
   			let levels = getMipLevels( texture, image, supportsMips );
-  			setTextureParameters( 34067, texture, supportsMips );
+  			setTextureParameters( _gl.TEXTURE_CUBE_MAP, texture, supportsMips );
   			let mipmaps;
@@ -23793,7 +23925,7 @@
   				if ( useTexStorage && allocateMemory ) {
-  					state.texStorage2D( 34067, levels, glInternalFormat, image.width, image.height );
+  					state.texStorage2D( _gl.TEXTURE_CUBE_MAP, levels, glInternalFormat, image.width, image.height );
   				}
@@ -23811,11 +23943,11 @@
   								if ( useTexStorage ) {
-  									state.compressedTexSubImage2D( 34069 + i, j, 0, 0, mipmap.width, mipmap.height, glFormat, mipmap.data );
+  									state.compressedTexSubImage2D( _gl.TEXTURE_CUBE_MAP_POSITIVE_X + 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 );
+  									state.compressedTexImage2D( _gl.TEXTURE_CUBE_MAP_POSITIVE_X + i, j, glInternalFormat, mipmap.width, mipmap.height, 0, mipmap.data );
   								}
@@ -23829,11 +23961,11 @@
   							if ( useTexStorage ) {
-  								state.texSubImage2D( 34069 + i, j, 0, 0, mipmap.width, mipmap.height, glFormat, glType, mipmap.data );
+  								state.texSubImage2D( _gl.TEXTURE_CUBE_MAP_POSITIVE_X + 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 );
+  								state.texImage2D( _gl.TEXTURE_CUBE_MAP_POSITIVE_X + i, j, glInternalFormat, mipmap.width, mipmap.height, 0, glFormat, glType, mipmap.data );
   							}
@@ -23855,7 +23987,7 @@
   					if ( mipmaps.length > 0 ) levels ++;
-  					state.texStorage2D( 34067, levels, glInternalFormat, cubeImage[ 0 ].width, cubeImage[ 0 ].height );
+  					state.texStorage2D( _gl.TEXTURE_CUBE_MAP, levels, glInternalFormat, cubeImage[ 0 ].width, cubeImage[ 0 ].height );
   				}
@@ -23865,11 +23997,11 @@
   						if ( useTexStorage ) {
-  							state.texSubImage2D( 34069 + i, 0, 0, 0, cubeImage[ i ].width, cubeImage[ i ].height, glFormat, glType, cubeImage[ i ].data );
+  							state.texSubImage2D( _gl.TEXTURE_CUBE_MAP_POSITIVE_X + 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 );
+  							state.texImage2D( _gl.TEXTURE_CUBE_MAP_POSITIVE_X + i, 0, glInternalFormat, cubeImage[ i ].width, cubeImage[ i ].height, 0, glFormat, glType, cubeImage[ i ].data );
   						}
@@ -23880,11 +24012,11 @@
   							if ( useTexStorage ) {
-  								state.texSubImage2D( 34069 + i, j + 1, 0, 0, mipmapImage.width, mipmapImage.height, glFormat, glType, mipmapImage.data );
+  								state.texSubImage2D( _gl.TEXTURE_CUBE_MAP_POSITIVE_X + 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 );
+  								state.texImage2D( _gl.TEXTURE_CUBE_MAP_POSITIVE_X + i, j + 1, glInternalFormat, mipmapImage.width, mipmapImage.height, 0, glFormat, glType, mipmapImage.data );
   							}
@@ -23894,11 +24026,11 @@
   						if ( useTexStorage ) {
-  							state.texSubImage2D( 34069 + i, 0, 0, 0, glFormat, glType, cubeImage[ i ] );
+  							state.texSubImage2D( _gl.TEXTURE_CUBE_MAP_POSITIVE_X + i, 0, 0, 0, glFormat, glType, cubeImage[ i ] );
   						} else {
-  							state.texImage2D( 34069 + i, 0, glInternalFormat, glFormat, glType, cubeImage[ i ] );
+  							state.texImage2D( _gl.TEXTURE_CUBE_MAP_POSITIVE_X + i, 0, glInternalFormat, glFormat, glType, cubeImage[ i ] );
   						}
@@ -23908,11 +24040,11 @@
   							if ( useTexStorage ) {
-  								state.texSubImage2D( 34069 + i, j + 1, 0, 0, glFormat, glType, mipmap.image[ i ] );
+  								state.texSubImage2D( _gl.TEXTURE_CUBE_MAP_POSITIVE_X + i, j + 1, 0, 0, glFormat, glType, mipmap.image[ i ] );
   							} else {
-  								state.texImage2D( 34069 + i, j + 1, glInternalFormat, glFormat, glType, mipmap.image[ i ] );
+  								state.texImage2D( _gl.TEXTURE_CUBE_MAP_POSITIVE_X + i, j + 1, glInternalFormat, glFormat, glType, mipmap.image[ i ] );
   							}
@@ -23927,7 +24059,7 @@
   			if ( textureNeedsGenerateMipmaps( texture, supportsMips ) ) {
   				// We assume images for cube map have the same size.
-  				generateMipmap( 34067 );
+  				generateMipmap( _gl.TEXTURE_CUBE_MAP );
   			}
@@ -23946,14 +24078,14 @@
   	// Setup storage for target texture and bind it to correct framebuffer
   	function setupFrameBufferTexture( framebuffer, renderTarget, texture, attachment, textureTarget ) {
-  		const glFormat = utils.convert( texture.format, texture.encoding );
+  		const glFormat = utils.convert( texture.format, texture.colorSpace );
   		const glType = utils.convert( texture.type );
-  		const glInternalFormat = getInternalFormat( texture.internalFormat, glFormat, glType, texture.encoding );
+  		const glInternalFormat = getInternalFormat( texture.internalFormat, glFormat, glType, texture.colorSpace );
   		const renderTargetProperties = properties.get( renderTarget );
   		if ( ! renderTargetProperties.__hasExternalTextures ) {
-  			if ( textureTarget === 32879 || textureTarget === 35866 ) {
+  			if ( textureTarget === _gl.TEXTURE_3D || textureTarget === _gl.TEXTURE_2D_ARRAY ) {
   				state.texImage3D( textureTarget, 0, glInternalFormat, renderTarget.width, renderTarget.height, renderTarget.depth, 0, glFormat, glType, null );
@@ -23965,19 +24097,19 @@
   		}
-  		state.bindFramebuffer( 36160, framebuffer );
+  		state.bindFramebuffer( _gl.FRAMEBUFFER, framebuffer );
   		if ( useMultisampledRTT( renderTarget ) ) {
-  			multisampledRTTExt.framebufferTexture2DMultisampleEXT( 36160, attachment, textureTarget, properties.get( texture ).__webglTexture, 0, getRenderTargetSamples( renderTarget ) );
+  			multisampledRTTExt.framebufferTexture2DMultisampleEXT( _gl.FRAMEBUFFER, attachment, textureTarget, properties.get( texture ).__webglTexture, 0, getRenderTargetSamples( renderTarget ) );
-  		} else if ( textureTarget === 3553 || ( textureTarget >= 34069 && textureTarget <= 34074 ) ) { // see #24753
+  		} else if ( textureTarget === _gl.TEXTURE_2D || ( textureTarget >= _gl.TEXTURE_CUBE_MAP_POSITIVE_X && textureTarget <= _gl.TEXTURE_CUBE_MAP_NEGATIVE_Z ) ) { // see #24753
-  			_gl.framebufferTexture2D( 36160, attachment, textureTarget, properties.get( texture ).__webglTexture, 0 );
+  			_gl.framebufferTexture2D( _gl.FRAMEBUFFER, attachment, textureTarget, properties.get( texture ).__webglTexture, 0 );
   		}
-  		state.bindFramebuffer( 36160, null );
+  		state.bindFramebuffer( _gl.FRAMEBUFFER, null );
   	}
@@ -23985,11 +24117,11 @@
   	// Setup storage for internal depth/stencil buffers and bind to correct framebuffer
   	function setupRenderBufferStorage( renderbuffer, renderTarget, isMultisample ) {
-  		_gl.bindRenderbuffer( 36161, renderbuffer );
+  		_gl.bindRenderbuffer( _gl.RENDERBUFFER, renderbuffer );
   		if ( renderTarget.depthBuffer && ! renderTarget.stencilBuffer ) {
-  			let glInternalFormat = 33189;
+  			let glInternalFormat = _gl.DEPTH_COMPONENT16;
   			if ( isMultisample || useMultisampledRTT( renderTarget ) ) {
@@ -23999,11 +24131,11 @@
   					if ( depthTexture.type === FloatType ) {
-  						glInternalFormat = 36012;
+  						glInternalFormat = _gl.DEPTH_COMPONENT32F;
   					} else if ( depthTexture.type === UnsignedIntType ) {
-  						glInternalFormat = 33190;
+  						glInternalFormat = _gl.DEPTH_COMPONENT24;
   					}
@@ -24013,21 +24145,21 @@
   				if ( useMultisampledRTT( renderTarget ) ) {
-  					multisampledRTTExt.renderbufferStorageMultisampleEXT( 36161, samples, glInternalFormat, renderTarget.width, renderTarget.height );
+  					multisampledRTTExt.renderbufferStorageMultisampleEXT( _gl.RENDERBUFFER, samples, glInternalFormat, renderTarget.width, renderTarget.height );
   				} else {
-  					_gl.renderbufferStorageMultisample( 36161, samples, glInternalFormat, renderTarget.width, renderTarget.height );
+  					_gl.renderbufferStorageMultisample( _gl.RENDERBUFFER, samples, glInternalFormat, renderTarget.width, renderTarget.height );
   				}
   			} else {
-  				_gl.renderbufferStorage( 36161, glInternalFormat, renderTarget.width, renderTarget.height );
+  				_gl.renderbufferStorage( _gl.RENDERBUFFER, glInternalFormat, renderTarget.width, renderTarget.height );
   			}
-  			_gl.framebufferRenderbuffer( 36160, 36096, 36161, renderbuffer );
+  			_gl.framebufferRenderbuffer( _gl.FRAMEBUFFER, _gl.DEPTH_ATTACHMENT, _gl.RENDERBUFFER, renderbuffer );
   		} else if ( renderTarget.depthBuffer && renderTarget.stencilBuffer ) {
@@ -24035,20 +24167,20 @@
   			if ( isMultisample && useMultisampledRTT( renderTarget ) === false ) {
-  				_gl.renderbufferStorageMultisample( 36161, samples, 35056, renderTarget.width, renderTarget.height );
+  				_gl.renderbufferStorageMultisample( _gl.RENDERBUFFER, samples, _gl.DEPTH24_STENCIL8, renderTarget.width, renderTarget.height );
   			} else if ( useMultisampledRTT( renderTarget ) ) {
-  				multisampledRTTExt.renderbufferStorageMultisampleEXT( 36161, samples, 35056, renderTarget.width, renderTarget.height );
+  				multisampledRTTExt.renderbufferStorageMultisampleEXT( _gl.RENDERBUFFER, samples, _gl.DEPTH24_STENCIL8, renderTarget.width, renderTarget.height );
   			} else {
-  				_gl.renderbufferStorage( 36161, 34041, renderTarget.width, renderTarget.height );
+  				_gl.renderbufferStorage( _gl.RENDERBUFFER, _gl.DEPTH_STENCIL, renderTarget.width, renderTarget.height );
   			}
-  			_gl.framebufferRenderbuffer( 36160, 33306, 36161, renderbuffer );
+  			_gl.framebufferRenderbuffer( _gl.FRAMEBUFFER, _gl.DEPTH_STENCIL_ATTACHMENT, _gl.RENDERBUFFER, renderbuffer );
   		} else {
@@ -24058,22 +24190,22 @@
   				const texture = textures[ i ];
-  				const glFormat = utils.convert( texture.format, texture.encoding );
+  				const glFormat = utils.convert( texture.format, texture.colorSpace );
   				const glType = utils.convert( texture.type );
-  				const glInternalFormat = getInternalFormat( texture.internalFormat, glFormat, glType, texture.encoding );
+  				const glInternalFormat = getInternalFormat( texture.internalFormat, glFormat, glType, texture.colorSpace );
   				const samples = getRenderTargetSamples( renderTarget );
   				if ( isMultisample && useMultisampledRTT( renderTarget ) === false ) {
-  					_gl.renderbufferStorageMultisample( 36161, samples, glInternalFormat, renderTarget.width, renderTarget.height );
+  					_gl.renderbufferStorageMultisample( _gl.RENDERBUFFER, samples, glInternalFormat, renderTarget.width, renderTarget.height );
   				} else if ( useMultisampledRTT( renderTarget ) ) {
-  					multisampledRTTExt.renderbufferStorageMultisampleEXT( 36161, samples, glInternalFormat, renderTarget.width, renderTarget.height );
+  					multisampledRTTExt.renderbufferStorageMultisampleEXT( _gl.RENDERBUFFER, samples, glInternalFormat, renderTarget.width, renderTarget.height );
   				} else {
-  					_gl.renderbufferStorage( 36161, glInternalFormat, renderTarget.width, renderTarget.height );
+  					_gl.renderbufferStorage( _gl.RENDERBUFFER, glInternalFormat, renderTarget.width, renderTarget.height );
   				}
@@ -24081,7 +24213,7 @@
   		}
-  		_gl.bindRenderbuffer( 36161, null );
+  		_gl.bindRenderbuffer( _gl.RENDERBUFFER, null );
   	}
@@ -24091,7 +24223,7 @@
   		const isCube = ( renderTarget && renderTarget.isWebGLCubeRenderTarget );
   		if ( isCube ) throw new Error( 'Depth Texture with cube render targets is not supported' );
-  		state.bindFramebuffer( 36160, framebuffer );
+  		state.bindFramebuffer( _gl.FRAMEBUFFER, framebuffer );
   		if ( ! ( renderTarget.depthTexture && renderTarget.depthTexture.isDepthTexture ) ) {
@@ -24119,11 +24251,11 @@
   			if ( useMultisampledRTT( renderTarget ) ) {
-  				multisampledRTTExt.framebufferTexture2DMultisampleEXT( 36160, 36096, 3553, webglDepthTexture, 0, samples );
+  				multisampledRTTExt.framebufferTexture2DMultisampleEXT( _gl.FRAMEBUFFER, _gl.DEPTH_ATTACHMENT, _gl.TEXTURE_2D, webglDepthTexture, 0, samples );
   			} else {
-  				_gl.framebufferTexture2D( 36160, 36096, 3553, webglDepthTexture, 0 );
+  				_gl.framebufferTexture2D( _gl.FRAMEBUFFER, _gl.DEPTH_ATTACHMENT, _gl.TEXTURE_2D, webglDepthTexture, 0 );
   			}
@@ -24131,11 +24263,11 @@
   			if ( useMultisampledRTT( renderTarget ) ) {
-  				multisampledRTTExt.framebufferTexture2DMultisampleEXT( 36160, 33306, 3553, webglDepthTexture, 0, samples );
+  				multisampledRTTExt.framebufferTexture2DMultisampleEXT( _gl.FRAMEBUFFER, _gl.DEPTH_STENCIL_ATTACHMENT, _gl.TEXTURE_2D, webglDepthTexture, 0, samples );
   			} else {
-  				_gl.framebufferTexture2D( 36160, 33306, 3553, webglDepthTexture, 0 );
+  				_gl.framebufferTexture2D( _gl.FRAMEBUFFER, _gl.DEPTH_STENCIL_ATTACHMENT, _gl.TEXTURE_2D, webglDepthTexture, 0 );
   			}
@@ -24167,7 +24299,7 @@
   				for ( let i = 0; i < 6; i ++ ) {
-  					state.bindFramebuffer( 36160, renderTargetProperties.__webglFramebuffer[ i ] );
+  					state.bindFramebuffer( _gl.FRAMEBUFFER, renderTargetProperties.__webglFramebuffer[ i ] );
   					renderTargetProperties.__webglDepthbuffer[ i ] = _gl.createRenderbuffer();
   					setupRenderBufferStorage( renderTargetProperties.__webglDepthbuffer[ i ], renderTarget, false );
@@ -24175,7 +24307,7 @@
   			} else {
-  				state.bindFramebuffer( 36160, renderTargetProperties.__webglFramebuffer );
+  				state.bindFramebuffer( _gl.FRAMEBUFFER, renderTargetProperties.__webglFramebuffer );
   				renderTargetProperties.__webglDepthbuffer = _gl.createRenderbuffer();
   				setupRenderBufferStorage( renderTargetProperties.__webglDepthbuffer, renderTarget, false );
@@ -24183,7 +24315,7 @@
   		}
-  		state.bindFramebuffer( 36160, null );
+  		state.bindFramebuffer( _gl.FRAMEBUFFER, null );
   	}
@@ -24194,7 +24326,7 @@
   		if ( colorTexture !== undefined ) {
-  			setupFrameBufferTexture( renderTargetProperties.__webglFramebuffer, renderTarget, renderTarget.texture, 36064, 3553 );
+  			setupFrameBufferTexture( renderTargetProperties.__webglFramebuffer, renderTarget, renderTarget.texture, _gl.COLOR_ATTACHMENT0, _gl.TEXTURE_2D );
   		}
@@ -24284,26 +24416,26 @@
   				renderTargetProperties.__webglMultisampledFramebuffer = _gl.createFramebuffer();
   				renderTargetProperties.__webglColorRenderbuffer = [];
-  				state.bindFramebuffer( 36160, renderTargetProperties.__webglMultisampledFramebuffer );
+  				state.bindFramebuffer( _gl.FRAMEBUFFER, renderTargetProperties.__webglMultisampledFramebuffer );
   				for ( let i = 0; i < textures.length; i ++ ) {
   					const texture = textures[ i ];
   					renderTargetProperties.__webglColorRenderbuffer[ i ] = _gl.createRenderbuffer();
-  					_gl.bindRenderbuffer( 36161, renderTargetProperties.__webglColorRenderbuffer[ i ] );
+  					_gl.bindRenderbuffer( _gl.RENDERBUFFER, renderTargetProperties.__webglColorRenderbuffer[ i ] );
-  					const glFormat = utils.convert( texture.format, texture.encoding );
+  					const glFormat = utils.convert( texture.format, texture.colorSpace );
   					const glType = utils.convert( texture.type );
-  					const glInternalFormat = getInternalFormat( texture.internalFormat, glFormat, glType, texture.encoding, renderTarget.isXRRenderTarget === true );
+  					const glInternalFormat = getInternalFormat( texture.internalFormat, glFormat, glType, texture.colorSpace, renderTarget.isXRRenderTarget === true );
   					const samples = getRenderTargetSamples( renderTarget );
-  					_gl.renderbufferStorageMultisample( 36161, samples, glInternalFormat, renderTarget.width, renderTarget.height );
+  					_gl.renderbufferStorageMultisample( _gl.RENDERBUFFER, samples, glInternalFormat, renderTarget.width, renderTarget.height );
-  					_gl.framebufferRenderbuffer( 36160, 36064 + i, 36161, renderTargetProperties.__webglColorRenderbuffer[ i ] );
+  					_gl.framebufferRenderbuffer( _gl.FRAMEBUFFER, _gl.COLOR_ATTACHMENT0 + i, _gl.RENDERBUFFER, renderTargetProperties.__webglColorRenderbuffer[ i ] );
   				}
-  				_gl.bindRenderbuffer( 36161, null );
+  				_gl.bindRenderbuffer( _gl.RENDERBUFFER, null );
   				if ( renderTarget.depthBuffer ) {
@@ -24312,7 +24444,7 @@
   				}
-  				state.bindFramebuffer( 36160, null );
+  				state.bindFramebuffer( _gl.FRAMEBUFFER, null );
   			}
@@ -24322,18 +24454,18 @@
   		if ( isCube ) {
-  			state.bindTexture( 34067, textureProperties.__webglTexture );
-  			setTextureParameters( 34067, texture, supportsMips );
+  			state.bindTexture( _gl.TEXTURE_CUBE_MAP, textureProperties.__webglTexture );
+  			setTextureParameters( _gl.TEXTURE_CUBE_MAP, texture, supportsMips );
   			for ( let i = 0; i < 6; i ++ ) {
-  				setupFrameBufferTexture( renderTargetProperties.__webglFramebuffer[ i ], renderTarget, texture, 36064, 34069 + i );
+  				setupFrameBufferTexture( renderTargetProperties.__webglFramebuffer[ i ], renderTarget, texture, _gl.COLOR_ATTACHMENT0, _gl.TEXTURE_CUBE_MAP_POSITIVE_X + i );
   			}
   			if ( textureNeedsGenerateMipmaps( texture, supportsMips ) ) {
-  				generateMipmap( 34067 );
+  				generateMipmap( _gl.TEXTURE_CUBE_MAP );
   			}
@@ -24348,13 +24480,13 @@
   				const attachment = textures[ i ];
   				const attachmentProperties = properties.get( attachment );
-  				state.bindTexture( 3553, attachmentProperties.__webglTexture );
-  				setTextureParameters( 3553, attachment, supportsMips );
-  				setupFrameBufferTexture( renderTargetProperties.__webglFramebuffer, renderTarget, attachment, 36064 + i, 3553 );
+  				state.bindTexture( _gl.TEXTURE_2D, attachmentProperties.__webglTexture );
+  				setTextureParameters( _gl.TEXTURE_2D, attachment, supportsMips );
+  				setupFrameBufferTexture( renderTargetProperties.__webglFramebuffer, renderTarget, attachment, _gl.COLOR_ATTACHMENT0 + i, _gl.TEXTURE_2D );
   				if ( textureNeedsGenerateMipmaps( attachment, supportsMips ) ) {
-  					generateMipmap( 3553 );
+  					generateMipmap( _gl.TEXTURE_2D );
   				}
@@ -24364,13 +24496,13 @@
   		} else {
-  			let glTextureType = 3553;
+  			let glTextureType = _gl.TEXTURE_2D;
   			if ( renderTarget.isWebGL3DRenderTarget || renderTarget.isWebGLArrayRenderTarget ) {
   				if ( isWebGL2 ) {
-  					glTextureType = renderTarget.isWebGL3DRenderTarget ? 32879 : 35866;
+  					glTextureType = renderTarget.isWebGL3DRenderTarget ? _gl.TEXTURE_3D : _gl.TEXTURE_2D_ARRAY;
   				} else {
@@ -24382,7 +24514,7 @@
   			state.bindTexture( glTextureType, textureProperties.__webglTexture );
   			setTextureParameters( glTextureType, texture, supportsMips );
-  			setupFrameBufferTexture( renderTargetProperties.__webglFramebuffer, renderTarget, texture, 36064, glTextureType );
+  			setupFrameBufferTexture( renderTargetProperties.__webglFramebuffer, renderTarget, texture, _gl.COLOR_ATTACHMENT0, glTextureType );
   			if ( textureNeedsGenerateMipmaps( texture, supportsMips ) ) {
@@ -24416,7 +24548,7 @@
   			if ( textureNeedsGenerateMipmaps( texture, supportsMips ) ) {
-  				const target = renderTarget.isWebGLCubeRenderTarget ? 34067 : 3553;
+  				const target = renderTarget.isWebGLCubeRenderTarget ? _gl.TEXTURE_CUBE_MAP : _gl.TEXTURE_2D;
   				const webglTexture = properties.get( texture ).__webglTexture;
   				state.bindTexture( target, webglTexture );
@@ -24436,9 +24568,9 @@
   			const textures = renderTarget.isWebGLMultipleRenderTargets ? renderTarget.texture : [ renderTarget.texture ];
   			const width = renderTarget.width;
   			const height = renderTarget.height;
-  			let mask = 16384;
+  			let mask = _gl.COLOR_BUFFER_BIT;
   			const invalidationArray = [];
-  			const depthStyle = renderTarget.stencilBuffer ? 33306 : 36096;
+  			const depthStyle = renderTarget.stencilBuffer ? _gl.DEPTH_STENCIL_ATTACHMENT : _gl.DEPTH_ATTACHMENT;
   			const renderTargetProperties = properties.get( renderTarget );
   			const isMultipleRenderTargets = ( renderTarget.isWebGLMultipleRenderTargets === true );
@@ -24447,22 +24579,22 @@
   				for ( let i = 0; i < textures.length; i ++ ) {
-  					state.bindFramebuffer( 36160, renderTargetProperties.__webglMultisampledFramebuffer );
-  					_gl.framebufferRenderbuffer( 36160, 36064 + i, 36161, null );
+  					state.bindFramebuffer( _gl.FRAMEBUFFER, renderTargetProperties.__webglMultisampledFramebuffer );
+  					_gl.framebufferRenderbuffer( _gl.FRAMEBUFFER, _gl.COLOR_ATTACHMENT0 + i, _gl.RENDERBUFFER, null );
-  					state.bindFramebuffer( 36160, renderTargetProperties.__webglFramebuffer );
-  					_gl.framebufferTexture2D( 36009, 36064 + i, 3553, null, 0 );
+  					state.bindFramebuffer( _gl.FRAMEBUFFER, renderTargetProperties.__webglFramebuffer );
+  					_gl.framebufferTexture2D( _gl.DRAW_FRAMEBUFFER, _gl.COLOR_ATTACHMENT0 + i, _gl.TEXTURE_2D, null, 0 );
   				}
   			}
-  			state.bindFramebuffer( 36008, renderTargetProperties.__webglMultisampledFramebuffer );
-  			state.bindFramebuffer( 36009, renderTargetProperties.__webglFramebuffer );
+  			state.bindFramebuffer( _gl.READ_FRAMEBUFFER, renderTargetProperties.__webglMultisampledFramebuffer );
+  			state.bindFramebuffer( _gl.DRAW_FRAMEBUFFER, renderTargetProperties.__webglFramebuffer );
   			for ( let i = 0; i < textures.length; i ++ ) {
-  				invalidationArray.push( 36064 + i );
+  				invalidationArray.push( _gl.COLOR_ATTACHMENT0 + i );
   				if ( renderTarget.depthBuffer ) {
@@ -24474,63 +24606,63 @@
   				if ( ignoreDepthValues === false ) {
-  					if ( renderTarget.depthBuffer ) mask |= 256;
-  					if ( renderTarget.stencilBuffer ) mask |= 1024;
+  					if ( renderTarget.depthBuffer ) mask |= _gl.DEPTH_BUFFER_BIT;
+  					if ( renderTarget.stencilBuffer ) mask |= _gl.STENCIL_BUFFER_BIT;
   				}
   				if ( isMultipleRenderTargets ) {
-  					_gl.framebufferRenderbuffer( 36008, 36064, 36161, renderTargetProperties.__webglColorRenderbuffer[ i ] );
+  					_gl.framebufferRenderbuffer( _gl.READ_FRAMEBUFFER, _gl.COLOR_ATTACHMENT0, _gl.RENDERBUFFER, renderTargetProperties.__webglColorRenderbuffer[ i ] );
   				}
   				if ( ignoreDepthValues === true ) {
-  					_gl.invalidateFramebuffer( 36008, [ depthStyle ] );
-  					_gl.invalidateFramebuffer( 36009, [ depthStyle ] );
+  					_gl.invalidateFramebuffer( _gl.READ_FRAMEBUFFER, [ depthStyle ] );
+  					_gl.invalidateFramebuffer( _gl.DRAW_FRAMEBUFFER, [ depthStyle ] );
   				}
   				if ( isMultipleRenderTargets ) {
   					const webglTexture = properties.get( textures[ i ] ).__webglTexture;
-  					_gl.framebufferTexture2D( 36009, 36064, 3553, webglTexture, 0 );
+  					_gl.framebufferTexture2D( _gl.DRAW_FRAMEBUFFER, _gl.COLOR_ATTACHMENT0, _gl.TEXTURE_2D, webglTexture, 0 );
   				}
-  				_gl.blitFramebuffer( 0, 0, width, height, 0, 0, width, height, mask, 9728 );
+  				_gl.blitFramebuffer( 0, 0, width, height, 0, 0, width, height, mask, _gl.NEAREST );
   				if ( supportsInvalidateFramebuffer ) {
-  					_gl.invalidateFramebuffer( 36008, invalidationArray );
+  					_gl.invalidateFramebuffer( _gl.READ_FRAMEBUFFER, invalidationArray );
   				}
   			}
-  			state.bindFramebuffer( 36008, null );
-  			state.bindFramebuffer( 36009, null );
+  			state.bindFramebuffer( _gl.READ_FRAMEBUFFER, null );
+  			state.bindFramebuffer( _gl.DRAW_FRAMEBUFFER, null );
   			// If MRT since pre-blit we removed the FBO we need to reconstruct the attachments
   			if ( isMultipleRenderTargets ) {
   				for ( let i = 0; i < textures.length; i ++ ) {
-  					state.bindFramebuffer( 36160, renderTargetProperties.__webglMultisampledFramebuffer );
-  					_gl.framebufferRenderbuffer( 36160, 36064 + i, 36161, renderTargetProperties.__webglColorRenderbuffer[ i ] );
+  					state.bindFramebuffer( _gl.FRAMEBUFFER, renderTargetProperties.__webglMultisampledFramebuffer );
+  					_gl.framebufferRenderbuffer( _gl.FRAMEBUFFER, _gl.COLOR_ATTACHMENT0 + i, _gl.RENDERBUFFER, renderTargetProperties.__webglColorRenderbuffer[ i ] );
   					const webglTexture = properties.get( textures[ i ] ).__webglTexture;
-  					state.bindFramebuffer( 36160, renderTargetProperties.__webglFramebuffer );
-  					_gl.framebufferTexture2D( 36009, 36064 + i, 3553, webglTexture, 0 );
+  					state.bindFramebuffer( _gl.FRAMEBUFFER, renderTargetProperties.__webglFramebuffer );
+  					_gl.framebufferTexture2D( _gl.DRAW_FRAMEBUFFER, _gl.COLOR_ATTACHMENT0 + i, _gl.TEXTURE_2D, webglTexture, 0 );
   				}
   			}
-  			state.bindFramebuffer( 36009, renderTargetProperties.__webglMultisampledFramebuffer );
+  			state.bindFramebuffer( _gl.DRAW_FRAMEBUFFER, renderTargetProperties.__webglMultisampledFramebuffer );
   		}
@@ -24567,17 +24699,17 @@
   	function verifyColorSpace( texture, image ) {
-  		const encoding = texture.encoding;
+  		const colorSpace = texture.colorSpace;
   		const format = texture.format;
   		const type = texture.type;
-  		if ( texture.isCompressedTexture === true || texture.isVideoTexture === true || texture.format === _SRGBAFormat ) return image;
+  		if ( texture.isCompressedTexture === true || texture.format === _SRGBAFormat ) return image;
-  		if ( encoding !== LinearEncoding ) {
+  		if ( colorSpace !== LinearSRGBColorSpace && colorSpace !== NoColorSpace ) {
   			// sRGB
-  			if ( encoding === sRGBEncoding ) {
+  			if ( colorSpace === SRGBColorSpace ) {
   				if ( isWebGL2 === false ) {
@@ -24614,7 +24746,7 @@
   			} else {
-  				console.error( 'THREE.WebGLTextures: Unsupported texture encoding:', encoding );
+  				console.error( 'THREE.WebGLTextures: Unsupported texture color space:', colorSpace );
   			}
@@ -24647,24 +24779,24 @@
   	const isWebGL2 = capabilities.isWebGL2;
-  	function convert( p, encoding = null ) {
+  	function convert( p, colorSpace = NoColorSpace ) {
   		let extension;
-  		if ( p === UnsignedByteType ) return 5121;
-  		if ( p === UnsignedShort4444Type ) return 32819;
-  		if ( p === UnsignedShort5551Type ) return 32820;
+  		if ( p === UnsignedByteType ) return gl.UNSIGNED_BYTE;
+  		if ( p === UnsignedShort4444Type ) return gl.UNSIGNED_SHORT_4_4_4_4;
+  		if ( p === UnsignedShort5551Type ) return gl.UNSIGNED_SHORT_5_5_5_1;
-  		if ( p === ByteType ) return 5120;
-  		if ( p === ShortType ) return 5122;
-  		if ( p === UnsignedShortType ) return 5123;
-  		if ( p === IntType ) return 5124;
-  		if ( p === UnsignedIntType ) return 5125;
-  		if ( p === FloatType ) return 5126;
+  		if ( p === ByteType ) return gl.BYTE;
+  		if ( p === ShortType ) return gl.SHORT;
+  		if ( p === UnsignedShortType ) return gl.UNSIGNED_SHORT;
+  		if ( p === IntType ) return gl.INT;
+  		if ( p === UnsignedIntType ) return gl.UNSIGNED_INT;
+  		if ( p === FloatType ) return gl.FLOAT;
   		if ( p === HalfFloatType ) {
-  			if ( isWebGL2 ) return 5131;
+  			if ( isWebGL2 ) return gl.HALF_FLOAT;
   			extension = extensions.get( 'OES_texture_half_float' );
@@ -24680,12 +24812,12 @@
   		}
-  		if ( p === AlphaFormat ) return 6406;
-  		if ( p === RGBAFormat ) return 6408;
-  		if ( p === LuminanceFormat ) return 6409;
-  		if ( p === LuminanceAlphaFormat ) return 6410;
-  		if ( p === DepthFormat ) return 6402;
-  		if ( p === DepthStencilFormat ) return 34041;
+  		if ( p === AlphaFormat ) return gl.ALPHA;
+  		if ( p === RGBAFormat ) return gl.RGBA;
+  		if ( p === LuminanceFormat ) return gl.LUMINANCE;
+  		if ( p === LuminanceAlphaFormat ) return gl.LUMINANCE_ALPHA;
+  		if ( p === DepthFormat ) return gl.DEPTH_COMPONENT;
+  		if ( p === DepthStencilFormat ) return gl.DEPTH_STENCIL;
   		// WebGL 1 sRGB fallback
@@ -24707,17 +24839,17 @@
   		// WebGL2 formats.
-  		if ( p === RedFormat ) return 6403;
-  		if ( p === RedIntegerFormat ) return 36244;
-  		if ( p === RGFormat ) return 33319;
-  		if ( p === RGIntegerFormat ) return 33320;
-  		if ( p === RGBAIntegerFormat ) return 36249;
+  		if ( p === RedFormat ) return gl.RED;
+  		if ( p === RedIntegerFormat ) return gl.RED_INTEGER;
+  		if ( p === RGFormat ) return gl.RG;
+  		if ( p === RGIntegerFormat ) return gl.RG_INTEGER;
+  		if ( p === RGBAIntegerFormat ) return gl.RGBA_INTEGER;
   		// S3TC
   		if ( p === RGB_S3TC_DXT1_Format || p === RGBA_S3TC_DXT1_Format || p === RGBA_S3TC_DXT3_Format || p === RGBA_S3TC_DXT5_Format ) {
-  			if ( encoding === sRGBEncoding ) {
+  			if ( colorSpace === SRGBColorSpace ) {
   				extension = extensions.get( 'WEBGL_compressed_texture_s3tc_srgb' );
@@ -24802,8 +24934,8 @@
   			if ( extension !== null ) {
-  				if ( p === RGB_ETC2_Format ) return ( encoding === sRGBEncoding ) ? extension.COMPRESSED_SRGB8_ETC2 : extension.COMPRESSED_RGB8_ETC2;
-  				if ( p === RGBA_ETC2_EAC_Format ) return ( encoding === sRGBEncoding ) ? extension.COMPRESSED_SRGB8_ALPHA8_ETC2_EAC : extension.COMPRESSED_RGBA8_ETC2_EAC;
+  				if ( p === RGB_ETC2_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ETC2 : extension.COMPRESSED_RGB8_ETC2;
+  				if ( p === RGBA_ETC2_EAC_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ETC2_EAC : extension.COMPRESSED_RGBA8_ETC2_EAC;
   			} else {
@@ -24825,20 +24957,20 @@
   			if ( extension !== null ) {
-  				if ( p === RGBA_ASTC_4x4_Format ) return ( encoding === sRGBEncoding ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_4x4_KHR : extension.COMPRESSED_RGBA_ASTC_4x4_KHR;
-  				if ( p === RGBA_ASTC_5x4_Format ) return ( encoding === sRGBEncoding ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_5x4_KHR : extension.COMPRESSED_RGBA_ASTC_5x4_KHR;
-  				if ( p === RGBA_ASTC_5x5_Format ) return ( encoding === sRGBEncoding ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_5x5_KHR : extension.COMPRESSED_RGBA_ASTC_5x5_KHR;
-  				if ( p === RGBA_ASTC_6x5_Format ) return ( encoding === sRGBEncoding ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_6x5_KHR : extension.COMPRESSED_RGBA_ASTC_6x5_KHR;
-  				if ( p === RGBA_ASTC_6x6_Format ) return ( encoding === sRGBEncoding ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_6x6_KHR : extension.COMPRESSED_RGBA_ASTC_6x6_KHR;
-  				if ( p === RGBA_ASTC_8x5_Format ) return ( encoding === sRGBEncoding ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_8x5_KHR : extension.COMPRESSED_RGBA_ASTC_8x5_KHR;
-  				if ( p === RGBA_ASTC_8x6_Format ) return ( encoding === sRGBEncoding ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_8x6_KHR : extension.COMPRESSED_RGBA_ASTC_8x6_KHR;
-  				if ( p === RGBA_ASTC_8x8_Format ) return ( encoding === sRGBEncoding ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_8x8_KHR : extension.COMPRESSED_RGBA_ASTC_8x8_KHR;
-  				if ( p === RGBA_ASTC_10x5_Format ) return ( encoding === sRGBEncoding ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_10x5_KHR : extension.COMPRESSED_RGBA_ASTC_10x5_KHR;
-  				if ( p === RGBA_ASTC_10x6_Format ) return ( encoding === sRGBEncoding ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_10x6_KHR : extension.COMPRESSED_RGBA_ASTC_10x6_KHR;
-  				if ( p === RGBA_ASTC_10x8_Format ) return ( encoding === sRGBEncoding ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_10x8_KHR : extension.COMPRESSED_RGBA_ASTC_10x8_KHR;
-  				if ( p === RGBA_ASTC_10x10_Format ) return ( encoding === sRGBEncoding ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_10x10_KHR : extension.COMPRESSED_RGBA_ASTC_10x10_KHR;
-  				if ( p === RGBA_ASTC_12x10_Format ) return ( encoding === sRGBEncoding ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_12x10_KHR : extension.COMPRESSED_RGBA_ASTC_12x10_KHR;
-  				if ( p === RGBA_ASTC_12x12_Format ) return ( encoding === sRGBEncoding ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_12x12_KHR : extension.COMPRESSED_RGBA_ASTC_12x12_KHR;
+  				if ( p === RGBA_ASTC_4x4_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_4x4_KHR : extension.COMPRESSED_RGBA_ASTC_4x4_KHR;
+  				if ( p === RGBA_ASTC_5x4_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_5x4_KHR : extension.COMPRESSED_RGBA_ASTC_5x4_KHR;
+  				if ( p === RGBA_ASTC_5x5_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_5x5_KHR : extension.COMPRESSED_RGBA_ASTC_5x5_KHR;
+  				if ( p === RGBA_ASTC_6x5_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_6x5_KHR : extension.COMPRESSED_RGBA_ASTC_6x5_KHR;
+  				if ( p === RGBA_ASTC_6x6_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_6x6_KHR : extension.COMPRESSED_RGBA_ASTC_6x6_KHR;
+  				if ( p === RGBA_ASTC_8x5_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_8x5_KHR : extension.COMPRESSED_RGBA_ASTC_8x5_KHR;
+  				if ( p === RGBA_ASTC_8x6_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_8x6_KHR : extension.COMPRESSED_RGBA_ASTC_8x6_KHR;
+  				if ( p === RGBA_ASTC_8x8_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_8x8_KHR : extension.COMPRESSED_RGBA_ASTC_8x8_KHR;
+  				if ( p === RGBA_ASTC_10x5_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_10x5_KHR : extension.COMPRESSED_RGBA_ASTC_10x5_KHR;
+  				if ( p === RGBA_ASTC_10x6_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_10x6_KHR : extension.COMPRESSED_RGBA_ASTC_10x6_KHR;
+  				if ( p === RGBA_ASTC_10x8_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_10x8_KHR : extension.COMPRESSED_RGBA_ASTC_10x8_KHR;
+  				if ( p === RGBA_ASTC_10x10_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_10x10_KHR : extension.COMPRESSED_RGBA_ASTC_10x10_KHR;
+  				if ( p === RGBA_ASTC_12x10_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_12x10_KHR : extension.COMPRESSED_RGBA_ASTC_12x10_KHR;
+  				if ( p === RGBA_ASTC_12x12_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_12x12_KHR : extension.COMPRESSED_RGBA_ASTC_12x12_KHR;
   			} else {
@@ -24856,7 +24988,7 @@
   			if ( extension !== null ) {
-  				if ( p === RGBA_BPTC_Format ) return ( encoding === sRGBEncoding ) ? extension.COMPRESSED_SRGB_ALPHA_BPTC_UNORM_EXT : extension.COMPRESSED_RGBA_BPTC_UNORM_EXT;
+  				if ( p === RGBA_BPTC_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB_ALPHA_BPTC_UNORM_EXT : extension.COMPRESSED_RGBA_BPTC_UNORM_EXT;
   			} else {
@@ -24891,7 +25023,7 @@
   		if ( p === UnsignedInt248Type ) {
-  			if ( isWebGL2 ) return 34042;
+  			if ( isWebGL2 ) return gl.UNSIGNED_INT_24_8;
   			extension = extensions.get( 'WEBGL_depth_texture' );
@@ -25113,6 +25245,7 @@
   						joint.matrix.fromArray( jointPose.transform.matrix );
   						joint.matrix.decompose( joint.position, joint.rotation, joint.scale );
+  						joint.matrixWorldNeedsUpdate = true;
   						joint.jointRadius = jointPose.radius;
   					}
@@ -25161,6 +25294,7 @@
   						grip.matrix.fromArray( gripPose.transform.matrix );
   						grip.matrix.decompose( grip.position, grip.rotation, grip.scale );
+  						grip.matrixWorldNeedsUpdate = true;
   						if ( gripPose.linearVelocity ) {
@@ -25205,6 +25339,7 @@
   					targetRay.matrix.fromArray( inputPose.transform.matrix );
   					targetRay.matrix.decompose( targetRay.position, targetRay.rotation, targetRay.scale );
+  					targetRay.matrixWorldNeedsUpdate = true;
   					if ( inputPose.linearVelocity ) {
@@ -25321,6 +25456,7 @@
   		const scope = this;
   		let session = null;
   		let framebufferScaleFactor = 1.0;
   		let referenceSpace = null;
@@ -25431,6 +25567,7 @@
   			if ( controller !== undefined ) {
+  				controller.update( event.inputSource, event.frame, customReferenceSpace || referenceSpace );
   				controller.dispatchEvent( { type: event.type, data: event.inputSource } );
   			}
@@ -25570,7 +25707,7 @@
   					const layerInit = {
   						antialias: ( session.renderState.layers === undefined ) ? attributes.antialias : true,
-  						alpha: attributes.alpha,
+  						alpha: true,
   						depth: attributes.depth,
   						stencil: attributes.stencil,
   						framebufferScaleFactor: framebufferScaleFactor
@@ -25586,7 +25723,7 @@
   						{
   							format: RGBAFormat,
   							type: UnsignedByteType,
-  							encoding: renderer.outputEncoding,
+  							colorSpace: renderer.outputColorSpace,
   							stencilBuffer: attributes.stencil
   						}
   					);
@@ -25599,14 +25736,14 @@
   					if ( attributes.depth ) {
-  						glDepthFormat = attributes.stencil ? 35056 : 33190;
+  						glDepthFormat = attributes.stencil ? gl.DEPTH24_STENCIL8 : gl.DEPTH_COMPONENT24;
   						depthFormat = attributes.stencil ? DepthStencilFormat : DepthFormat;
   						depthType = attributes.stencil ? UnsignedInt248Type : UnsignedIntType;
   					}
   					const projectionlayerInit = {
-  						colorFormat: 32856,
+  						colorFormat: gl.RGBA8,
   						depthFormat: glDepthFormat,
   						scaleFactor: framebufferScaleFactor
   					};
@@ -25625,7 +25762,7 @@
   							type: UnsignedByteType,
   							depthTexture: new DepthTexture( glProjLayer.textureWidth, glProjLayer.textureHeight, depthType, undefined, undefined, undefined, undefined, undefined, undefined, depthFormat ),
   							stencilBuffer: attributes.stencil,
-  							encoding: renderer.outputEncoding,
+  							colorSpace: renderer.outputColorSpace,
   							samples: attributes.antialias ? 4 : 0
   						} );
@@ -25652,6 +25789,16 @@
   		};
+  		this.getEnvironmentBlendMode = function () {
+  			if ( session !== null ) {
+  				return session.environmentBlendMode;
+  			}
+  		};
   		function onInputSourcesChange( event ) {
   			// Notify disconnected
@@ -26670,7 +26817,7 @@
   	let updateList = {};
   	let allocatedBindingPoints = [];
-  	const maxBindingPoints = ( capabilities.isWebGL2 ) ? gl.getParameter( 35375 ) : 0; // binding points are global whereas block indices are per shader program
+  	const maxBindingPoints = ( capabilities.isWebGL2 ) ? gl.getParameter( gl.MAX_UNIFORM_BUFFER_BINDINGS ) : 0; // binding points are global whereas block indices are per shader program
   	function bind( uniformsGroup, program ) {
@@ -26724,10 +26871,10 @@
   		const size = uniformsGroup.__size;
   		const usage = uniformsGroup.usage;
-  		gl.bindBuffer( 35345, buffer );
-  		gl.bufferData( 35345, size, usage );
-  		gl.bindBuffer( 35345, null );
-  		gl.bindBufferBase( 35345, bindingPointIndex, buffer );
+  		gl.bindBuffer( gl.UNIFORM_BUFFER, buffer );
+  		gl.bufferData( gl.UNIFORM_BUFFER, size, usage );
+  		gl.bindBuffer( gl.UNIFORM_BUFFER, null );
+  		gl.bindBufferBase( gl.UNIFORM_BUFFER, bindingPointIndex, buffer );
   		return buffer;
@@ -26758,7 +26905,7 @@
   		const uniforms = uniformsGroup.uniforms;
   		const cache = uniformsGroup.__cache;
-  		gl.bindBuffer( 35345, buffer );
+  		gl.bindBuffer( gl.UNIFORM_BUFFER, buffer );
   		for ( let i = 0, il = uniforms.length; i < il; i ++ ) {
@@ -26783,7 +26930,7 @@
   					if ( typeof value === 'number' ) {
   						uniform.__data[ 0 ] = value;
-  						gl.bufferSubData( 35345, offset + arrayOffset, uniform.__data );
+  						gl.bufferSubData( gl.UNIFORM_BUFFER, offset + arrayOffset, uniform.__data );
   					} else if ( value.isMatrix3 ) {
@@ -26812,13 +26959,13 @@
   				}
-  				gl.bufferSubData( 35345, offset, uniform.__data );
+  				gl.bufferSubData( gl.UNIFORM_BUFFER, offset, uniform.__data );
   			}
   		}
-  		gl.bindBuffer( 35345, null );
+  		gl.bindBuffer( gl.UNIFORM_BUFFER, null );
   	}
@@ -27160,7 +27307,7 @@
   		// physically based shading
-  		this.outputEncoding = LinearEncoding;
+  		this.outputColorSpace = SRGBColorSpace;
   		// physical lights
@@ -27336,7 +27483,7 @@
   			state = new WebGLState( _gl, extensions, capabilities );
-  			info = new WebGLInfo();
+  			info = new WebGLInfo( _gl );
   			properties = new WebGLProperties();
   			textures = new WebGLTextures( _gl, extensions, state, properties, capabilities, utils, info );
   			cubemaps = new WebGLCubeMaps( _this );
@@ -27578,9 +27725,9 @@
   			let bits = 0;
-  			if ( color ) bits |= 16384;
-  			if ( depth ) bits |= 256;
-  			if ( stencil ) bits |= 1024;
+  			if ( color ) bits |= _gl.COLOR_BUFFER_BIT;
+  			if ( depth ) bits |= _gl.DEPTH_BUFFER_BIT;
+  			if ( stencil ) bits |= _gl.STENCIL_BUFFER_BIT;
   			_gl.clear( bits );
@@ -27799,11 +27946,11 @@
   				if ( material.wireframe === true ) {
   					state.setLineWidth( material.wireframeLinewidth * getTargetPixelRatio() );
-  					renderer.setMode( 1 );
+  					renderer.setMode( _gl.LINES );
   				} else {
-  					renderer.setMode( 4 );
+  					renderer.setMode( _gl.TRIANGLES );
   				}
@@ -27817,25 +27964,25 @@
   				if ( object.isLineSegments ) {
-  					renderer.setMode( 1 );
+  					renderer.setMode( _gl.LINES );
   				} else if ( object.isLineLoop ) {
-  					renderer.setMode( 2 );
+  					renderer.setMode( _gl.LINE_LOOP );
   				} else {
-  					renderer.setMode( 3 );
+  					renderer.setMode( _gl.LINE_STRIP );
   				}
   			} else if ( object.isPoints ) {
-  				renderer.setMode( 0 );
+  				renderer.setMode( _gl.POINTS );
   			} else if ( object.isSprite ) {
-  				renderer.setMode( 4 );
+  				renderer.setMode( _gl.TRIANGLES );
   			}
@@ -28175,31 +28322,35 @@
   				} else if ( object.isMesh || object.isLine || object.isPoints ) {
-  					if ( object.isSkinnedMesh ) {
+  					if ( ! object.frustumCulled || _frustum.intersectsObject( object ) ) {
-  						// update skeleton only once in a frame
+  						if ( object.isSkinnedMesh ) {
-  						if ( object.skeleton.frame !== info.render.frame ) {
+  							// update skeleton only once in a frame
-  							object.skeleton.update();
-  							object.skeleton.frame = info.render.frame;
+  							if ( object.skeleton.frame !== info.render.frame ) {
-  						}
+  								object.skeleton.update();
+  								object.skeleton.frame = info.render.frame;
-  					}
+  							}
-  					if ( ! object.frustumCulled || _frustum.intersectsObject( object ) ) {
+  						}
+  						const geometry = objects.update( object );
+  						const material = object.material;
   						if ( sortObjects ) {
-  							_vector3.setFromMatrixPosition( object.matrixWorld )
+  							if ( geometry.boundingSphere === null ) geometry.computeBoundingSphere();
+  							_vector3
+  								.copy( geometry.boundingSphere.center )
+  								.applyMatrix4( object.matrixWorld )
   								.applyMatrix4( _projScreenMatrix );
   						}
-  						const geometry = objects.update( object );
-  						const material = object.material;
   						if ( Array.isArray( material ) ) {
   							const groups = geometry.groups;
@@ -28523,7 +28674,7 @@
   			const materialProperties = properties.get( material );
-  			materialProperties.outputEncoding = parameters.outputEncoding;
+  			materialProperties.outputColorSpace = parameters.outputColorSpace;
   			materialProperties.instancing = parameters.instancing;
   			materialProperties.skinning = parameters.skinning;
   			materialProperties.morphTargets = parameters.morphTargets;
@@ -28546,7 +28697,7 @@
   			const fog = scene.fog;
   			const environment = material.isMeshStandardMaterial ? scene.environment : null;
-  			const encoding = ( _currentRenderTarget === null ) ? _this.outputEncoding : ( _currentRenderTarget.isXRRenderTarget === true ? _currentRenderTarget.texture.encoding : LinearEncoding );
+  			const colorSpace = ( _currentRenderTarget === null ) ? _this.outputColorSpace : ( _currentRenderTarget.isXRRenderTarget === true ? _currentRenderTarget.texture.colorSpace : LinearSRGBColorSpace );
   			const envMap = ( material.isMeshStandardMaterial ? cubeuvmaps : cubemaps ).get( material.envMap || environment );
   			const vertexAlphas = material.vertexColors === true && !! geometry.attributes.color && geometry.attributes.color.itemSize === 4;
   			const vertexTangents = !! material.normalMap && !! geometry.attributes.tangent;
@@ -28588,7 +28739,7 @@
   					needsProgramChange = true;
-  				} else if ( materialProperties.outputEncoding !== encoding ) {
+  				} else if ( materialProperties.outputColorSpace !== colorSpace ) {
   					needsProgramChange = true;
@@ -28997,7 +29148,7 @@
   				if ( renderTargetProperties.__useDefaultFramebuffer !== undefined ) {
   					// We need to make sure to rebind the framebuffer.
-  					state.bindFramebuffer( 36160, null );
+  					state.bindFramebuffer( _gl.FRAMEBUFFER, null );
   					useDefaultFramebuffer = false;
   				} else if ( renderTargetProperties.__webglFramebuffer === undefined ) {
@@ -29048,7 +29199,7 @@
   			}
-  			const framebufferBound = state.bindFramebuffer( 36160, framebuffer );
+  			const framebufferBound = state.bindFramebuffer( _gl.FRAMEBUFFER, framebuffer );
   			if ( framebufferBound && capabilities.drawBuffers && useDefaultFramebuffer ) {
@@ -29063,13 +29214,13 @@
   			if ( isCube ) {
   				const textureProperties = properties.get( renderTarget.texture );
-  				_gl.framebufferTexture2D( 36160, 36064, 34069 + activeCubeFace, textureProperties.__webglTexture, activeMipmapLevel );
+  				_gl.framebufferTexture2D( _gl.FRAMEBUFFER, _gl.COLOR_ATTACHMENT0, _gl.TEXTURE_CUBE_MAP_POSITIVE_X + activeCubeFace, textureProperties.__webglTexture, activeMipmapLevel );
   			} else if ( isRenderTarget3D ) {
   				const textureProperties = properties.get( renderTarget.texture );
   				const layer = activeCubeFace || 0;
-  				_gl.framebufferTextureLayer( 36160, 36064, textureProperties.__webglTexture, activeMipmapLevel || 0, layer );
+  				_gl.framebufferTextureLayer( _gl.FRAMEBUFFER, _gl.COLOR_ATTACHMENT0, textureProperties.__webglTexture, activeMipmapLevel || 0, layer );
   			}
@@ -29096,7 +29247,7 @@
   			if ( framebuffer ) {
-  				state.bindFramebuffer( 36160, framebuffer );
+  				state.bindFramebuffer( _gl.FRAMEBUFFER, framebuffer );
   				try {
@@ -29104,7 +29255,7 @@
   					const textureFormat = texture.format;
   					const textureType = texture.type;
-  					if ( textureFormat !== RGBAFormat && utils.convert( textureFormat ) !== _gl.getParameter( 35739 ) ) {
+  					if ( textureFormat !== RGBAFormat && utils.convert( textureFormat ) !== _gl.getParameter( _gl.IMPLEMENTATION_COLOR_READ_FORMAT ) ) {
   						console.error( 'THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not in RGBA or implementation defined format.' );
   						return;
@@ -29113,7 +29264,7 @@
   					const halfFloatSupportedByExt = ( textureType === HalfFloatType ) && ( extensions.has( 'EXT_color_buffer_half_float' ) || ( capabilities.isWebGL2 && extensions.has( 'EXT_color_buffer_float' ) ) );
-  					if ( textureType !== UnsignedByteType && utils.convert( textureType ) !== _gl.getParameter( 35738 ) && // Edge and Chrome Mac < 52 (#9513)
+  					if ( textureType !== UnsignedByteType && utils.convert( textureType ) !== _gl.getParameter( _gl.IMPLEMENTATION_COLOR_READ_TYPE ) && // Edge and Chrome Mac < 52 (#9513)
   						! ( textureType === FloatType && ( capabilities.isWebGL2 || extensions.has( 'OES_texture_float' ) || extensions.has( 'WEBGL_color_buffer_float' ) ) ) && // Chrome Mac >= 52 and Firefox
   						! halfFloatSupportedByExt ) {
@@ -29135,7 +29286,7 @@
   					// restore framebuffer of current render target if necessary
   					const framebuffer = ( _currentRenderTarget !== null ) ? properties.get( _currentRenderTarget ).__webglFramebuffer : null;
-  					state.bindFramebuffer( 36160, framebuffer );
+  					state.bindFramebuffer( _gl.FRAMEBUFFER, framebuffer );
   				}
@@ -29151,7 +29302,7 @@
   			textures.setTexture2D( texture, 0 );
-  			_gl.copyTexSubImage2D( 3553, level, 0, 0, position.x, position.y, width, height );
+  			_gl.copyTexSubImage2D( _gl.TEXTURE_2D, level, 0, 0, position.x, position.y, width, height );
   			state.unbindTexture();
@@ -29168,30 +29319,30 @@
   			// As another texture upload may have changed pixelStorei
   			// parameters, make sure they are correct for the dstTexture
-  			_gl.pixelStorei( 37440, dstTexture.flipY );
-  			_gl.pixelStorei( 37441, dstTexture.premultiplyAlpha );
-  			_gl.pixelStorei( 3317, dstTexture.unpackAlignment );
+  			_gl.pixelStorei( _gl.UNPACK_FLIP_Y_WEBGL, dstTexture.flipY );
+  			_gl.pixelStorei( _gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, dstTexture.premultiplyAlpha );
+  			_gl.pixelStorei( _gl.UNPACK_ALIGNMENT, dstTexture.unpackAlignment );
   			if ( srcTexture.isDataTexture ) {
-  				_gl.texSubImage2D( 3553, level, position.x, position.y, width, height, glFormat, glType, srcTexture.image.data );
+  				_gl.texSubImage2D( _gl.TEXTURE_2D, level, position.x, position.y, width, height, glFormat, glType, srcTexture.image.data );
   			} else {
   				if ( srcTexture.isCompressedTexture ) {
-  					_gl.compressedTexSubImage2D( 3553, level, position.x, position.y, srcTexture.mipmaps[ 0 ].width, srcTexture.mipmaps[ 0 ].height, glFormat, srcTexture.mipmaps[ 0 ].data );
+  					_gl.compressedTexSubImage2D( _gl.TEXTURE_2D, level, position.x, position.y, srcTexture.mipmaps[ 0 ].width, srcTexture.mipmaps[ 0 ].height, glFormat, srcTexture.mipmaps[ 0 ].data );
   				} else {
-  					_gl.texSubImage2D( 3553, level, position.x, position.y, glFormat, glType, srcTexture.image );
+  					_gl.texSubImage2D( _gl.TEXTURE_2D, level, position.x, position.y, glFormat, glType, srcTexture.image );
   				}
   			}
   			// Generate mipmaps only when copying level 0
-  			if ( level === 0 && dstTexture.generateMipmaps ) _gl.generateMipmap( 3553 );
+  			if ( level === 0 && dstTexture.generateMipmaps ) _gl.generateMipmap( _gl.TEXTURE_2D );
   			state.unbindTexture();
@@ -29216,12 +29367,12 @@
   			if ( dstTexture.isData3DTexture ) {
   				textures.setTexture3D( dstTexture, 0 );
-  				glTarget = 32879;
+  				glTarget = _gl.TEXTURE_3D;
   			} else if ( dstTexture.isDataArrayTexture ) {
   				textures.setTexture2DArray( dstTexture, 0 );
-  				glTarget = 35866;
+  				glTarget = _gl.TEXTURE_2D_ARRAY;
   			} else {
@@ -29230,23 +29381,23 @@
   			}
-  			_gl.pixelStorei( 37440, dstTexture.flipY );
-  			_gl.pixelStorei( 37441, dstTexture.premultiplyAlpha );
-  			_gl.pixelStorei( 3317, dstTexture.unpackAlignment );
+  			_gl.pixelStorei( _gl.UNPACK_FLIP_Y_WEBGL, dstTexture.flipY );
+  			_gl.pixelStorei( _gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, dstTexture.premultiplyAlpha );
+  			_gl.pixelStorei( _gl.UNPACK_ALIGNMENT, dstTexture.unpackAlignment );
-  			const unpackRowLen = _gl.getParameter( 3314 );
-  			const unpackImageHeight = _gl.getParameter( 32878 );
-  			const unpackSkipPixels = _gl.getParameter( 3316 );
-  			const unpackSkipRows = _gl.getParameter( 3315 );
-  			const unpackSkipImages = _gl.getParameter( 32877 );
+  			const unpackRowLen = _gl.getParameter( _gl.UNPACK_ROW_LENGTH );
+  			const unpackImageHeight = _gl.getParameter( _gl.UNPACK_IMAGE_HEIGHT );
+  			const unpackSkipPixels = _gl.getParameter( _gl.UNPACK_SKIP_PIXELS );
+  			const unpackSkipRows = _gl.getParameter( _gl.UNPACK_SKIP_ROWS );
+  			const unpackSkipImages = _gl.getParameter( _gl.UNPACK_SKIP_IMAGES );
   			const image = srcTexture.isCompressedTexture ? srcTexture.mipmaps[ 0 ] : srcTexture.image;
-  			_gl.pixelStorei( 3314, image.width );
-  			_gl.pixelStorei( 32878, image.height );
-  			_gl.pixelStorei( 3316, sourceBox.min.x );
-  			_gl.pixelStorei( 3315, sourceBox.min.y );
-  			_gl.pixelStorei( 32877, sourceBox.min.z );
+  			_gl.pixelStorei( _gl.UNPACK_ROW_LENGTH, image.width );
+  			_gl.pixelStorei( _gl.UNPACK_IMAGE_HEIGHT, image.height );
+  			_gl.pixelStorei( _gl.UNPACK_SKIP_PIXELS, sourceBox.min.x );
+  			_gl.pixelStorei( _gl.UNPACK_SKIP_ROWS, sourceBox.min.y );
+  			_gl.pixelStorei( _gl.UNPACK_SKIP_IMAGES, sourceBox.min.z );
   			if ( srcTexture.isDataTexture || srcTexture.isData3DTexture ) {
@@ -29267,11 +29418,11 @@
   			}
-  			_gl.pixelStorei( 3314, unpackRowLen );
-  			_gl.pixelStorei( 32878, unpackImageHeight );
-  			_gl.pixelStorei( 3316, unpackSkipPixels );
-  			_gl.pixelStorei( 3315, unpackSkipRows );
-  			_gl.pixelStorei( 32877, unpackSkipImages );
+  			_gl.pixelStorei( _gl.UNPACK_ROW_LENGTH, unpackRowLen );
+  			_gl.pixelStorei( _gl.UNPACK_IMAGE_HEIGHT, unpackImageHeight );
+  			_gl.pixelStorei( _gl.UNPACK_SKIP_PIXELS, unpackSkipPixels );
+  			_gl.pixelStorei( _gl.UNPACK_SKIP_ROWS, unpackSkipRows );
+  			_gl.pixelStorei( _gl.UNPACK_SKIP_IMAGES, unpackSkipImages );
   			// Generate mipmaps only when copying level 0
   			if ( level === 0 && dstTexture.generateMipmaps ) _gl.generateMipmap( glTarget );
@@ -29337,6 +29488,20 @@
   	}
+  	get outputEncoding() { // @deprecated, r152
+  		console.warn( 'THREE.WebGLRenderer: Property .outputEncoding has been removed. Use .outputColorSpace instead.' );
+  		return this.outputColorSpace === SRGBColorSpace ? sRGBEncoding : LinearEncoding;
+  	}
+  	set outputEncoding( encoding ) { // @deprecated, r152
+  		console.warn( 'THREE.WebGLRenderer: Property .outputEncoding has been removed. Use .outputColorSpace instead.' );
+  		this.outputColorSpace = encoding === sRGBEncoding ? SRGBColorSpace : LinearSRGBColorSpace;
+  	}
   }
   class WebGL1Renderer extends WebGLRenderer {}
@@ -35649,7 +35814,7 @@
   	start() {
-  		this.startTime = now$4();
+  		this.startTime = now$3();
   		this.oldTime = this.startTime;
   		this.elapsedTime = 0;
@@ -35685,7 +35850,7 @@
   		if ( this.running ) {
-  			const newTime = now$4();
+  			const newTime = now$3();
   			diff = ( newTime - this.oldTime ) / 1000;
   			this.oldTime = newTime;
@@ -35700,7 +35865,7 @@
   }
-  function now$4() {
+  function now$3() {
   	return ( typeof performance === 'undefined' ? Date : performance ).now(); // see #10732
@@ -36482,7 +36647,7 @@
   					const element = object.element;
-  					element.style.transform = 'translate(' + ( - 100 * object.center.x ) + '%,' + ( - 100 * object.center.y ) + '%)' +  'translate(' + ( _vector$1.x * _widthHalf + _widthHalf ) + 'px,' + ( - _vector$1.y * _heightHalf + _heightHalf ) + 'px)';
+  					element.style.transform = 'translate(' + ( - 100 * object.center.x ) + '%,' + ( - 100 * object.center.y ) + '%)' + 'translate(' + ( _vector$1.x * _widthHalf + _widthHalf ) + 'px,' + ( - _vector$1.y * _heightHalf + _heightHalf ) + 'px)';
   					if ( element.parentNode !== domElement ) {
@@ -36861,11 +37026,11 @@
    * }, _.now());
    * // => Logs the number of milliseconds it took for the deferred invocation.
    */
-  var now$2 = function() {
+  var now$1 = function() {
     return root$1.Date.now();
   };
-  var now$3 = now$2;
+  var now$2 = now$1;
   /** Error message constants. */
   var FUNC_ERROR_TEXT = 'Expected a function';
@@ -36992,7 +37157,7 @@
     }
     function timerExpired() {
-      var time = now$3();
+      var time = now$2();
       if (shouldInvoke(time)) {
         return trailingEdge(time);
       }
@@ -37021,11 +37186,11 @@
     }
     function flush() {
-      return timerId === undefined ? result : trailingEdge(now$3());
+      return timerId === undefined ? result : trailingEdge(now$2());
     }
     function debounced() {
-      var time = now$3(),
+      var time = now$2(),
           isInvoking = shouldInvoke(time);
       lastArgs = arguments;
@@ -37483,37 +37648,7 @@
       },
   });
-  var now;
-  // Include a performance.now polyfill.
-  // In node.js, use process.hrtime.
-  // eslint-disable-next-line
-  // @ts-ignore
-  if (typeof self === 'undefined' && typeof process !== 'undefined' && process.hrtime) {
-      now = function () {
-          // eslint-disable-next-line
-          // @ts-ignore
-          var time = process.hrtime();
-          // Convert [seconds, nanoseconds] to milliseconds.
-          return time[0] * 1000 + time[1] / 1000000;
-      };
-  }
-  // In a browser, use self.performance.now if it is available.
-  else if (typeof self !== 'undefined' && self.performance !== undefined && self.performance.now !== undefined) {
-      // This must be bound, because directly assigning this function
-      // leads to an invocation exception in Chrome.
-      now = self.performance.now.bind(self.performance);
-  }
-  // Use Date.now if it is available.
-  else if (Date.now !== undefined) {
-      now = Date.now;
-  }
-  // Otherwise, use 'new Date().getTime()'.
-  else {
-      now = function () {
-          return new Date().getTime();
-      };
-  }
-  var now$1 = now;
+  var now = function () { return performance.now(); };
   /**
    * Controlling groups of tweens
@@ -37544,7 +37679,7 @@
           delete this._tweensAddedDuringUpdate[tween.getId()];
       };
       Group.prototype.update = function (time, preserve) {
-          if (time === void 0) { time = now$1(); }
+          if (time === void 0) { time = now(); }
           if (preserve === void 0) { preserve = false; }
           var tweenIds = Object.keys(this._tweens);
           if (tweenIds.length === 0) {
@@ -37685,6 +37820,7 @@
           this._valuesEnd = {};
           this._valuesStartRepeat = {};
           this._duration = 1000;
+          this._isDynamic = false;
           this._initialRepeat = 0;
           this._repeat = 0;
           this._yoyo = false;
@@ -37700,6 +37836,7 @@
           this._onEveryStartCallbackFired = false;
           this._id = Sequence.nextId();
           this._isChainStopped = false;
+          this._propertiesAreSetUp = false;
           this._goToEnd = false;
       }
       Tween.prototype.getId = function () {
@@ -37711,24 +37848,27 @@
       Tween.prototype.isPaused = function () {
           return this._isPaused;
       };
-      Tween.prototype.to = function (properties, duration) {
-          // TODO? restore this, then update the 07_dynamic_to example to set fox
-          // tween's to on each update. That way the behavior is opt-in (there's
-          // currently no opt-out).
-          // for (const prop in properties) this._valuesEnd[prop] = properties[prop]
-          this._valuesEnd = Object.create(properties);
-          if (duration !== undefined) {
-              this._duration = duration;
-          }
+      Tween.prototype.to = function (target, duration) {
+          if (duration === void 0) { duration = 1000; }
+          if (this._isPlaying)
+              throw new Error('Can not call Tween.to() while Tween is already started or paused. Stop the Tween first.');
+          this._valuesEnd = target;
+          this._propertiesAreSetUp = false;
+          this._duration = duration;
+          return this;
+      };
+      Tween.prototype.duration = function (duration) {
+          if (duration === void 0) { duration = 1000; }
+          this._duration = duration;
           return this;
       };
-      Tween.prototype.duration = function (d) {
-          if (d === void 0) { d = 1000; }
-          this._duration = d;
+      Tween.prototype.dynamic = function (dynamic) {
+          if (dynamic === void 0) { dynamic = false; }
+          this._isDynamic = dynamic;
           return this;
       };
       Tween.prototype.start = function (time, overrideStartingValues) {
-          if (time === void 0) { time = now$1(); }
+          if (time === void 0) { time = now(); }
           if (overrideStartingValues === void 0) { overrideStartingValues = false; }
           if (this._isPlaying) {
               return this;
@@ -37752,7 +37892,17 @@
           this._isChainStopped = false;
           this._startTime = time;
           this._startTime += this._delayTime;
-          this._setupProperties(this._object, this._valuesStart, this._valuesEnd, this._valuesStartRepeat, overrideStartingValues);
+          if (!this._propertiesAreSetUp || overrideStartingValues) {
+              this._propertiesAreSetUp = true;
+              // If dynamic is not enabled, clone the end values instead of using the passed-in end values.
+              if (!this._isDynamic) {
+                  var tmp = {};
+                  for (var prop in this._valuesEnd)
+                      tmp[prop] = this._valuesEnd[prop];
+                  this._valuesEnd = tmp;
+              }
+              this._setupProperties(this._object, this._valuesStart, this._valuesEnd, this._valuesStartRepeat, overrideStartingValues);
+          }
           return this;
       };
       Tween.prototype.startFromCurrentValues = function (time) {
@@ -37775,26 +37925,42 @@
                   if (endValues.length === 0) {
                       continue;
                   }
-                  // handle an array of relative values
-                  endValues = endValues.map(this._handleRelativeValue.bind(this, startValue));
-                  // Create a local copy of the Array with the start value at the front
-                  if (_valuesStart[property] === undefined) {
-                      _valuesEnd[property] = [startValue].concat(endValues);
+                  // Handle an array of relative values.
+                  // Creates a local copy of the Array with the start value at the front
+                  var temp = [startValue];
+                  for (var i = 0, l = endValues.length; i < l; i += 1) {
+                      var value = this._handleRelativeValue(startValue, endValues[i]);
+                      if (isNaN(value)) {
+                          isInterpolationList = false;
+                          console.warn('Found invalid interpolation list. Skipping.');
+                          break;
+                      }
+                      temp.push(value);
+                  }
+                  if (isInterpolationList) {
+                      // if (_valuesStart[property] === undefined) { // handle end values only the first time. NOT NEEDED? setupProperties is now guarded by _propertiesAreSetUp.
+                      _valuesEnd[property] = temp;
+                      // }
                   }
               }
               // handle the deepness of the values
               if ((propType === 'object' || startValueIsArray) && startValue && !isInterpolationList) {
                   _valuesStart[property] = startValueIsArray ? [] : {};
-                  // eslint-disable-next-line
-                  for (var prop in startValue) {
-                      // eslint-disable-next-line
-                      // @ts-ignore FIXME?
-                      _valuesStart[property][prop] = startValue[prop];
+                  var nestedObject = startValue;
+                  for (var prop in nestedObject) {
+                      _valuesStart[property][prop] = nestedObject[prop];
                   }
-                  _valuesStartRepeat[property] = startValueIsArray ? [] : {}; // TODO? repeat nested values? And yoyo? And array values?
-                  // eslint-disable-next-line
-                  // @ts-ignore FIXME?
-                  this._setupProperties(startValue, _valuesStart[property], _valuesEnd[property], _valuesStartRepeat[property], overrideStartingValues);
+                  // TODO? repeat nested values? And yoyo? And array values?
+                  _valuesStartRepeat[property] = startValueIsArray ? [] : {};
+                  var endValues = _valuesEnd[property];
+                  // If dynamic is not enabled, clone the end values instead of using the passed-in end values.
+                  if (!this._isDynamic) {
+                      var tmp = {};
+                      for (var prop in endValues)
+                          tmp[prop] = endValues[prop];
+                      _valuesEnd[property] = endValues = tmp;
+                  }
+                  this._setupProperties(nestedObject, _valuesStart[property], endValues, _valuesStartRepeat[property], overrideStartingValues);
               }
               else {
                   // Save the starting value, but only once unless override is requested.
@@ -37840,7 +38006,7 @@
           return this;
       };
       Tween.prototype.pause = function (time) {
-          if (time === void 0) { time = now$1(); }
+          if (time === void 0) { time = now(); }
           if (this._isPaused || !this._isPlaying) {
               return this;
           }
@@ -37851,7 +38017,7 @@
           return this;
       };
       Tween.prototype.resume = function (time) {
-          if (time === void 0) { time = now$1(); }
+          if (time === void 0) { time = now(); }
           if (!this._isPaused || !this._isPlaying) {
               return this;
           }
@@ -37942,7 +38108,7 @@
        * it is still playing, just paused).
        */
       Tween.prototype.update = function (time, autoStart) {
-          if (time === void 0) { time = now$1(); }
+          if (time === void 0) { time = now(); }
           if (autoStart === void 0) { autoStart = true; }
           if (this._isPaused)
               return true;
@@ -38065,9 +38231,7 @@
           if (end.charAt(0) === '+' || end.charAt(0) === '-') {
               return start + parseFloat(end);
           }
-          else {
-              return parseFloat(end);
-          }
+          return parseFloat(end);
       };
       Tween.prototype._swapEndStartRepeatValues = function (property) {
           var tmp = this._valuesStartRepeat[property];
@@ -38083,7 +38247,7 @@
       return Tween;
   }());
-  var VERSION = '19.0.0';
+  var VERSION = '20.0.3';
   /**
    * Tween.js - Licensed under the MIT license
@@ -38114,7 +38278,7 @@
       Easing: Easing,
       Group: Group,
       Interpolation: Interpolation,
-      now: now$1,
+      now: now,
       Sequence: Sequence,
       nextId: nextId,
       Tween: Tween,
@@ -38126,8 +38290,6 @@
       update: update,
   };
-  var TWEEN$1 = exports$1;
   var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
   function getDefaultExportFromCjs (x) {
@@ -41645,9 +41807,9 @@
   		if ( attribute.normalized || attribute.isInterleavedBufferAttribute ) {
-  			const dstArray = new Float32Array( attribute.getCount() * attribute.itemSize );
+  			const dstArray = new Float32Array( attribute.count * attribute.itemSize );
-  			for ( let i = 0, j = 0; i < attribute.getCount(); i ++ ) {
+  			for ( let i = 0, j = 0; i < attribute.count; i ++ ) {
   				dstArray[ j ++ ] = attribute.getX( i );
   				dstArray[ j ++ ] = attribute.getY( i );
@@ -64990,6 +65152,7 @@
     Mesh: Mesh,
     MeshPhongMaterial: MeshPhongMaterial,
     SphereGeometry: SphereGeometry,
+    SRGBColorSpace: SRGBColorSpace,
     TextureLoader: TextureLoader
   };
@@ -65086,6 +65249,7 @@
           !globeMaterial.color && (globeMaterial.color = new THREE$e.Color(0x000000));
         } else {
           new THREE$e.TextureLoader().load(state.globeImageUrl, function (texture) {
+            texture.colorSpace = THREE$e.SRGBColorSpace;
             globeMaterial.map = texture;
             globeMaterial.color = null;
             globeMaterial.needsUpdate = true;
@@ -65341,7 +65505,7 @@
             applyUpdate(targetD);
           } else {
             // animate
-            new TWEEN$1.Tween(currentTargetD).to(targetD, state.pointsTransitionDuration).easing(TWEEN$1.Easing.Quadratic.InOut).onUpdate(applyUpdate).start();
+            new exports$1.Tween(currentTargetD).to(targetD, state.pointsTransitionDuration).easing(exports$1.Easing.Quadratic.InOut).onUpdate(applyUpdate).start();
           }
         }
         if (!state.pointsMerge) {
@@ -65609,7 +65773,7 @@
               applyUpdate(targetD);
             } else {
               // animate
-              new TWEEN$1.Tween(currentTargetD).to(targetD, state.arcsTransitionDuration).easing(TWEEN$1.Easing.Quadratic.InOut).onUpdate(applyUpdate).start();
+              new exports$1.Tween(currentTargetD).to(targetD, state.arcsTransitionDuration).easing(exports$1.Easing.Quadratic.InOut).onUpdate(applyUpdate).start();
             }
           }
         }
@@ -65945,7 +66109,7 @@
             applyUpdate(targetD);
           } else {
             // animate
-            new TWEEN$1.Tween(currentTargetD).to(targetD, state.hexTransitionDuration).easing(TWEEN$1.Easing.Quadratic.InOut).onUpdate(applyUpdate).start();
+            new exports$1.Tween(currentTargetD).to(targetD, state.hexTransitionDuration).easing(exports$1.Easing.Quadratic.InOut).onUpdate(applyUpdate).start();
           }
         }
         if (!state.hexBinMerge) {
@@ -66169,7 +66333,7 @@
               applyUpdate(targetD);
             } else {
               // animate
-              new TWEEN$1.Tween(currentTargetD).to(targetD, state.polygonsTransitionDuration).easing(TWEEN$1.Easing.Quadratic.InOut).onUpdate(applyUpdate).start();
+              new exports$1.Tween(currentTargetD).to(targetD, state.polygonsTransitionDuration).easing(exports$1.Easing.Quadratic.InOut).onUpdate(applyUpdate).start();
             }
           }
         }
@@ -66350,7 +66514,7 @@
               applyUpdate(targetD);
             } else {
               // animate
-              new TWEEN$1.Tween(currentTargetD).to(targetD, state.hexPolygonsTransitionDuration).easing(TWEEN$1.Easing.Quadratic.InOut).onUpdate(applyUpdate).start();
+              new exports$1.Tween(currentTargetD).to(targetD, state.hexPolygonsTransitionDuration).easing(exports$1.Easing.Quadratic.InOut).onUpdate(applyUpdate).start();
             }
           }
         }
@@ -66684,7 +66848,7 @@
               applyUpdate(targetD);
             } else {
               // animate
-              new TWEEN$1.Tween(currentTargetD).to(targetD, state.pathTransitionDuration).easing(TWEEN$1.Easing.Quadratic.InOut).onUpdate(applyUpdate).start();
+              new exports$1.Tween(currentTargetD).to(targetD, state.pathTransitionDuration).easing(exports$1.Easing.Quadratic.InOut).onUpdate(applyUpdate).start();
             }
           }
         }
@@ -66922,7 +67086,7 @@
               applyPosition(targetD);
             } else {
               // animate
-              new TWEEN$1.Tween(currentTargetD).to(targetD, state.tilesTransitionDuration).easing(TWEEN$1.Easing.Quadratic.InOut).onUpdate(applyPosition).start();
+              new exports$1.Tween(currentTargetD).to(targetD, state.tilesTransitionDuration).easing(exports$1.Easing.Quadratic.InOut).onUpdate(applyPosition).start();
             }
           }
         }
@@ -67128,7 +67292,7 @@
               applyPosition(targetD);
             } else {
               // animate
-              new TWEEN$1.Tween(currentTargetD).to(targetD, state.labelsTransitionDuration).easing(TWEEN$1.Easing.Quadratic.InOut).onUpdate(applyPosition).start();
+              new exports$1.Tween(currentTargetD).to(targetD, state.labelsTransitionDuration).easing(exports$1.Easing.Quadratic.InOut).onUpdate(applyPosition).start();
             }
           }
         }
@@ -67303,7 +67467,7 @@
               obj.add(circleObj);
             } else {
               var transitionTime = Math.abs(maxRadius / propagationSpeed) * 1000;
-              new TWEEN$1.Tween({
+              new exports$1.Tween({
                 t: 0
               }).to({
                 t: 1
@@ -67439,7 +67603,7 @@
             applyUpdate(targetD);
           } else {
             // animate
-            new TWEEN$1.Tween(obj.__currentTargetD).to(targetD, state.pointsTransitionDuration).easing(TWEEN$1.Easing.Quadratic.InOut).onUpdate(applyUpdate).start();
+            new exports$1.Tween(obj.__currentTargetD).to(targetD, state.pointsTransitionDuration).easing(exports$1.Easing.Quadratic.InOut).onUpdate(applyUpdate).start();
           }
         }
       });
@@ -67729,7 +67893,7 @@
       },
       _animationCycle: function _animationCycle(state) {
         state.animationFrameRequestId = requestAnimationFrame(this._animationCycle);
-        TWEEN$1.update(); // run tween updates
+        exports$1.update(); // run tween updates
       },
       _destructor: function _destructor(state) {
@@ -67789,20 +67953,20 @@
         if (animateIn) {
           // Animate build-in just once
           state.scene.scale.set(1e-6, 1e-6, 1e-6);
-          new TWEEN$1.Tween({
+          new exports$1.Tween({
             k: 1e-6
           }).to({
             k: 1
-          }, 600).easing(TWEEN$1.Easing.Quadratic.Out).onUpdate(function (_ref16) {
+          }, 600).easing(exports$1.Easing.Quadratic.Out).onUpdate(function (_ref16) {
             var k = _ref16.k;
             return state.scene.scale.set(k, k, k);
           }).start();
           var rotAxis = new THREE$g.Vector3(0, 1, 0);
-          new TWEEN$1.Tween({
+          new exports$1.Tween({
             rot: Math.PI * 2
           }).to({
             rot: 0
-          }, 1200).easing(TWEEN$1.Easing.Quintic.Out).onUpdate(function (_ref17) {
+          }, 1200).easing(exports$1.Easing.Quintic.Out).onUpdate(function (_ref17) {
             var rot = _ref17.rot;
             return state.scene.setRotationFromAxisAngle(rotAxis, rot);
           }).start();
@@ -68054,13 +68218,13 @@
   				} else if ( scope.object.isOrthographicCamera ) {
-  						scope.object.zoom = MathUtils.clamp( scope.object.zoom / factor, scope.minZoom, scope.maxZoom );
-  						if ( lastZoom !== scope.object.zoom ) {
+  					scope.object.zoom = MathUtils.clamp( scope.object.zoom / factor, scope.minZoom, scope.maxZoom );
-  							scope.object.updateProjectionMatrix();
-  						}
+  					if ( lastZoom !== scope.object.zoom ) {
+  						scope.object.updateProjectionMatrix();
+  					}
   				} else {
@@ -68081,11 +68245,11 @@
   					} else if ( scope.object.isOrthographicCamera ) {
   						scope.object.zoom = MathUtils.clamp( scope.object.zoom / factor, scope.minZoom, scope.maxZoom );
   						if ( lastZoom !== scope.object.zoom ) {
   							scope.object.updateProjectionMatrix();
   						}
   					} else {
@@ -70489,10 +70653,11 @@
   		this.renderer = renderer;
+  		this._pixelRatio = renderer.getPixelRatio();
   		if ( renderTarget === undefined ) {
   			const size = renderer.getSize( new Vector2() );
-  			this._pixelRatio = renderer.getPixelRatio();
   			this._width = size.width;
   			this._height = size.height;
@@ -70501,7 +70666,6 @@
   		} else {
-  			this._pixelRatio = 1;
   			this._width = renderTarget.width;
   			this._height = renderTarget.height;
@@ -71653,6 +71817,7 @@
     Scene: Scene,
     PerspectiveCamera: PerspectiveCamera,
     Raycaster: Raycaster,
+    SRGBColorSpace: SRGBColorSpace,
     TextureLoader: TextureLoader,
     Vector2: Vector2,
     Vector3: Vector3,
@@ -71775,7 +71940,7 @@
               state.hoverObj = topObject;
             }
           }
-          TWEEN$1.update(); // update camera animation tweens
+          exports$1.update(); // update camera animation tweens
         }
         return this;
@@ -71807,10 +71972,10 @@
           } else {
             var camPos = Object.assign({}, camera.position);
             var camLookAt = getLookAt();
-            new TWEEN$1.Tween(camPos).to(finalPos, transitionDuration).easing(TWEEN$1.Easing.Quadratic.Out).onUpdate(setCameraPos).start();
+            new exports$1.Tween(camPos).to(finalPos, transitionDuration).easing(exports$1.Easing.Quadratic.Out).onUpdate(setCameraPos).start();
             // Face direction in 1/3rd of time
-            new TWEEN$1.Tween(camLookAt).to(finalLookAt, transitionDuration / 3).easing(TWEEN$1.Easing.Quadratic.Out).onUpdate(setLookAt).start();
+            new exports$1.Tween(camLookAt).to(finalLookAt, transitionDuration / 3).easing(exports$1.Easing.Quadratic.Out).onUpdate(setLookAt).start();
           }
           return this;
         }
@@ -72142,6 +72307,7 @@
           !state.loadComplete && finishLoad();
         } else {
           new three.TextureLoader().load(state.backgroundImageUrl, function (texture) {
+            texture.colorSpace = three.SRGBColorSpace;
             state.skysphere.material = new three.MeshBasicMaterial({
               map: texture,
               side: three.BackSide
@@ -72435,7 +72601,7 @@
             // Avoid rotating more than 180deg longitude
             while (curGeoCoords.lng - finalGeoCoords.lng > 180) curGeoCoords.lng -= 360;
             while (curGeoCoords.lng - finalGeoCoords.lng < -180) curGeoCoords.lng += 360;
-            new TWEEN$1.Tween(curGeoCoords).to(finalGeoCoords, transitionDuration).easing(TWEEN$1.Easing.Cubic.InOut).onUpdate(setCameraPos).start();
+            new exports$1.Tween(curGeoCoords).to(finalGeoCoords, transitionDuration).easing(exports$1.Easing.Cubic.InOut).onUpdate(setCameraPos).start();
           }
           return this;
         }