super-three 0.136.0 → 0.136.1

package/examples/js/loaders/LUT3dlLoader.js

@@ -54,7 +54,7 @@
 
 			}
 
-			const dataArray = new Array( size * size * size * 3 );
+			const dataArray = new Array( size * size * size * 4 );
 			let index = 0;
 			let maxOutputValue = 0.0;
 
@@ -71,22 +71,29 @@
 				const rLayer = Math.floor( index / ( size * size ) ) % size; // b grows first, then g, then r
 
 				const pixelIndex = bLayer * size * size + gLayer * size + rLayer;
-				dataArray[ 3 * pixelIndex + 0 ] = r;
-				dataArray[ 3 * pixelIndex + 1 ] = g;
-				dataArray[ 3 * pixelIndex + 2 ] = b;
+				dataArray[ 4 * pixelIndex + 0 ] = r;
+				dataArray[ 4 * pixelIndex + 1 ] = g;
+				dataArray[ 4 * pixelIndex + 2 ] = b;
+				dataArray[ 4 * pixelIndex + 3 ] = 1.0;
 				index += 1;
 
-			} // Find the apparent bit depth of the stored RGB values and scale the
+			} // Find the apparent bit depth of the stored RGB values and map the
 			// values to [ 0, 255 ].
 
 
 			const bits = Math.ceil( Math.log2( maxOutputValue ) );
 			const maxBitValue = Math.pow( 2.0, bits );
 
-			for ( let i = 0, l = dataArray.length; i < l; i ++ ) {
+			for ( let i = 0, l = dataArray.length; i < l; i += 4 ) {
 
-				const val = dataArray[ i ];
-				dataArray[ i ] = 255 * val / maxBitValue;
+				const r = dataArray[ i + 0 ];
+				const g = dataArray[ i + 1 ];
+				const b = dataArray[ i + 2 ];
+				dataArray[ i + 0 ] = 255 * r / maxBitValue; // r
+
+				dataArray[ i + 1 ] = 255 * g / maxBitValue; // g
+
+				dataArray[ i + 2 ] = 255 * b / maxBitValue; // b
 
 			}
 
@@ -95,7 +102,7 @@
 			texture.image.data = data;
 			texture.image.width = size;
 			texture.image.height = size * size;
-			texture.format = THREE.RGBFormat;
+			texture.format = THREE.RGBAFormat;
 			texture.type = THREE.UnsignedByteType;
 			texture.magFilter = THREE.LinearFilter;
 			texture.minFilter = THREE.LinearFilter;
@@ -108,7 +115,7 @@
 			texture3D.image.width = size;
 			texture3D.image.height = size;
 			texture3D.image.depth = size;
-			texture3D.format = THREE.RGBFormat;
+			texture3D.format = THREE.RGBAFormat;
 			texture3D.type = THREE.UnsignedByteType;
 			texture3D.magFilter = THREE.LinearFilter;
 			texture3D.minFilter = THREE.LinearFilter;

package/examples/js/loaders/LUTCubeLoader.js

@@ -62,7 +62,7 @@
 						// more precision than can be captured with Uint8Array.
 						const sizeToken = split[ 1 ];
 						size = parseFloat( sizeToken );
-						data = new Uint8Array( size * size * size * 3 );
+						data = new Uint8Array( size * size * size * 4 );
 						break;
 
 					case 'DOMAIN_MIN':
@@ -91,7 +91,8 @@
 						data[ currIndex + 0 ] = r * 255;
 						data[ currIndex + 1 ] = g * 255;
 						data[ currIndex + 2 ] = b * 255;
-						currIndex += 3;
+						data[ currIndex + 3 ] = 255;
+						currIndex += 4;
 
 				}
 
@@ -101,7 +102,6 @@
 			texture.image.data = data;
 			texture.image.width = size;
 			texture.image.height = size * size;
-			texture.format = THREE.RGBFormat;
 			texture.type = THREE.UnsignedByteType;
 			texture.magFilter = THREE.LinearFilter;
 			texture.minFilter = THREE.LinearFilter;
@@ -114,7 +114,6 @@
 			texture3D.image.width = size;
 			texture3D.image.height = size;
 			texture3D.image.depth = size;
