super-three 0.141.0 → 0.147.0

package/examples/js/loaders/TGALoader.js

@@ -7,15 +7,16 @@
 			super( manager );
 
 		}
-
 		parse( buffer ) {
 
 			// reference from vthibault, https://github.com/vthibault/roBrowser/blob/master/src/Loaders/Targa.js
+
 			function tgaCheckHeader( header ) {
 
 				switch ( header.image_type ) {
 
 					// check indexed type
+
 					case TGA_TYPE_INDEXED:
 					case TGA_TYPE_RLE_INDEXED:
 						if ( header.colormap_length > 256 || header.colormap_size !== 24 || header.colormap_type !== 1 ) {
@@ -25,6 +26,7 @@
 						}
 
 						break;
+
 						// check colormap type
 
 					case TGA_TYPE_RGB:
@@ -38,24 +40,28 @@
 						}
 
 						break;
+
 						// What the need of a file without data ?
 
 					case TGA_TYPE_NO_DATA:
 						console.error( 'THREE.TGALoader: No data.' );
+
 						// Invalid type ?
 
 					default:
 						console.error( 'THREE.TGALoader: Invalid type "%s".', header.image_type );
 
-				} // check image width and height
+				}
 
+				// check image width and height
 
 				if ( header.width <= 0 || header.height <= 0 ) {
 
 					console.error( 'THREE.TGALoader: Invalid image size.' );
 
-				} // check image pixel size
+				}
 
+				// check image pixel size
 
 				if ( header.pixel_size !== 8 && header.pixel_size !== 16 && header.pixel_size !== 24 && header.pixel_size !== 32 ) {
 
@@ -63,21 +69,25 @@
 
 				}
 
-			} // parse tga image buffer
+			}
 
+			// parse tga image buffer
 
 			function tgaParse( use_rle, use_pal, header, offset, data ) {
 
 				let pixel_data, palettes;
 				const pixel_size = header.pixel_size >> 3;
-				const pixel_total = header.width * header.height * pixel_size; // read palettes
+				const pixel_total = header.width * header.height * pixel_size;
+
+				// read palettes
 
 				if ( use_pal ) {
 
 					palettes = data.subarray( offset, offset += header.colormap_length * ( header.colormap_size >> 3 ) );
 
-				} // read RLE
+				}
 
