super-three 0.136.1 → 0.144.0

package/examples/js/loaders/RGBMLoader.js

@@ -134,8 +134,7 @@
 			if ( i != 0 ) for ( var j = 0; j < len; j ++ ) prev[ j ] = img[ j ];
 			if ( frm.blend == 0 ) UPNG._copyTile( fdata, fw, fh, img, w, h, fx, fy, 0 ); else if ( frm.blend == 1 ) UPNG._copyTile( fdata, fw, fh, img, w, h, fx, fy, 1 );
 			frms.push( img.buffer.slice( 0 ) );
-
-			if ( frm.dispose == 0 ) {} else if ( frm.dispose == 1 ) UPNG._copyTile( empty, fw, fh, img, w, h, fx, fy, 0 ); else if ( frm.dispose == 2 ) for ( var j = 0; j < len; j ++ ) img[ j ] = prev[ j ];
+			if ( frm.dispose == 1 ) UPNG._copyTile( empty, fw, fh, img, w, h, fx, fy, 0 ); else if ( frm.dispose == 2 ) for ( var j = 0; j < len; j ++ ) img[ j ] = prev[ j ];
 
 		}
 
@@ -391,6 +390,7 @@
 		var fd,
 			foff = 0; // frames
 
+		var text, keyw, bfr;
 		var mgck = [ 0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a ];
 
 		for ( var i = 0; i < 8; i ++ ) if ( data[ i ] != mgck[ i ] ) throw new Error( 'The input is not a PNG file!' );
@@ -471,13 +471,11 @@
 
 				if ( out.tabs[ type ] == null ) out.tabs[ type ] = {};
 				var nz = bin.nextZero( data, offset );
-				var keyw = bin.readASCII( data, offset, nz - offset );
-				var text,
-					tl = offset + len - nz - 1;
+				keyw = bin.readASCII( data, offset, nz - offset );
+				var tl = offset + len - nz - 1;
 				if ( type == 'tEXt' ) text = bin.readASCII( data, nz + 1, tl ); else {
 
-					var bfr = UPNG.decode._inflate( data.slice( nz + 2, nz + 2 + tl ) );
-
+					bfr = UPNG.decode._inflate( data.slice( nz + 2, nz + 2 + tl ) );
 					text = bin.readUTF8( bfr, 0, bfr.length );
 
 				}
@@ -490,7 +488,7 @@
 				var nz = 0,
 					off = offset;
 				nz = bin.nextZero( data, off );
-				var keyw = bin.readASCII( data, off, nz - off );
+				keyw = bin.readASCII( data, off, nz - off );
 				off = nz + 1;
 				var cflag = data[ off ];
 				off += 2;
@@ -500,12 +498,10 @@
 				nz = bin.nextZero( data, off );
 				bin.readUTF8( data, off, nz - off );
 				off = nz + 1;
-				var text,
-					tl = len - ( off - offset );
+				var tl = len - ( off - offset );
 				if ( cflag == 0 ) text = bin.readUTF8( data, off, tl ); else {
 
-					var bfr = UPNG.decode._inflate( data.slice( off, off + tl ) );
-
+					bfr = UPNG.decode._inflate( data.slice( off, off + tl ) );
 					text = bin.readUTF8( bfr, 0, bfr.length );
 
 				}
@@ -1087,6 +1083,7 @@
 
 			var y = 0,
 				row = starting_row[ pass ];