-			texture3D.format = THREE.RGBFormat;
 			texture3D.type = THREE.UnsignedByteType;
 			texture3D.magFilter = THREE.LinearFilter;
 			texture3D.minFilter = THREE.LinearFilter;

package/examples/js/loaders/RGBELoader.js

@@ -343,6 +343,7 @@
 				destArray[ destOffset + 0 ] = sourceArray[ sourceOffset + 0 ] * scale;
 				destArray[ destOffset + 1 ] = sourceArray[ sourceOffset + 1 ] * scale;
 				destArray[ destOffset + 2 ] = sourceArray[ sourceOffset + 2 ] * scale;
+				destArray[ destOffset + 3 ] = 1;
 
 			};
 
@@ -354,6 +355,7 @@
 				destArray[ destOffset + 0 ] = THREE.DataUtils.toHalfFloat( Math.min( sourceArray[ sourceOffset + 0 ] * scale, 65504 ) );
 				destArray[ destOffset + 1 ] = THREE.DataUtils.toHalfFloat( Math.min( sourceArray[ sourceOffset + 1 ] * scale, 65504 ) );
 				destArray[ destOffset + 2 ] = THREE.DataUtils.toHalfFloat( Math.min( sourceArray[ sourceOffset + 2 ] * scale, 65504 ) );
+				destArray[ destOffset + 3 ] = THREE.DataUtils.toHalfFloat( 1 );
 
 			};
 
@@ -376,31 +378,29 @@
 
 						case THREE.FloatType:
 							numElements = image_rgba_data.length / 4;
-							const floatArray = new Float32Array( numElements * 3 );
+							const floatArray = new Float32Array( numElements * 4 );
 
 							for ( let j = 0; j < numElements; j ++ ) {
 
-								RGBEByteToRGBFloat( image_rgba_data, j * 4, floatArray, j * 3 );
+								RGBEByteToRGBFloat( image_rgba_data, j * 4, floatArray, j * 4 );
 
 							}
 
 							data = floatArray;
-							format = THREE.RGBFormat;
 							type = THREE.FloatType;
 							break;
 
 						case THREE.HalfFloatType:
 							numElements = image_rgba_data.length / 4;
-							const halfArray = new Uint16Array( numElements * 3 );
+							const halfArray = new Uint16Array( numElements * 4 );
 
 							for ( let j = 0; j < numElements; j ++ ) {
 
-								RGBEByteToRGBHalf( image_rgba_data, j * 4, halfArray, j * 3 );
+								RGBEByteToRGBHalf( image_rgba_data, j * 4, halfArray, j * 4 );
 
 							}
 
 							data = halfArray;
-							format = THREE.RGBFormat;
 							type = THREE.HalfFloatType;
 							break;
 

package/examples/js/loaders/RGBMLoader.js

@@ -393,7 +393,7 @@
 
 		var mgck = [ 0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a ];
 