+				// read RLE
 
 				if ( use_rle ) {
 
@@ -85,21 +95,24 @@
 					let c, count, i;
 					let shift = 0;
 					const pixels = new Uint8Array( pixel_size );
-
 					while ( shift < pixel_total ) {
 
 						c = data[ offset ++ ];
-						count = ( c & 0x7f ) + 1; // RLE pixels
+						count = ( c & 0x7f ) + 1;
+
+						// RLE pixels
 
 						if ( c & 0x80 ) {
 
 							// bind pixel tmp array
+
 							for ( i = 0; i < pixel_size; ++ i ) {
 
 								pixels[ i ] = data[ offset ++ ];
 
-							} // copy pixel array
+							}
 
+							// copy pixel array
 
 							for ( i = 0; i < count; ++ i ) {
 
@@ -112,8 +125,8 @@
 						} else {
 
 							// raw pixels
-							count *= pixel_size;
 
+							count *= pixel_size;
 							for ( i = 0; i < count; ++ i ) {
 
 								pixel_data[ shift + i ] = data[ offset ++ ];
@@ -129,6 +142,7 @@
 				} else {
 
 					// raw pixels
+
 					pixel_data = data.subarray( offset, offset += use_pal ? header.width * header.height : pixel_total );
 
 				}
@@ -148,7 +162,6 @@
 					x,
 					y;
 				const width = header.width;
-
 				for ( y = y_start; y !== y_end; y += y_step ) {
 
 					for ( x = x_start; x !== x_end; x += x_step, i ++ ) {
@@ -174,7 +187,6 @@
 					x,
 					y;
 				const width = header.width;
-
 				for ( y = y_start; y !== y_end; y += y_step ) {
 
 					for ( x = x_start; x !== x_end; x += x_step, i += 2 ) {
@@ -199,7 +211,6 @@
 					x,
 					y;
 				const width = header.width;
-
 				for ( y = y_start; y !== y_end; y += y_step ) {
 
 					for ( x = x_start; x !== x_end; x += x_step, i += 3 ) {
@@ -223,7 +234,6 @@
 					x,
 					y;
 				const width = header.width;
-
 				for ( y = y_start; y !== y_end; y += y_step ) {
 
 					for ( x = x_start; x !== x_end; x += x_step, i += 4 ) {
@@ -248,7 +258,6 @@
 					x,
 					y;
 				const width = header.width;
-
 				for ( y = y_start; y !== y_end; y += y_step ) {
 
 					for ( x = x_start; x !== x_end; x += x_step, i ++ ) {
@@ -273,7 +282,6 @@
 					x,
 					y;
 				const width = header.width;
-
 				for ( y = y_start; y !== y_end; y += y_step ) {
 
 					for ( x = x_start; x !== x_end; x += x_step, i += 2 ) {
@@ -294,7 +302,6 @@
 			function getTgaRGBA( data, width, height, image, palette ) {
 
 				let x_start, y_start, x_step, y_step, x_end, y_end;
-
 				switch ( ( header.flags & TGA_ORIGIN_MASK ) >> TGA_ORIGIN_SHIFT ) {
 
 					default:
@@ -306,7 +313,6 @@
 						y_step = 1;
 						y_end = height;
 						break;
-
 					case TGA_ORIGIN_BL:
 						x_start = 0;
 						x_step = 1;
@@ -315,7 +321,6 @@
 						y_step = - 1;
 						y_end = - 1;
 						break;
-
 					case TGA_ORIGIN_UR:
 						x_start = width - 1;
 						x_step = - 1;
@@ -324,7 +329,6 @@
 						y_step = 1;
 						y_end = height;
 						break;
-
 					case TGA_ORIGIN_BR:
 						x_start = width - 1;
 						x_step = - 1;
@@ -343,11 +347,9 @@
 						case 8:
 							tgaGetImageDataGrey8bits( data, y_start, y_step, y_end, x_start, x_step, x_end, image );
 							break;
-
 						case 16:
 							tgaGetImageDataGrey16bits( data, y_start, y_step, y_end, x_start, x_step, x_end, image );
 							break;
-
 						default:
 							console.error( 'THREE.TGALoader: Format not supported.' );
 							break;
@@ -361,34 +363,31 @@
 						case 8:
 							tgaGetImageData8bits( data, y_start, y_step, y_end, x_start, x_step, x_end, image, palette );
 							break;
-
 						case 16:
 							tgaGetImageData16bits( data, y_start, y_step, y_end, x_start, x_step, x_end, image );
 							break;
-
 						case 24:
 							tgaGetImageData24bits( data, y_start, y_step, y_end, x_start, x_step, x_end, image );
 							break;
-
 						case 32:
 							tgaGetImageData32bits( data, y_start, y_step, y_end, x_start, x_step, x_end, image );
 							break;
-
 						default:
 							console.error( 'THREE.TGALoader: Format not supported.' );
 							break;
 
 					}
 
-				} // Load image data according to specific method
+				}
+
+				// Load image data according to specific method
 				// let func = 'tgaGetImageData' + (use_grey ? 'Grey' : '') + (header.pixel_size) + 'bits';
 				// func(data, y_start, y_step, y_end, x_start, x_step, x_end, width, image, palette );
-
-
 				return data;
 
-			} // TGA constants
+			}
 
+			// TGA constants
 
 			const TGA_TYPE_NO_DATA = 0,
 				TGA_TYPE_INDEXED = 1,
@@ -418,52 +417,51 @@
 					height: content[ offset ++ ] | content[ offset ++ ] << 8,
 					pixel_size: content[ offset ++ ],
 					flags: content[ offset ++ ]
-				}; // check tga if it is valid format
+				};
 
-			tgaCheckHeader( header );
+			// check tga if it is valid format
 
+			tgaCheckHeader( header );
 			if ( header.id_length + offset > buffer.length ) {
 
 				console.error( 'THREE.TGALoader: No data.' );
 
-			} // skip the needn't data
+			}
+
+			// skip the needn't data
 
+			offset += header.id_length;
 
-			offset += header.id_length; // get targa information about RLE compression and palette
+			// get targa information about RLE compression and palette
 
 			let use_rle = false,
 				use_pal = false,
 				use_grey = false;
-
 			switch ( header.image_type ) {
 
 				case TGA_TYPE_RLE_INDEXED:
 					use_rle = true;
 					use_pal = true;
 					break;
-
 				case TGA_TYPE_INDEXED:
 					use_pal = true;
 					break;
-
 				case TGA_TYPE_RLE_RGB:
 					use_rle = true;
 					break;
-
 				case TGA_TYPE_RGB:
 					break;
-
 				case TGA_TYPE_RLE_GREY:
 					use_rle = true;
 					use_grey = true;
 					break;
-
 				case TGA_TYPE_GREY:
 					use_grey = true;
 					break;
 
-			} //
+			}
 
+			//
 
 			const imageData = new Uint8Array( header.width * header.height * 4 );
 			const result = tgaParse( use_rle, use_pal, header, offset, content );

package/examples/js/loaders/TIFFLoader.js

@@ -0,0 +1,30 @@
+( 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/TTFLoader.js

@@ -14,7 +14,6 @@
 			this.reversed = false;
 
 		}
-
 		load( url, onLoad, onProgress, onError ) {
 
 			const scope = this;
@@ -48,7 +47,6 @@
 			}, onProgress, onError );
 
 		}
-
 		parse( arraybuffer ) {
 
 			function convert( font, reversed ) {
@@ -58,12 +56,10 @@
 				const scale = 100000 / ( ( font.unitsPerEm || 2048 ) * 72 );
 				const glyphIndexMap = font.encoding.cmap.glyphIndexMap;
 				const unicodes = Object.keys( glyphIndexMap );
-
 				for ( let i = 0; i < unicodes.length; i ++ ) {
 
 					const unicode = unicodes[ i ];
 					const glyph = font.glyphs.glyphs[ glyphIndexMap[ unicode ] ];
-
 					if ( unicode !== undefined ) {
 
 						const token = {
@@ -72,7 +68,6 @@
 							x_max: round( glyph.xMax * scale ),
 							o: ''
 						};
-
 						if ( reversed ) {
 
 							glyph.path.commands = reverseCommands( glyph.path.commands );
@@ -88,7 +83,6 @@
 							}
 
 							token.o += command.type.toLowerCase() + ' ';
-
 							if ( command.x !== undefined && command.y !== undefined ) {
 
 								token.o += round( command.x * scale ) + ' ' + round( command.y * scale ) + ' ';
@@ -160,14 +154,12 @@
 						y: p[ p.length - 1 ].y
 					};
 					reversed.push( result );
-
 					for ( let i = p.length - 1; i > 0; i -- ) {
 
 						const command = p[ i ];
 						const result = {
 							type: command.type
 						};
-
 						if ( command.x2 !== undefined && command.y2 !== undefined ) {
 
 							result.x1 = command.x2;

package/examples/js/loaders/TiltLoader.js

@@ -34,12 +34,13 @@
 			}, onProgress, onError );
 
 		}
-
 		parse( buffer ) {
 
-			const group = new THREE.Group(); // https://docs.google.com/document/d/11ZsHozYn9FnWG7y3s3WAyKIACfbfwb4PbaS8cZ_xjvo/edit#
+			const group = new THREE.Group();
+			// https://docs.google.com/document/d/11ZsHozYn9FnWG7y3s3WAyKIACfbfwb4PbaS8cZ_xjvo/edit#
 
 			const zip = fflate.unzipSync( new Uint8Array( buffer.slice( 16 ) ) );
+
 			/*
     const thumbnail = zip[ 'thumbnail.png' ].buffer;
     const img = document.createElement( 'img' );
@@ -48,6 +49,7 @@
     */
 
 			const metadata = JSON.parse( fflate.strFromU8( zip[ 'metadata.json' ] ) );
+
 			/*
     const blob = new Blob( [ zip[ 'data.sketch' ].buffer ], { type: 'application/octet-stream' } );
     window.open( URL.createObjectURL( blob ) );
@@ -57,7 +59,6 @@
 			const num_strokes = data.getInt32( 16, true );
 			const brushes = {};
 			let offset = 20;
-
 			for ( let i = 0; i < num_strokes; i ++ ) {
 
 				const brush_index = data.getInt32( offset, true );
@@ -67,26 +68,28 @@
 				const controlpoint_mask = data.getUint32( offset + 28, true );
 				let offset_stroke_mask = 0;
 				let offset_controlpoint_mask = 0;
-
 				for ( let j = 0; j < 4; j ++ ) {
 
 					// TOFIX: I don't understand these masks yet
+
 					const byte = 1 << j;
 					if ( ( stroke_mask & byte ) > 0 ) offset_stroke_mask += 4;
 					if ( ( controlpoint_mask & byte ) > 0 ) offset_controlpoint_mask += 4;
 
-				} // console.log( { brush_index, brush_color, brush_size, stroke_mask, controlpoint_mask } );
-				// console.log( offset_stroke_mask, offset_controlpoint_mask );
+				}
 
+				// console.log( { brush_index, brush_color, brush_size, stroke_mask, controlpoint_mask } );
+				// console.log( offset_stroke_mask, offset_controlpoint_mask );
 
 				offset = offset + 28 + offset_stroke_mask + 4; // TOFIX: This is wrong
 
-				const num_control_points = data.getInt32( offset, true ); // console.log( { num_control_points } );
+				const num_control_points = data.getInt32( offset, true );
+
+				// console.log( { num_control_points } );
 
 				const positions = new Float32Array( num_control_points * 3 );
 				const quaternions = new Float32Array( num_control_points * 4 );
 				offset = offset + 4;
-
 				for ( let j = 0, k = 0; j < positions.length; j += 3, k += 4 ) {
 
 					positions[ j + 0 ] = data.getFloat32( offset + 0, true );
@@ -123,7 +126,6 @@
 		}
 
 	}
-
 	class StrokeGeometry extends THREE.BufferGeometry {
 
 		constructor( strokes ) {
@@ -139,7 +141,9 @@
 			const vector1 = new THREE.Vector3();
 			const vector2 = new THREE.Vector3();
 			const vector3 = new THREE.Vector3();
-			const vector4 = new THREE.Vector3(); // size = size / 2;
+			const vector4 = new THREE.Vector3();
+
+			// size = size / 2;
 
 			for ( const k in strokes ) {
 
@@ -150,7 +154,6 @@
 				const color = stroke[ 3 ];
 				prevPosition.fromArray( positions, 0 );
 				prevQuaternion.fromArray( quaternions, 0 );
-
 				for ( let i = 3, j = 4, l = positions.length; i < l; i += 3, j += 4 ) {
 
 					position.fromArray( positions, i );
@@ -201,7 +204,6 @@
 		}
 
 	}
-
 	const BRUSH_LIST_ARRAY = {
 		'89d104cd-d012-426b-b5b3-bbaee63ac43c': 'Bubbles',
 		'700f3aa8-9a7c-2384-8b8a-ea028905dd8c': 'CelVinyl',
@@ -335,7 +337,6 @@
 		}
 	};
 	let shaders = null;
-
 	function getShaders() {
 
 		if ( shaders === null ) {
@@ -439,12 +440,10 @@
 	function getMaterial( GUID ) {
 
 		const name = BRUSH_LIST_ARRAY[ GUID ];
-
 		switch ( name ) {
 
 			case 'Light':
 				return new THREE.RawShaderMaterial( getShaders().Light );
-
 			default:
 				return new THREE.MeshBasicMaterial( {
 					vertexColors: true,

package/examples/js/loaders/VOXLoader.js

@@ -34,13 +34,11 @@
 			}, onProgress, onError );
 
 		}
-
 		parse( buffer ) {
 
 			const data = new DataView( buffer );
 			const id = data.getUint32( 0, true );
 			const version = data.getUint32( 4, true );
-
 			if ( id !== 542658390 || version !== 150 ) {
 
 				console.error( 'Not a valid VOX file' );
@@ -52,11 +50,9 @@
 			let i = 8;
 			let chunk;
 			const chunks = [];
-
 			while ( i < data.byteLength ) {
 
 				let id = '';
-
 				for ( let j = 0; j < 4; j ++ ) {
 
 					id += String.fromCharCode( data.getUint8( i ++ ) );
@@ -96,7 +92,6 @@
 				} else if ( id === 'RGBA' ) {
 
 					const palette = [ 0 ];
-
 					for ( let j = 0; j < 256; j ++ ) {
 
 						palette[ j + 1 ] = data.getUint32( i, true );
@@ -109,6 +104,7 @@
 				} else {
 
 					// console.log( id, chunkSize, childChunks );
+
 					i += chunkSize;
 
 				}
@@ -120,14 +116,15 @@
 		}
 
 	}
-
 	class VOXMesh extends THREE.Mesh {
 
 		constructor( chunk ) {
 
 			const data = chunk.data;
 			const size = chunk.size;
-			const palette = chunk.palette; //
+			const palette = chunk.palette;
+
+			//
 
 			const vertices = [];
 			const colors = [];
@@ -137,13 +134,11 @@
 			const ny = [ 0, 0, 0, 0, 1, 0, 1, 0, 0, 1, 1, 0, 1, 0, 0, 0, 1, 0 ];
 			const nz = [ 0, 0, 1, 0, 0, 0, 1, 0, 1, 1, 0, 0, 1, 0, 1, 0, 0, 0 ];
 			const pz = [ 0, 1, 1, 1, 1, 1, 0, 1, 0, 1, 1, 0, 0, 1, 0, 1, 1, 1 ];
-
 			function add( tile, x, y, z, r, g, b ) {
 
 				x -= size.x / 2;
 				y -= size.z / 2;
 				z += size.y / 2;
-
 				for ( let i = 0; i < 18; i += 3 ) {
 
 					vertices.push( tile[ i + 0 ] + x, tile[ i + 1 ] + y, tile[ i + 2 ] + z );
@@ -151,13 +146,13 @@
 
 				}
 
-			} // Store data in a volume for sampling
+			}
 
+			// Store data in a volume for sampling
 
 			const offsety = size.x;
 			const offsetz = size.x * size.y;
 			const array = new Uint8Array( size.x * size.y * size.z );
-
 			for ( let j = 0; j < data.length; j += 4 ) {
 
 				const x = data[ j + 0 ];
@@ -166,11 +161,11 @@
 				const index = x + y * offsety + z * offsetz;
 				array[ index ] = 255;
 
-			} // Construct geometry
+			}
 
+			// Construct geometry
 
 			let hasColors = false;
-
 			for ( let j = 0; j < data.length; j += 4 ) {
 
 				const x = data[ j + 0 ];
@@ -196,7 +191,6 @@
 			geometry.setAttribute( 'position', new THREE.Float32BufferAttribute( vertices, 3 ) );
 			geometry.computeVertexNormals();
 			const material = new THREE.MeshStandardMaterial();
-
 			if ( hasColors ) {
 
 				geometry.setAttribute( 'color', new THREE.Float32BufferAttribute( colors, 3 ) );
@@ -209,7 +203,6 @@
 		}
 
 	}
-
 	class VOXData3DTexture extends THREE.Data3DTexture {
 
 		constructor( chunk ) {
@@ -219,7 +212,6 @@
 			const offsety = size.x;
 			const offsetz = size.x * size.y;
 			const array = new Uint8Array( size.x * size.y * size.z );
-
 			for ( let j = 0; j < data.length; j += 4 ) {
 
 				const x = data[ j + 0 ];