+			var val;
 
 			while ( row < h ) {
 
@@ -1097,7 +1094,7 @@
 
 					if ( bpp == 1 ) {
 
-						var val = data[ cdi >> 3 ];
+						val = data[ cdi >> 3 ];
 						val = val >> 7 - ( cdi & 7 ) & 1;
 						img[ row * bpl + ( col >> 3 ) ] |= val << 7 - ( ( col & 7 ) << 0 );
 
@@ -1105,7 +1102,7 @@
 
 					if ( bpp == 2 ) {
 
-						var val = data[ cdi >> 3 ];
+						val = data[ cdi >> 3 ];
 						val = val >> 6 - ( cdi & 7 ) & 3;
 						img[ row * bpl + ( col >> 2 ) ] |= val << 6 - ( ( col & 3 ) << 1 );
 
@@ -1113,7 +1110,7 @@
 
 					if ( bpp == 4 ) {
 
-						var val = data[ cdi >> 3 ];
+						val = data[ cdi >> 3 ];
 						val = val >> 4 - ( cdi & 7 ) & 15;
 						img[ row * bpl + ( col >> 1 ) ] |= val << 4 - ( ( col & 1 ) << 2 );
 

package/examples/js/loaders/STLLoader.js

@@ -134,7 +134,7 @@
 				// Check if each byte in query matches the corresponding byte from the current offset
 				for ( let i = 0, il = query.length; i < il; i ++ ) {
 
-					if ( query[ i ] !== reader.getUint8( offset + i, false ) ) return false;
+					if ( query[ i ] !== reader.getUint8( offset + i ) ) return false;
 
 				}
 

package/examples/js/loaders/SVGLoader.js

@@ -53,12 +53,13 @@
 
 				if ( node.nodeType !== 1 ) return;
 				const transform = getNodeTransform( node );
-				let traverseChildNodes = true;
+				let isDefsNode = false;
 				let path = null;
 
 				switch ( node.nodeName ) {
 
 					case 'svg':
+						style = parseStyle( node, style );
 						break;
 
 					case 'style':
@@ -105,12 +106,13 @@
 						break;
 
 					case 'defs':
-						traverseChildNodes = false;
+						isDefsNode = true;
 						break;
 
 					case 'use':
 						style = parseStyle( node, style );
-						const usedNodeId = node.href.baseVal.substring( 1 );
+						const href = node.getAttributeNS( 'http://www.w3.org/1999/xlink', 'href' ) || '';
+						const usedNodeId = href.substring( 1 );
 						const usedNode = node.viewportElement.getElementById( usedNodeId );
 
 						if ( usedNode ) {
@@ -146,16 +148,23 @@
 
 				}
 
-				if ( traverseChildNodes ) {
+				const childNodes = node.childNodes;
+
+				for ( let i = 0; i < childNodes.length; i ++ ) {
 
-					const nodes = node.childNodes;
+					const node = childNodes[ i ];
 
-					for ( let i = 0; i < nodes.length; i ++ ) {
+					if ( isDefsNode && node.nodeName !== 'style' && node.nodeName !== 'defs' ) {
 
-						parseNode( nodes[ i ], style );
+						// Ignore everything in defs except CSS style definitions
+						// and nested defs, because it is OK by the standard to have
+						// <style/> there.
+						continue;
 
 					}
 
+					parseNode( node, style );
+
 				}
 
 				if ( transform ) {
@@ -192,7 +201,7 @@
 
 					const command = commands[ i ];
 					const type = command.charAt( 0 );
-					const data = command.substr( 1 ).trim();
+					const data = command.slice( 1 ).trim();
 
 					if ( isFirstPoint === true ) {
 
@@ -561,7 +570,7 @@
 					for ( let j = 0; j < selectorList.length; j ++ ) {
 
 						// Remove empty rules
-						const definitions = Object.fromEntries( Object.entries( stylesheet.style ).filter( ( [ _, v ] ) => v !== '' ) );
+						const definitions = Object.fromEntries( Object.entries( stylesheet.style ).filter( ( [ , v ] ) => v !== '' ) );
 						stylesheets[ selectorList[ j ] ] = Object.assign( stylesheets[ selectorList[ j ] ] || {}, definitions );
 
 					}
@@ -1260,8 +1269,8 @@
 
 						if ( openParPos > 0 && openParPos < closeParPos ) {
 
-							const transformType = transformText.substr( 0, openParPos );
-							const array = parseFloats( transformText.substr( openParPos + 1, closeParPos - openParPos - 1 ) );
+							const transformType = transformText.slice( 0, openParPos );
+							const array = parseFloats( transformText.slice( openParPos + 1 ) );
 							currentTransform.identity();
 
 							switch ( transformType ) {
@@ -1270,7 +1279,7 @@
 									if ( array.length >= 1 ) {
 
 										const tx = array[ 0 ];
-										let ty = tx;
+										let ty = 0;
 
 										if ( array.length >= 2 ) {
 
@@ -1899,7 +1908,7 @@
 			} );
 			simplePaths = simplePaths.filter( sp => sp.points.length > 1 ); // check if path is solid or a hole
 
-			const isAHole = simplePaths.map( p => isHoleTo( p, simplePaths, scanlineMinX, scanlineMaxX, shapePath.userData.style.fillRule ) );
+			const isAHole = simplePaths.map( p => isHoleTo( p, simplePaths, scanlineMinX, scanlineMaxX, shapePath.userData?.style.fillRule ) );
 			const shapesToReturn = [];
 			simplePaths.forEach( p => {
 
@@ -2080,7 +2089,7 @@
 					tempV2_3.normalize();
 					const dot = Math.abs( normal1.dot( tempV2_3 ) ); // If path is straight, don't create join
 
-					if ( dot !== 0 ) {
+					if ( dot > Number.EPSILON ) {
 
 						// Compute inner and outer segment intersections
 						const miterSide = strokeWidth2 / dot;

package/examples/js/loaders/TIFFLoader.js

@@ -0,0 +1,31 @@
+( function () {
+
+	class TIFFLoader extends THREE.DataTextureLoader {
+
+		constructor( manager ) {
+
+			super( manager );
+
+		}
+
+		parse( buffer ) {
+
+			const ifds = UTIF.decode( buffer );
+			UTIF.decodeImage( buffer, ifds[ 0 ] );
+			const rgba = UTIF.toRGBA8( ifds[ 0 ] );
+			return {
+				width: ifds[ 0 ].width,
+				height: ifds[ 0 ].height,
+				data: rgba,
+				flipY: true,
+				magFilter: THREE.LinearFilter,
+				minFilter: THREE.LinearMipmapLinearFilter
+			};
+
+		}
+
+	}
+
+	THREE.TIFFLoader = TIFFLoader;
+
+} )();

package/examples/js/loaders/VOXLoader.js

@@ -59,13 +59,12 @@
 
 				for ( let j = 0; j < 4; j ++ ) {
 
-					id += String.fromCharCode( data.getUint8( i ++, true ) );
+					id += String.fromCharCode( data.getUint8( i ++ ) );
 
 				}
 
 				const chunkSize = data.getUint32( i, true );
 				i += 4;
-				data.getUint32( i, true );
 				i += 4; // childChunks
 
 				if ( id === 'SIZE' ) {
@@ -211,7 +210,7 @@
 
 	}
 
-	class VOXDataTexture3D extends THREE.DataTexture3D {
+	class VOXData3DTexture extends THREE.Data3DTexture {
 
 		constructor( chunk ) {
 
@@ -242,7 +241,7 @@
 
 	}
 
-	THREE.VOXDataTexture3D = VOXDataTexture3D;
+	THREE.VOXData3DTexture = VOXData3DTexture;
 	THREE.VOXLoader = VOXLoader;
 	THREE.VOXMesh = VOXMesh;
 

package/examples/js/loaders/VRMLLoader.js

@@ -212,16 +212,16 @@
 			function createVisitor( BaseVRMLVisitor ) {
 
 				// the visitor is created dynmaically based on the given base class
-				function VRMLToASTVisitor() {
+				class VRMLToASTVisitor extends BaseVRMLVisitor {
 
-					BaseVRMLVisitor.call( this );
-					this.validateVisitor();
+					constructor() {
 
-				}
+						super();
+						this.validateVisitor();
+
+					}
 
-				VRMLToASTVisitor.prototype = Object.assign( Object.create( BaseVRMLVisitor.prototype ), {
-					constructor: VRMLToASTVisitor,
-					vrml: function ( ctx ) {
+					vrml( ctx ) {
 
 						const data = {
 							version: this.visit( ctx.version ),
@@ -249,13 +249,15 @@
 
 						return data;
 
-					},
-					version: function ( ctx ) {
+					}
+
+					version( ctx ) {
 
 						return ctx.Version[ 0 ].image;
 
-					},
-					node: function ( ctx ) {
+					}
+
+					node( ctx ) {
 
 						const data = {
 							name: ctx.NodeName[ 0 ].image,
@@ -282,8 +284,9 @@
 
 						return data;
 
-					},
-					field: function ( ctx ) {
+					}
+
+					field( ctx ) {
 
 						const data = {
 							name: ctx.Identifier[ 0 ].image,
@@ -309,30 +312,35 @@
 						data.values = result.values;
 						return data;
 
-					},
-					def: function ( ctx ) {
+					}
+
+					def( ctx ) {
 
 						return ( ctx.Identifier || ctx.NodeName )[ 0 ].image;
 
-					},
-					use: function ( ctx ) {
+					}
+
+					use( ctx ) {
 
 						return {
 							USE: ( ctx.Identifier || ctx.NodeName )[ 0 ].image
 						};
 
-					},
-					singleFieldValue: function ( ctx ) {
+					}
+
+					singleFieldValue( ctx ) {
 
 						return processField( this, ctx );
 
-					},
-					multiFieldValue: function ( ctx ) {
+					}
+
+					multiFieldValue( ctx ) {
 
 						return processField( this, ctx );
 
-					},
-					route: function ( ctx ) {
+					}
+
+					route( ctx ) {
 
 						const data = {
 							FROM: ctx.RouteIdentifier[ 0 ].image,
@@ -341,7 +349,8 @@
 						return data;
 
 					}
-				} );
+
+				}
 
 				function processField( scope, ctx ) {