-		for ( var i = 0; i < 8; i ++ ) if ( data[ i ] != mgck[ i ] ) throw 'The input is not a PNG file!';
+		for ( var i = 0; i < 8; i ++ ) if ( data[ i ] != mgck[ i ] ) throw new Error( 'The input is not a PNG file!' );
 
 		while ( offset < data.length ) {
 

package/examples/js/loaders/SVGLoader.js

@@ -560,7 +560,9 @@
 
 					for ( let j = 0; j < selectorList.length; j ++ ) {
 
-						stylesheets[ selectorList[ j ] ] = Object.assign( stylesheets[ selectorList[ j ] ] || {}, stylesheet.style );
+						// Remove empty rules
+						const definitions = Object.fromEntries( Object.entries( stylesheet.style ).filter( ( [ _, v ] ) => v !== '' ) );
+						stylesheets[ selectorList[ j ] ] = Object.assign( stylesheets[ selectorList[ j ] ] || {}, definitions );
 
 					}
 

package/examples/js/loaders/VRMLLoader.js

@@ -1166,6 +1166,7 @@
 						color.r = value;
 						color.g = value;
 						color.b = value;
+						color.a = 1;
 						break;
 
 					case TEXTURE_TYPE.INTENSITY_ALPHA:
@@ -1182,6 +1183,7 @@
 						color.r = parseInt( '0x' + hex.substring( 2, 4 ) );
 						color.g = parseInt( '0x' + hex.substring( 4, 6 ) );
 						color.b = parseInt( '0x' + hex.substring( 6, 8 ) );
+						color.a = 1;
 						break;
 
 					case TEXTURE_TYPE.RGBA:
@@ -1247,10 +1249,8 @@
 							const width = fieldValues[ 0 ];
 							const height = fieldValues[ 1 ];
 							const num_components = fieldValues[ 2 ];
-							const useAlpha = num_components === 2 || num_components === 4;
 							const textureType = getTextureType( num_components );
-							const size = ( useAlpha === true ? 4 : 3 ) * ( width * height );
-							const data = new Uint8Array( size );
+							const data = new Uint8Array( 4 * width * height );
 							const color = {
 								r: 0,
 								g: 0,
@@ -1261,27 +1261,15 @@
 							for ( let j = 3, k = 0, jl = fieldValues.length; j < jl; j ++, k ++ ) {
 
 								parseHexColor( fieldValues[ j ], textureType, color );
-
-								if ( useAlpha === true ) {
-
-									const stride = k * 4;
-									data[ stride + 0 ] = color.r;
-									data[ stride + 1 ] = color.g;
-									data[ stride + 2 ] = color.b;
-									data[ stride + 3 ] = color.a;
-
-								} else {
-
-									const stride = k * 3;
-									data[ stride + 0 ] = color.r;
-									data[ stride + 1 ] = color.g;
-									data[ stride + 2 ] = color.b;
-
-								}
+								const stride = k * 4;
+								data[ stride + 0 ] = color.r;
+								data[ stride + 1 ] = color.g;
+								data[ stride + 2 ] = color.b;
+								data[ stride + 3 ] = color.a;
 
 							}
 
-							texture = new THREE.DataTexture( data, width, height, useAlpha === true ? THREE.RGBAFormat : THREE.RGBFormat );
+							texture = new THREE.DataTexture( data, width, height );
 							texture.needsUpdate = true;
 							texture.__type = textureType; // needed for material modifications
 

package/examples/js/math/ConvexHull.js

@@ -44,27 +44,21 @@
 
 		setFromPoints( points ) {
 
-			if ( Array.isArray( points ) !== true ) {
+			// The algorithm needs at least four points.
+			if ( points.length >= 4 ) {
 
-				console.error( 'THREE.ConvexHull: Points parameter is not an array.' );
+				this.makeEmpty();
 
-			}
-
-			if ( points.length < 4 ) {
-
-				console.error( 'THREE.ConvexHull: The algorithm needs at least four points.' );
+				for ( let i = 0, l = points.length; i < l; i ++ ) {
 
-			}
-
-			this.makeEmpty();
+					this.vertices.push( new VertexNode( points[ i ] ) );
 
-			for ( let i = 0, l = points.length; i < l; i ++ ) {
+				}
 
-				this.vertices.push( new VertexNode( points[ i ] ) );
+				this.compute();
 
 			}
 
-			this.compute();
 			return this;
 
 		}

package/examples/js/misc/Volume.js

@@ -104,7 +104,7 @@
 				case 'unsigned long long int':
 				case 'uint64':
 				case 'uint64_t':
-					throw 'Error in Volume constructor : this type is not supported in JavaScript';
+					throw new Error( 'Error in Volume constructor : this type is not supported in JavaScript' );
 					break;
 
 				case 'Float32':
@@ -126,7 +126,7 @@
 
 			if ( this.data.length !== this.xLength * this.yLength * this.zLength ) {
 
-				throw 'Error in Volume constructor, lengths are not matching arrayBuffer size';
+				throw new Error( 'Error in Volume constructor, lengths are not matching arrayBuffer size' );
 
 			}
 

package/examples/js/modifiers/CurveModifier.js

@@ -1,7 +1,7 @@
 ( function () {
 
 	// Original src: https://github.com/zz85/threejs-path-flow
-	const BITS = 3;
+	const CHANNELS = 4;
 	const TEXTURE_WIDTH = 1024;
 	const TEXTURE_HEIGHT = 4;
 	/**
@@ -12,8 +12,8 @@
 
 	function initSplineTexture( numberOfCurves = 1 ) {
 
-		const dataArray = new Float32Array( TEXTURE_WIDTH * TEXTURE_HEIGHT * numberOfCurves * BITS );
-		const dataTexture = new THREE.DataTexture( dataArray, TEXTURE_WIDTH, TEXTURE_HEIGHT * numberOfCurves, THREE.RGBFormat, THREE.FloatType );
+		const dataArray = new Float32Array( TEXTURE_WIDTH * TEXTURE_HEIGHT * numberOfCurves * CHANNELS );
+		const dataTexture = new THREE.DataTexture( dataArray, TEXTURE_WIDTH, TEXTURE_HEIGHT * numberOfCurves, THREE.RGBAFormat, THREE.FloatType );
 		dataTexture.wrapS = THREE.RepeatWrapping;
 		dataTexture.wrapY = THREE.RepeatWrapping;
 		dataTexture.magFilter = THREE.NearestFilter;
@@ -62,11 +62,12 @@
 		const {
 			data
 		} = image;
-		const i = BITS * TEXTURE_WIDTH * o; // Row Offset
+		const i = CHANNELS * TEXTURE_WIDTH * o; // Row Offset
 
-		data[ index * BITS + i + 0 ] = x;
-		data[ index * BITS + i + 1 ] = y;
-		data[ index * BITS + i + 2 ] = z;
+		data[ index * CHANNELS + i + 0 ] = x;
+		data[ index * CHANNELS + i + 1 ] = y;
+		data[ index * CHANNELS + i + 2 ] = z;
+		data[ index * CHANNELS + i + 3 ] = 1;
 
 	}
 	/**

package/examples/js/modifiers/EdgeSplitModifier.js

@@ -168,7 +168,7 @@
 
 				if ( THREE.BufferGeometryUtils === undefined ) {
 
-					throw 'THREE.EdgeSplitModifier relies on THREE.BufferGeometryUtils';
+					throw new Error( 'THREE.EdgeSplitModifier relies on THREE.BufferGeometryUtils' );
 
 				}
 

package/examples/js/modifiers/SimplifyModifier.js

@@ -17,7 +17,7 @@
 
 			if ( THREE.BufferGeometryUtils === undefined ) {
 
-				throw 'THREE.SimplifyModifier relies on THREE.BufferGeometryUtils';
+				throw new Error( 'THREE.SimplifyModifier relies on THREE.BufferGeometryUtils' );
 
 			}
 

package/examples/js/objects/Reflector.js

@@ -25,19 +25,7 @@
 			const q = new THREE.Vector4();
 			const textureMatrix = new THREE.Matrix4();
 			const virtualCamera = new THREE.PerspectiveCamera();
-			const parameters = {
-				minFilter: THREE.LinearFilter,
-				magFilter: THREE.LinearFilter,
-				format: THREE.RGBFormat
-			};
-			const renderTarget = new THREE.WebGLRenderTarget( textureWidth, textureHeight, parameters );
-
-			if ( ! THREE.MathUtils.isPowerOfTwo( textureWidth ) || ! THREE.MathUtils.isPowerOfTwo( textureHeight ) ) {
-
-				renderTarget.texture.generateMipmaps = false;
-
-			}
-
+			const renderTarget = new THREE.WebGLRenderTarget( textureWidth, textureHeight );
 			const material = new THREE.ShaderMaterial( {
 				uniforms: THREE.UniformsUtils.clone( shader.uniforms ),
 				fragmentShader: shader.fragmentShader,

package/examples/js/objects/ReflectorForSSRPass.js

@@ -79,19 +79,9 @@
 			}
 
 			const parameters = {
-				minFilter: THREE.LinearFilter,
-				magFilter: THREE.LinearFilter,
-				format: THREE.RGBFormat,
 				depthTexture: useDepthTexture ? depthTexture : null
 			};
 			const renderTarget = new THREE.WebGLRenderTarget( textureWidth, textureHeight, parameters );
-
-			if ( ! THREE.MathUtils.isPowerOfTwo( textureWidth ) || ! THREE.MathUtils.isPowerOfTwo( textureHeight ) ) {
-
-				renderTarget.texture.generateMipmaps = false;
-
-			}
-
 			const material = new THREE.ShaderMaterial( {
 				transparent: useDepthTexture,
 				defines: Object.assign( {}, ReflectorForSSRPass.ReflectorShader.defines, {

package/examples/js/objects/Refractor.js

@@ -20,19 +20,7 @@
 			const refractorPlane = new THREE.Plane();
 			const textureMatrix = new THREE.Matrix4(); // render target
 
-			const parameters = {
-				minFilter: THREE.LinearFilter,
-				magFilter: THREE.LinearFilter,
-				format: THREE.RGBFormat
-			};
-			const renderTarget = new THREE.WebGLRenderTarget( textureWidth, textureHeight, parameters );
-
-			if ( ! THREE.MathUtils.isPowerOfTwo( textureWidth ) || ! THREE.MathUtils.isPowerOfTwo( textureHeight ) ) {
-
-				renderTarget.texture.generateMipmaps = false;
-
-			} // material
-
+			const renderTarget = new THREE.WebGLRenderTarget( textureWidth, textureHeight ); // material
 
 			this.material = new THREE.ShaderMaterial( {
 				uniforms: THREE.UniformsUtils.clone( shader.uniforms ),

package/examples/js/objects/Water.js

@@ -39,19 +39,7 @@
 			const q = new THREE.Vector4();
 			const textureMatrix = new THREE.Matrix4();
 			const mirrorCamera = new THREE.PerspectiveCamera();
-			const parameters = {
-				minFilter: THREE.LinearFilter,
-				magFilter: THREE.LinearFilter,
-				format: THREE.RGBFormat
-			};
-			const renderTarget = new THREE.WebGLRenderTarget( textureWidth, textureHeight, parameters );
-
-			if ( ! THREE.MathUtils.isPowerOfTwo( textureWidth ) || ! THREE.MathUtils.isPowerOfTwo( textureHeight ) ) {
-
-				renderTarget.texture.generateMipmaps = false;
-
-			}
-
+			const renderTarget = new THREE.WebGLRenderTarget( textureWidth, textureHeight );
 			const mirrorShader = {
 				uniforms: THREE.UniformsUtils.merge( [ THREE.UniformsLib[ 'fog' ], THREE.UniformsLib[ 'lights' ], {
 					'normalSampler': {

package/examples/js/postprocessing/GlitchPass.js

@@ -25,6 +25,7 @@
 			/*, deltaTime, maskActive */
 		) {
 
+			if ( renderer.capabilities.isWebGL2 === false ) this.uniforms[ 'tDisp' ].value.format = THREE.LuminanceFormat;
 			this.uniforms[ 'tDiffuse' ].value = readBuffer.texture;
 			this.uniforms[ 'seed' ].value = Math.random(); //default seeding
 
@@ -81,19 +82,17 @@
 
 		generateHeightmap( dt_size ) {
 
-			const data_arr = new Float32Array( dt_size * dt_size * 3 );
+			const data_arr = new Float32Array( dt_size * dt_size );
 			const length = dt_size * dt_size;
 
 			for ( let i = 0; i < length; i ++ ) {
 
 				const val = THREE.MathUtils.randFloat( 0, 1 );
-				data_arr[ i * 3 + 0 ] = val;
-				data_arr[ i * 3 + 1 ] = val;
-				data_arr[ i * 3 + 2 ] = val;
+				data_arr[ i ] = val;
 
 			}
 
-			const texture = new THREE.DataTexture( data_arr, dt_size, dt_size, THREE.RGBFormat, THREE.FloatType );
+			const texture = new THREE.DataTexture( data_arr, dt_size, dt_size, THREE.RedFormat, THREE.FloatType );
 			texture.needsUpdate = true;
 			return texture;
 

package/examples/js/postprocessing/SMAAPass.js

@@ -7,17 +7,11 @@
 			super(); // render targets
 
 			this.edgesRT = new THREE.WebGLRenderTarget( width, height, {
-				depthBuffer: false,
-				generateMipmaps: false,
-				minFilter: THREE.LinearFilter,
-				format: THREE.RGBFormat
+				depthBuffer: false
 			} );
 			this.edgesRT.texture.name = 'SMAAPass.edges';
 			this.weightsRT = new THREE.WebGLRenderTarget( width, height, {
-				depthBuffer: false,
-				generateMipmaps: false,
-				minFilter: THREE.LinearFilter,
-				format: THREE.RGBAFormat
+				depthBuffer: false
 			} );
 			this.weightsRT.texture.name = 'SMAAPass.weights'; // textures
 
@@ -35,7 +29,6 @@
 			this.areaTexture = new THREE.Texture();
 			this.areaTexture.name = 'SMAAPass.area';
 			this.areaTexture.image = areaTextureImage;
-			this.areaTexture.format = THREE.RGBFormat;
 			this.areaTexture.minFilter = THREE.LinearFilter;
 			this.areaTexture.generateMipmaps = false;
 			this.areaTexture.flipY = false;

package/examples/js/postprocessing/SSAOPass.js

@@ -23,25 +23,17 @@
 			this.generateRandomKernelRotations(); // beauty render target
 
 			const depthTexture = new THREE.DepthTexture();
-			depthTexture.type = THREE.UnsignedShortType;
-			this.beautyRenderTarget = new THREE.WebGLRenderTarget( this.width, this.height, {
-				minFilter: THREE.LinearFilter,
-				magFilter: THREE.LinearFilter,
-				format: THREE.RGBAFormat
-			} ); // normal render target with depth buffer
+			depthTexture.format = THREE.DepthStencilFormat;
+			depthTexture.type = THREE.UnsignedInt248Type;
+			this.beautyRenderTarget = new THREE.WebGLRenderTarget( this.width, this.height ); // normal render target with depth buffer
 
 			this.normalRenderTarget = new THREE.WebGLRenderTarget( this.width, this.height, {
 				minFilter: THREE.NearestFilter,
 				magFilter: THREE.NearestFilter,
-				format: THREE.RGBAFormat,
 				depthTexture: depthTexture
 			} ); // ssao render target
 
-			this.ssaoRenderTarget = new THREE.WebGLRenderTarget( this.width, this.height, {
-				minFilter: THREE.LinearFilter,
-				magFilter: THREE.LinearFilter,
-				format: THREE.RGBAFormat
-			} );
+			this.ssaoRenderTarget = new THREE.WebGLRenderTarget( this.width, this.height );
 			this.blurRenderTarget = this.ssaoRenderTarget.clone(); // ssao material
 
 			if ( THREE.SSAOShader === undefined ) {
@@ -131,7 +123,8 @@
 			/*, readBuffer, deltaTime, maskActive */
 		) {
 
-			// render beauty
+			if ( renderer.capabilities.isWebGL2 === false ) this.noiseTexture.format = THREE.LuminanceFormat; // render beauty
+
 			renderer.setRenderTarget( this.beautyRenderTarget );
 			renderer.clear();
 			renderer.render( this.scene, this.camera ); // render normals and depth (honor only meshes, points and lines do not contribute to SSAO)
@@ -297,23 +290,18 @@
 
 			const simplex = new THREE.SimplexNoise();
 			const size = width * height;
-			const data = new Float32Array( size * 4 );
+			const data = new Float32Array( size );
 
 			for ( let i = 0; i < size; i ++ ) {
 
-				const stride = i * 4;
 				const x = Math.random() * 2 - 1;
 				const y = Math.random() * 2 - 1;
 				const z = 0;
-				const noise = simplex.noise3d( x, y, z );
-				data[ stride ] = noise;
-				data[ stride + 1 ] = noise;
-				data[ stride + 2 ] = noise;
-				data[ stride + 3 ] = 1;
+				data[ i ] = simplex.noise3d( x, y, z );
 
 			}
 
-			this.noiseTexture = new THREE.DataTexture( data, width, height, THREE.RGBAFormat, THREE.FloatType );
+			this.noiseTexture = new THREE.DataTexture( data, width, height, THREE.RedFormat, THREE.FloatType );
 			this.noiseTexture.wrapS = THREE.RepeatWrapping;
 			this.noiseTexture.wrapT = THREE.RepeatWrapping;
 			this.noiseTexture.needsUpdate = true;

package/examples/js/postprocessing/SavePass.js

@@ -18,11 +18,7 @@
 
 			if ( this.renderTarget === undefined ) {
 
-				this.renderTarget = new THREE.WebGLRenderTarget( window.innerWidth, window.innerHeight, {
-					minFilter: THREE.LinearFilter,
-					magFilter: THREE.LinearFilter,
-					format: THREE.RGBFormat
-				} );
+				this.renderTarget = new THREE.WebGLRenderTarget( window.innerWidth, window.innerHeight );
 				this.renderTarget.texture.name = 'SavePass.rt';
 
 			}

package/examples/js/shaders/DigitalGlitch.js

@@ -90,7 +90,7 @@
 				float xs = floor(gl_FragCoord.x / 0.5);
 				float ys = floor(gl_FragCoord.y / 0.5);
 				//based on staffantans glitch shader for unity https://github.com/staffantan/unityglitch
-				vec4 normal = texture2D (tDisp, p*seed*seed);
+				float disp = texture2D(tDisp, p*seed*seed).r;
 				if(p.y<distortion_x+col_s && p.y>distortion_x-col_s*seed) {
 					if(seed_x>0.){
 						p.y = 1. - (p.y + distortion_y);
@@ -107,8 +107,8 @@
 						p.x = 1. - (p.x + distortion_x);
 					}
 				}
-				p.x+=normal.x*seed_x*(seed/5.);
-				p.y+=normal.y*seed_y*(seed/5.);
+				p.x+=disp*seed_x*(seed/5.);
+				p.y+=disp*seed_y*(seed/5.);
 				//base from RGB shift shader
 				vec2 offset = amount * vec2( cos(angle), sin(angle));
 				vec4 cr = texture2D(tDiffuse, p + offset);

package/examples/js/shaders/MMDToonShader.js

@@ -55,7 +55,6 @@ void RE_IndirectDiffuse_BlinnPhong( const in vec3 irradiance, const in Geometric
 	vec3 y = cross( viewDir, x );
 	vec2 uv = vec2( dot( x, normal ), dot( y, normal ) ) * 0.495 + 0.5; // 0.495 to remove artifacts caused by undersized matcap disks
 	vec4 matcapColor = texture2D( matcap, uv );
-	matcapColor = matcapTexelToLinear( matcapColor );
 
 	#ifdef MATCAP_BLENDING_MULTIPLY
 

package/examples/js/shaders/SSAOShader.js

@@ -155,7 +155,7 @@
 			vec3 viewNormal = getViewNormal( vUv );
 
 			vec2 noiseScale = vec2( resolution.x / 4.0, resolution.y / 4.0 );
-			vec3 random = texture2D( tNoise, vUv * noiseScale ).xyz;
+			vec3 random = vec3( texture2D( tNoise, vUv * noiseScale ).r );
 
 			// compute matrix used to reorient a kernel vector
 

package/examples/jsm/animation/MMDPhysics.js

@@ -894,7 +894,7 @@ class RigidBody {
 					return new Ammo.btCapsuleShape( p.width, p.height );
 
 				default:
-					throw 'unknown shape type ' + p.shapeType;
+					throw new Error( 'unknown shape type ' + p.shapeType );
 
 			}
 

package/examples/jsm/cameras/CinematicCamera.js

@@ -1,10 +1,8 @@
 import {
-	LinearFilter,
 	Mesh,
 	OrthographicCamera,
 	PerspectiveCamera,
 	PlaneGeometry,
-	RGBFormat,
 	Scene,
 	ShaderMaterial,
 	UniformsUtils,
@@ -125,9 +123,8 @@ class CinematicCamera extends PerspectiveCamera {
 
 			this.postprocessing.scene.add( this.postprocessing.camera );
 
-			const pars = { minFilter: LinearFilter, magFilter: LinearFilter, format: RGBFormat };
-			this.postprocessing.rtTextureDepth = new WebGLRenderTarget( window.innerWidth, window.innerHeight, pars );
-			this.postprocessing.rtTextureColor = new WebGLRenderTarget( window.innerWidth, window.innerHeight, pars );
+			this.postprocessing.rtTextureDepth = new WebGLRenderTarget( window.innerWidth, window.innerHeight );
+			this.postprocessing.rtTextureColor = new WebGLRenderTarget( window.innerWidth, window.innerHeight );
 
 			const bokeh_shader = BokehShader;
 

package/examples/jsm/{WebGL.js → capabilities/WebGL.js}

@@ -1,4 +1,4 @@
-class WEBGL {
+class WebGL {
 
 	static isWebGLAvailable() {
 
@@ -88,4 +88,4 @@ class WEBGL {
 
 }
 
-export { WEBGL };
+export default WebGL;