super-three 0.141.0 → 0.147.0

package/examples/js/exporters/GLTFExporter.js

@@ -14,11 +14,6 @@
 
 				return new GLTFMaterialsUnlitExtension( writer );
 
-			} );
-			this.register( function ( writer ) {
-
-				return new GLTFMaterialsPBRSpecularGlossiness( writer );
-
 			} );
 			this.register( function ( writer ) {
 
@@ -42,7 +37,6 @@
 			} );
 
 		}
-
 		register( callback ) {
 
 			if ( this.pluginCallbacks.indexOf( callback ) === - 1 ) {
@@ -54,7 +48,6 @@
 			return this;
 
 		}
-
 		unregister( callback ) {
 
 			if ( this.pluginCallbacks.indexOf( callback ) !== - 1 ) {
@@ -66,6 +59,7 @@
 			return this;
 
 		}
+
 		/**
    * Parse scenes and generate GLTF output
    * @param  {Scene or [THREE.Scenes]} input   THREE.Scene or Array of THREE.Scenes
@@ -73,20 +67,10 @@
    * @param  {Function} onError  Callback on errors
    * @param  {Object} options options
    */
-
-
 		parse( input, onDone, onError, options ) {
 
-			if ( typeof onError === 'object' ) {
-
-				console.warn( 'THREE.GLTFExporter: parse() expects options as the fourth argument now.' );
-				options = onError;
-
-			}
-
 			const writer = new GLTFWriter();
 			const plugins = [];
-
 			for ( let i = 0, il = this.pluginCallbacks.length; i < il; i ++ ) {
 
 				plugins.push( this.pluginCallbacks[ i ]( writer ) );
@@ -97,7 +81,6 @@
 			writer.write( input, onDone, options ).catch( onError );
 
 		}
-
 		parseAsync( input, options ) {
 
 			const scope = this;
@@ -109,11 +92,12 @@
 
 		}
 
-	} //------------------------------------------------------------------------------
+	}
+
+	//------------------------------------------------------------------------------
 	// Constants
 	//------------------------------------------------------------------------------
 
-
 	const WEBGL_CONSTANTS = {
 		POINTS: 0x0000,
 		LINES: 0x0001,
@@ -153,7 +137,9 @@
 		position: 'translation',
 		quaternion: 'rotation',
 		morphTargetInfluences: 'weights'
-	}; // GLB constants
+	};
+
+	// GLB constants
 	// https://github.com/KhronosGroup/glTF/blob/master/specification/2.0/README.md#glb-file-format-specification
 
 	const GLB_HEADER_BYTES = 12;
@@ -161,7 +147,9 @@
 	const GLB_VERSION = 2;
 	const GLB_CHUNK_PREFIX_BYTES = 8;
 	const GLB_CHUNK_TYPE_JSON = 0x4E4F534A;
-	const GLB_CHUNK_TYPE_BIN = 0x004E4942; //------------------------------------------------------------------------------
+	const GLB_CHUNK_TYPE_BIN = 0x004E4942;
+
+	//------------------------------------------------------------------------------
 	// Utility functions
 	//------------------------------------------------------------------------------
 
@@ -171,7 +159,6 @@
  * @param  {Array} array2 Array 2 to compare
  * @return {Boolean}        Returns true if both arrays are equal
  */
-
 	function equalArray( array1, array2 ) {
 
 		return array1.length === array2.length && array1.every( function ( element, index ) {
@@ -181,31 +168,30 @@
 		} );
 
 	}
+
 	/**
  * Converts a string to an ArrayBuffer.
  * @param  {string} text
  * @return {ArrayBuffer}
  */
-
-
 	function stringToArrayBuffer( text ) {
 
 		return new TextEncoder().encode( text ).buffer;
 
 	}
+
 	/**
  * Is identity matrix
  *
  * @param {Matrix4} matrix
  * @returns {Boolean} Returns true, if parameter is identity matrix
  */
-
-
 	function isIdentityMatrix( matrix ) {
 
 		return equalArray( matrix.elements, [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ] );
 
 	}
+
 	/**
  * Get the min and max vectors from the given attribute
  * @param  {BufferAttribute} attribute Attribute to find the min/max in range from start to start + count
@@ -213,24 +199,21 @@
  * @param  {Integer} count
  * @return {Object} Object containing the `min` and `max` values (As an array of attribute.itemSize components)
  */
-
-
 	function getMinMax( attribute, start, count ) {
 
 		const output = {
 			min: new Array( attribute.itemSize ).fill( Number.POSITIVE_INFINITY ),
 			max: new Array( attribute.itemSize ).fill( Number.NEGATIVE_INFINITY )
 		};
-
 		for ( let i = start; i < start + count; i ++ ) {
 
 			for ( let a = 0; a < attribute.itemSize; a ++ ) {
 
 				let value;
-
 				if ( attribute.itemSize > 4 ) {
 
 					// no support for interleaved data for itemSize > 4
+
 					value = attribute.array[ i * attribute.itemSize + a ];
 
 				} else {
@@ -249,6 +232,7 @@
 		return output;
 
 	}
+
 	/**
  * Get the required size + padding for a buffer, rounded to the next 4-byte boundary.
  * https://github.com/KhronosGroup/glTF/tree/master/specification/2.0#data-alignment
@@ -257,13 +241,12 @@
  * @returns {Integer} new buffer size with required padding.
  *
  */
-
-
 	function getPaddedBufferSize( bufferSize ) {
 
 		return Math.ceil( bufferSize / 4 ) * 4;
 
 	}
+
 	/**
  * Returns a buffer aligned to 4-byte boundary.
  *
@@ -271,17 +254,13 @@
  * @param {Integer} paddingByte (Optional)
  * @returns {ArrayBuffer} The same buffer if it's already aligned to 4-byte boundary or a new buffer
  */
-
-
 	function getPaddedArrayBuffer( arrayBuffer, paddingByte = 0 ) {
 
 		const paddedLength = getPaddedBufferSize( arrayBuffer.byteLength );
-
 		if ( paddedLength !== arrayBuffer.byteLength ) {
 
 			const array = new Uint8Array( paddedLength );
 			array.set( new Uint8Array( arrayBuffer ) );
-
 			if ( paddingByte !== 0 ) {
 
 				for ( let i = arrayBuffer.byteLength; i < paddedLength; i ++ ) {
@@ -300,27 +279,15 @@
 
 	}
 
-	let cachedCanvas = null;
-
 	function getCanvas() {
 
-		if ( cachedCanvas ) {
-
-			return cachedCanvas;
-
-		}
-
 		if ( typeof document === 'undefined' && typeof OffscreenCanvas !== 'undefined' ) {
 
-			cachedCanvas = new OffscreenCanvas( 1, 1 );
-
-		} else {
-
-			cachedCanvas = document.createElement( 'canvas' );
+			return new OffscreenCanvas( 1, 1 );
 
 		}
 
-		return cachedCanvas;
+		return document.createElement( 'canvas' );
 
 	}
 
@@ -332,9 +299,10 @@
 
 		}
 
-		let quality; // Blink's implementation of convertToBlob seems to default to a quality level of 100%
-		// Use the Blink default quality levels of toBlob instead so that file sizes are comparable.
+		let quality;
 
+		// Blink's implementation of convertToBlob seems to default to a quality level of 100%
+		// Use the Blink default quality levels of toBlob instead so that file sizes are comparable.
 		if ( mimeType === 'image/jpeg' ) {
 
 			quality = 0.92;
@@ -351,11 +319,10 @@
 		} );
 
 	}
+
 	/**
  * Writer
  */
-
-
 	class GLTFWriter {
 
 		constructor() {
@@ -387,20 +354,18 @@
 			};
 
 		}
-
 		setPlugins( plugins ) {
 
 			this.plugins = plugins;
 
 		}
+
 		/**
    * Parse scenes and generate GLTF output
    * @param  {Scene or [THREE.Scenes]} input   THREE.Scene or Array of THREE.Scenes
    * @param  {Function} onDone  Callback on completed
    * @param  {Object} options options
    */
-
-
 		async write( input, onDone, options ) {
 
 			this.options = Object.assign( {}, {
@@ -408,12 +373,10 @@
 				binary: false,
 				trs: false,
 				onlyVisible: true,
-				truncateDrawRange: true,
 				maxTextureSize: Infinity,
 				animations: [],
 				includeCustomExtensions: false
 			}, options );
-
 			if ( this.options.animations.length > 0 ) {
 
 				// Only TRS properties, and not matrices, may be targeted by animation.
@@ -427,36 +390,40 @@
 			const buffers = writer.buffers;
 			const json = writer.json;
 			options = writer.options;
-			const extensionsUsed = writer.extensionsUsed; // Merge buffers.
+			const extensionsUsed = writer.extensionsUsed;
 
+			// Merge buffers.
 			const blob = new Blob( buffers, {
 				type: 'application/octet-stream'
-			} ); // Declare extensions.
+			} );
 
+			// Declare extensions.
 			const extensionsUsedList = Object.keys( extensionsUsed );
-			if ( extensionsUsedList.length > 0 ) json.extensionsUsed = extensionsUsedList; // Update bytelength of the single buffer.
+			if ( extensionsUsedList.length > 0 ) json.extensionsUsed = extensionsUsedList;
 
+			// Update bytelength of the single buffer.
 			if ( json.buffers && json.buffers.length > 0 ) json.buffers[ 0 ].byteLength = blob.size;
-
 			if ( options.binary === true ) {
 
 				// https://github.com/KhronosGroup/glTF/blob/master/specification/2.0/README.md#glb-file-format-specification
+
 				const reader = new FileReader();
 				reader.readAsArrayBuffer( blob );
-
 				reader.onloadend = function () {
 
 					// Binary chunk.
 					const binaryChunk = getPaddedArrayBuffer( reader.result );
 					const binaryChunkPrefix = new DataView( new ArrayBuffer( GLB_CHUNK_PREFIX_BYTES ) );
 					binaryChunkPrefix.setUint32( 0, binaryChunk.byteLength, true );
-					binaryChunkPrefix.setUint32( 4, GLB_CHUNK_TYPE_BIN, true ); // JSON chunk.
+					binaryChunkPrefix.setUint32( 4, GLB_CHUNK_TYPE_BIN, true );
 
+					// JSON chunk.
 					const jsonChunk = getPaddedArrayBuffer( stringToArrayBuffer( JSON.stringify( json ) ), 0x20 );
 					const jsonChunkPrefix = new DataView( new ArrayBuffer( GLB_CHUNK_PREFIX_BYTES ) );
 					jsonChunkPrefix.setUint32( 0, jsonChunk.byteLength, true );
-					jsonChunkPrefix.setUint32( 4, GLB_CHUNK_TYPE_JSON, true ); // GLB header.
+					jsonChunkPrefix.setUint32( 4, GLB_CHUNK_TYPE_JSON, true );
 
+					// GLB header.
 					const header = new ArrayBuffer( GLB_HEADER_BYTES );
 					const headerView = new DataView( header );
 					headerView.setUint32( 0, GLB_HEADER_MAGIC, true );
@@ -468,7 +435,6 @@
 					} );
 					const glbReader = new FileReader();
 					glbReader.readAsArrayBuffer( glbBlob );
-
 					glbReader.onloadend = function () {
 
 						onDone( glbReader.result );
@@ -483,7 +449,6 @@
 
 					const reader = new FileReader();
 					reader.readAsDataURL( blob );
-
 					reader.onloadend = function () {
 
 						const base64data = reader.result;
@@ -501,28 +466,24 @@
 			}
 
 		}
+
 		/**
    * Serializes a userData.
    *
    * @param {THREE.Object3D|THREE.Material} object
    * @param {Object} objectDef
    */
-
-
 		serializeUserData( object, objectDef ) {
 
 			if ( Object.keys( object.userData ).length === 0 ) return;
 			const options = this.options;
 			const extensionsUsed = this.extensionsUsed;
-
 			try {
 
 				const json = JSON.parse( JSON.stringify( object.userData ) );
-
 				if ( options.includeCustomExtensions && json.gltfExtensions ) {
 
 					if ( objectDef.extensions === undefined ) objectDef.extensions = {};
-
 					for ( const extensionName in json.gltfExtensions ) {
 
 						objectDef.extensions[ extensionName ] = json.gltfExtensions[ extensionName ];
@@ -543,13 +504,12 @@
 			}
 
 		}
+
 		/**
    * Returns ids for buffer attributes.
    * @param  {Object} object
    * @return {Integer}
    */
-
-
 		getUID( attribute, isRelativeCopy = false ) {
 
 			if ( this.uids.has( attribute ) === false ) {
@@ -565,20 +525,18 @@
 			return uids.get( isRelativeCopy );
 
 		}
+
 		/**
    * Checks if normal attribute values are normalized.
    *
    * @param {BufferAttribute} normal
    * @returns {Boolean}
    */
-
-
 		isNormalizedNormalAttribute( normal ) {
 
 			const cache = this.cache;
 			if ( cache.attributesNormalized.has( normal ) ) return false;
 			const v = new THREE.Vector3();
-
 			for ( let i = 0, il = normal.count; i < il; i ++ ) {
 
 				// 0.0005 is from glTF-validator
@@ -589,6 +547,7 @@
 			return true;
 
 		}
+
 		/**
    * Creates normalized normal buffer attribute.
    *
@@ -596,19 +555,15 @@
    * @returns {BufferAttribute}
    *
    */
-
-
 		createNormalizedNormalAttribute( normal ) {
 
 			const cache = this.cache;
 			if ( cache.attributesNormalized.has( normal ) ) return cache.attributesNormalized.get( normal );
 			const attribute = normal.clone();
 			const v = new THREE.Vector3();
-
 			for ( let i = 0, il = attribute.count; i < il; i ++ ) {
 
 				v.fromBufferAttribute( attribute, i );
-
 				if ( v.x === 0 && v.y === 0 && v.z === 0 ) {
 
 					// if values can't be normalized set (1, 0, 0)
@@ -628,6 +583,7 @@
 			return attribute;
 
 		}
+
 		/**
    * Applies a texture transform, if present, to the map definition. Requires
    * the KHR_texture_transform extension.
@@ -635,13 +591,10 @@
    * @param {Object} mapDef
    * @param {THREE.Texture} texture
    */
-
-
 		applyTextureTransform( mapDef, texture ) {
 
 			let didTransform = false;
 			const transformDef = {};
-
 			if ( texture.offset.x !== 0 || texture.offset.y !== 0 ) {
 
 				transformDef.offset = texture.offset.toArray();
@@ -672,10 +625,29 @@
 			}
 
 		}
-
 		buildMetalRoughTexture( metalnessMap, roughnessMap ) {
 
 			if ( metalnessMap === roughnessMap ) return metalnessMap;
+			function getEncodingConversion( map ) {
+
+				if ( map.encoding === THREE.sRGBEncoding ) {
+
+					return function SRGBToLinear( c ) {
+
+						return c < 0.04045 ? c * 0.0773993808 : Math.pow( c * 0.9478672986 + 0.0521327014, 2.4 );
+
+					};
+
+				}
+
+				return function LinearToLinear( c ) {
+
+					return c;
+
+				};
+
+			}
+
 			console.warn( 'THREE.GLTFExporter: Merged metalnessMap and roughnessMap textures.' );
 			const metalness = metalnessMap?.image;
 			const roughness = roughnessMap?.image;
@@ -688,15 +660,14 @@
 			context.fillStyle = '#00ffff';
 			context.fillRect( 0, 0, width, height );
 			const composite = context.getImageData( 0, 0, width, height );
-
 			if ( metalness ) {
 
 				context.drawImage( metalness, 0, 0, width, height );
+				const convert = getEncodingConversion( metalnessMap );
 				const data = context.getImageData( 0, 0, width, height ).data;
-
 				for ( let i = 2; i < data.length; i += 4 ) {
 
-					composite.data[ i ] = data[ i ];
+					composite.data[ i ] = convert( data[ i ] / 256 ) * 256;
 
 				}
 
@@ -705,43 +676,47 @@
 			if ( roughness ) {
 
 				context.drawImage( roughness, 0, 0, width, height );
+				const convert = getEncodingConversion( roughnessMap );
 				const data = context.getImageData( 0, 0, width, height ).data;
-
 				for ( let i = 1; i < data.length; i += 4 ) {
 
-					composite.data[ i ] = data[ i ];
+					composite.data[ i ] = convert( data[ i ] / 256 ) * 256;
 
 				}
 
 			}
 
-			context.putImageData( composite, 0, 0 ); //
+			context.putImageData( composite, 0, 0 );
+
+			//
 
 			const reference = metalnessMap || roughnessMap;
 			const texture = reference.clone();
 			texture.source = new THREE.Source( canvas );
+			texture.encoding = THREE.LinearEncoding;
 			return texture;
 
 		}
+
 		/**
    * Process a buffer to append to the default one.
    * @param  {ArrayBuffer} buffer
    * @return {Integer}
    */
-
-
 		processBuffer( buffer ) {
 
 			const json = this.json;
 			const buffers = this.buffers;
 			if ( ! json.buffers ) json.buffers = [ {
 				byteLength: 0
-			} ]; // All buffers are merged before export.
+			} ];
 
+			// All buffers are merged before export.
 			buffers.push( buffer );
 			return 0;
 
 		}
+
 		/**
    * Process and generate a BufferView
    * @param  {BufferAttribute} attribute
@@ -751,15 +726,14 @@
    * @param  {number} target (Optional) Target usage of the BufferView
    * @return {Object}
    */
-
-
 		processBufferView( attribute, componentType, start, count, target ) {
 
 			const json = this.json;
-			if ( ! json.bufferViews ) json.bufferViews = []; // Create a new dataview and dump the attribute's array into it
+			if ( ! json.bufferViews ) json.bufferViews = [];
 
-			let componentSize;
+			// Create a new dataview and dump the attribute's array into it
 
+			let componentSize;
 			if ( componentType === WEBGL_CONSTANTS.UNSIGNED_BYTE ) {
 
 				componentSize = 1;
@@ -777,16 +751,15 @@
 			const byteLength = getPaddedBufferSize( count * attribute.itemSize * componentSize );
 			const dataView = new DataView( new ArrayBuffer( byteLength ) );
 			let offset = 0;
-
 			for ( let i = start; i < start + count; i ++ ) {
 
 				for ( let a = 0; a < attribute.itemSize; a ++ ) {
 
 					let value;
-
 					if ( attribute.itemSize > 4 ) {
 
 						// no support for interleaved data for itemSize > 4
+
 						value = attribute.array[ i * attribute.itemSize + a ];
 
 					} else {
@@ -825,7 +798,6 @@
 				byteLength: byteLength
 			};
 			if ( target !== undefined ) bufferViewDef.target = target;
-
 			if ( target === WEBGL_CONSTANTS.ARRAY_BUFFER ) {
 
 				// Only define byteStride for vertex attributes.
@@ -834,8 +806,9 @@
 			}
 
 			this.byteOffset += byteLength;
-			json.bufferViews.push( bufferViewDef ); // @TODO Merge bufferViews where possible.
+			json.bufferViews.push( bufferViewDef );
 
+			// @TODO Merge bufferViews where possible.
 			const output = {
 				id: json.bufferViews.length - 1,
 				byteLength: 0
@@ -843,13 +816,12 @@
 			return output;
 
 		}
+
 		/**
    * Process and generate a BufferView from an image Blob.
    * @param {Blob} blob
    * @return {Promise<Integer>}
    */
-
-
 		processBufferViewImage( blob ) {
 
 			const writer = this;
@@ -859,7 +831,6 @@
 
 				const reader = new FileReader();
 				reader.readAsArrayBuffer( blob );
-
 				reader.onloadend = function () {
 
 					const buffer = getPaddedArrayBuffer( reader.result );
@@ -876,6 +847,7 @@
 			} );
 
 		}
+
 		/**
    * Process attribute to generate an accessor
    * @param  {BufferAttribute} attribute Attribute to process
@@ -884,11 +856,8 @@
    * @param  {Integer} count (Optional)
    * @return {Integer|null} Index of the processed accessor on the "accessors" array
    */
-
-
 		processAccessor( attribute, geometry, start, count ) {
 
-			const options = this.options;
 			const json = this.json;
 			const types = {
 				1: 'SCALAR',
@@ -897,8 +866,9 @@
 				4: 'VEC4',
 				16: 'MAT4'
 			};
-			let componentType; // Detect the component type of the attribute array (float, uint or ushort)
+			let componentType;
 
+			// Detect the component type of the attribute array (float, uint or ushort)
 			if ( attribute.array.constructor === Float32Array ) {
 
 				componentType = WEBGL_CONSTANTS.FLOAT;
@@ -922,24 +892,15 @@
 			}
 
 			if ( start === undefined ) start = 0;
-			if ( count === undefined ) count = attribute.count; // @TODO Indexed buffer geometry with drawRange not supported yet
-
-			if ( options.truncateDrawRange && geometry !== undefined && geometry.index === null ) {
-
-				const end = start + count;
-				const end2 = geometry.drawRange.count === Infinity ? attribute.count : geometry.drawRange.start + geometry.drawRange.count;
-				start = Math.max( start, geometry.drawRange.start );
-				count = Math.min( end, end2 ) - start;
-				if ( count < 0 ) count = 0;
-
-			} // Skip creating an accessor if the attribute doesn't have data to export
-
+			if ( count === undefined ) count = attribute.count;
 
+			// Skip creating an accessor if the attribute doesn't have data to export
 			if ( count === 0 ) return null;
 			const minMax = getMinMax( attribute, start, count );
-			let bufferViewTarget; // If geometry isn't provided, don't infer the target usage of the bufferView. For
-			// animation samplers, target must not be set.
+			let bufferViewTarget;
 
+			// If geometry isn't provided, don't infer the target usage of the bufferView. For
+			// animation samplers, target must not be set.
 			if ( geometry !== undefined ) {
 
 				bufferViewTarget = attribute === geometry.index ? WEBGL_CONSTANTS.ELEMENT_ARRAY_BUFFER : WEBGL_CONSTANTS.ARRAY_BUFFER;
@@ -961,6 +922,7 @@
 			return json.accessors.push( accessorDef ) - 1;
 
 		}
+
 		/**
    * Process image
    * @param  {Image} image to process
@@ -969,8 +931,6 @@
    * @param  {String} mimeType export format
    * @return {Integer}     Index of the processed texture in the "images" array
    */
-
-
 		processImage( image, format, flipY, mimeType = 'image/png' ) {
 
 			const writer = this;
@@ -990,7 +950,6 @@
 			canvas.width = Math.min( image.width, options.maxTextureSize );
 			canvas.height = Math.min( image.height, options.maxTextureSize );
 			const ctx = canvas.getContext( '2d' );
-
 			if ( flipY === true ) {
 
 				ctx.translate( 0, canvas.height );
@@ -1001,6 +960,7 @@
 			if ( image.data !== undefined ) {
 
 				// THREE.DataTexture
+
 				if ( format !== THREE.RGBAFormat ) {
 
 					console.error( 'GLTFExporter: Only THREE.RGBAFormat is supported.' );
@@ -1014,7 +974,6 @@
 				}
 
 				const data = new Uint8ClampedArray( image.height * image.width * 4 );
-
 				for ( let i = 0; i < data.length; i += 4 ) {
 
 					data[ i + 0 ] = image.data[ i + 0 ];
@@ -1063,13 +1022,12 @@
 			return index;
 
 		}
+
 		/**
    * Process sampler
    * @param  {Texture} map Texture to process
    * @return {Integer}     Index of the processed texture in the "samplers" array
    */
-
-
 		processSampler( map ) {
 
 			const json = this.json;
@@ -1083,13 +1041,12 @@
 			return json.samplers.push( samplerDef ) - 1;
 
 		}
+
 		/**
    * Process texture
    * @param  {Texture} map Map to process
    * @return {Integer} Index of the processed texture in the "textures" array
    */
-
-
 		processTexture( map ) {
 
 			const cache = this.cache;
@@ -1103,31 +1060,27 @@
 				source: this.processImage( map.image, map.format, map.flipY, mimeType )
 			};
 			if ( map.name ) textureDef.name = map.name;
-
 			this._invokeAll( function ( ext ) {
 
 				ext.writeTexture && ext.writeTexture( map, textureDef );
 
 			} );
-
 			const index = json.textures.push( textureDef ) - 1;
 			cache.textures.set( map, index );
 			return index;
 
 		}
+
 		/**
    * Process material
    * @param  {THREE.Material} material Material to process
    * @return {Integer|null} Index of the processed material in the "materials" array
    */
-
-
 		processMaterial( material ) {
 
 			const cache = this.cache;
 			const json = this.json;
 			if ( cache.materials.has( material ) ) return cache.materials.get( material );
-
 			if ( material.isShaderMaterial ) {
 
 				console.warn( 'GLTFExporter: THREE.ShaderMaterial not supported.' );
@@ -1135,21 +1088,20 @@
 
 			}
 
-			if ( ! json.materials ) json.materials = []; // @QUESTION Should we avoid including any attribute that has the default value?
+			if ( ! json.materials ) json.materials = [];
 
+			// @QUESTION Should we avoid including any attribute that has the default value?
 			const materialDef = {
 				pbrMetallicRoughness: {}
 			};
-
 			if ( material.isMeshStandardMaterial !== true && material.isMeshBasicMaterial !== true ) {
 
 				console.warn( 'GLTFExporter: Use MeshStandardMaterial or MeshBasicMaterial for best results.' );
 
-			} // pbrMetallicRoughness.baseColorFactor
-
+			}
 
+			// pbrMetallicRoughness.baseColorFactor
 			const color = material.color.toArray().concat( [ material.opacity ] );
-
 			if ( ! equalArray( color, [ 1, 1, 1, 1 ] ) ) {
 
 				materialDef.pbrMetallicRoughness.baseColorFactor = color;
@@ -1166,9 +1118,9 @@
 				materialDef.pbrMetallicRoughness.metallicFactor = 0.5;
 				materialDef.pbrMetallicRoughness.roughnessFactor = 0.5;
 
-			} // pbrMetallicRoughness.metallicRoughnessTexture
-
+			}
 
+			// pbrMetallicRoughness.metallicRoughnessTexture
 			if ( material.metalnessMap || material.roughnessMap ) {
 
 				const metalRoughTexture = this.buildMetalRoughTexture( material.metalnessMap, material.roughnessMap );
@@ -1178,9 +1130,9 @@
 				this.applyTextureTransform( metalRoughMapDef, metalRoughTexture );
 				materialDef.pbrMetallicRoughness.metallicRoughnessTexture = metalRoughMapDef;
 
-			} // pbrMetallicRoughness.baseColorTexture or pbrSpecularGlossiness diffuseTexture
-
+			}
 
+			// pbrMetallicRoughness.baseColorTexture or pbrSpecularGlossiness diffuseTexture
 			if ( material.map ) {
 
 				const baseColorMapDef = {
@@ -1196,7 +1148,6 @@
 				// note: emissive components are limited to stay within the 0 - 1 range to accommodate glTF spec. see #21849 and #22000.
 				const emissive = material.emissive.clone().multiplyScalar( material.emissiveIntensity );
 				const maxEmissiveComponent = Math.max( emissive.r, emissive.g, emissive.b );
-
 				if ( maxEmissiveComponent > 1 ) {
 
 					emissive.multiplyScalar( 1 / maxEmissiveComponent );
@@ -1208,9 +1159,9 @@
 
 					materialDef.emissiveFactor = emissive.toArray();
 
-				} // emissiveTexture
-
+				}
 
+				// emissiveTexture
 				if ( material.emissiveMap ) {
 
 					const emissiveMapDef = {
@@ -1221,15 +1172,14 @@
 
 				}
 
-			} // normalTexture
-
+			}
 
+			// normalTexture
 			if ( material.normalMap ) {
 
 				const normalMapDef = {
 					index: this.processTexture( material.normalMap )
 				};
-
 				if ( material.normalScale && material.normalScale.x !== 1 ) {
 
 					// glTF normal scale is univariate. Ignore `y`, which may be flipped.
@@ -1241,16 +1191,15 @@
 				this.applyTextureTransform( normalMapDef, material.normalMap );
 				materialDef.normalTexture = normalMapDef;
 
-			} // occlusionTexture
-
+			}
 
+			// occlusionTexture
 			if ( material.aoMap ) {
 
 				const occlusionMapDef = {
 					index: this.processTexture( material.aoMap ),
 					texCoord: 1
 				};
-
 				if ( material.aoMapIntensity !== 1.0 ) {
 
 					occlusionMapDef.strength = material.aoMapIntensity;
@@ -1260,9 +1209,9 @@
 				this.applyTextureTransform( occlusionMapDef, material.aoMap );
 				materialDef.occlusionTexture = occlusionMapDef;
 
-			} // alphaMode
-
+			}
 
+			// alphaMode
 			if ( material.transparent ) {
 
 				materialDef.alphaMode = 'BLEND';
@@ -1276,37 +1225,33 @@
 
 				}
 
-			} // doubleSided
-
+			}
 
+			// doubleSided
 			if ( material.side === THREE.DoubleSide ) materialDef.doubleSided = true;
 			if ( material.name !== '' ) materialDef.name = material.name;
 			this.serializeUserData( material, materialDef );
-
 			this._invokeAll( function ( ext ) {
 
 				ext.writeMaterial && ext.writeMaterial( material, materialDef );
 
 			} );
-
 			const index = json.materials.push( materialDef ) - 1;
 			cache.materials.set( material, index );
 			return index;
 
 		}
+
 		/**
    * Process mesh
    * @param  {THREE.Mesh} mesh Mesh to process
    * @return {Integer|null} Index of the processed mesh in the "meshes" array
    */
-
-
 		processMesh( mesh ) {
 
 			const cache = this.cache;
 			const json = this.json;
 			const meshCacheKeyParts = [ mesh.geometry.uuid ];
-
 			if ( Array.isArray( mesh.material ) ) {
 
 				for ( let i = 0, l = mesh.material.length; i < l; i ++ ) {
@@ -1324,8 +1269,9 @@
 			const meshCacheKey = meshCacheKeyParts.join( ':' );
 			if ( cache.meshes.has( meshCacheKey ) ) return cache.meshes.get( meshCacheKey );
 			const geometry = mesh.geometry;
-			let mode; // Use the correct mode
+			let mode;
 
+			// Use the correct mode
 			if ( mesh.isLineSegments ) {
 
 				mode = WEBGL_CONSTANTS.LINES;
@@ -1348,17 +1294,12 @@
 
 			}
 
-			if ( geometry.isBufferGeometry !== true ) {
-
-				throw new Error( 'THREE.GLTFExporter: Geometry is not of type THREE.BufferGeometry.' );
-
-			}
-
 			const meshDef = {};
 			const attributes = {};
 			const primitives = [];
-			const targets = []; // Conversion between attributes names in threejs and gltf spec
+			const targets = [];
 
+			// Conversion between attributes names in threejs and gltf spec
 			const nameConversion = {
 				uv: 'TEXCOORD_0',
 				uv2: 'TEXCOORD_1',
@@ -1367,40 +1308,37 @@
 				skinIndex: 'JOINTS_0'
 			};
 			const originalNormal = geometry.getAttribute( 'normal' );
-
 			if ( originalNormal !== undefined && ! this.isNormalizedNormalAttribute( originalNormal ) ) {
 
 				console.warn( 'THREE.GLTFExporter: Creating normalized normal attribute from the non-normalized one.' );
 				geometry.setAttribute( 'normal', this.createNormalizedNormalAttribute( originalNormal ) );
 
-			} // @QUESTION Detect if .vertexColors = true?
-			// For every attribute create an accessor
-
+			}
 
+			// @QUESTION Detect if .vertexColors = true?
+			// For every attribute create an accessor
 			let modifiedAttribute = null;
-
 			for ( let attributeName in geometry.attributes ) {
 
 				// Ignore morph target attributes, which are exported later.
 				if ( attributeName.slice( 0, 5 ) === 'morph' ) continue;
 				const attribute = geometry.attributes[ attributeName ];
-				attributeName = nameConversion[ attributeName ] || attributeName.toUpperCase(); // Prefix all geometry attributes except the ones specifically
-				// listed in the spec; non-spec attributes are considered custom.
+				attributeName = nameConversion[ attributeName ] || attributeName.toUpperCase();
 
+				// Prefix all geometry attributes except the ones specifically
+				// listed in the spec; non-spec attributes are considered custom.
 				const validVertexAttributes = /^(POSITION|NORMAL|TANGENT|TEXCOORD_\d+|COLOR_\d+|JOINTS_\d+|WEIGHTS_\d+)$/;
 				if ( ! validVertexAttributes.test( attributeName ) ) attributeName = '_' + attributeName;
-
 				if ( cache.attributes.has( this.getUID( attribute ) ) ) {
 
 					attributes[ attributeName ] = cache.attributes.get( this.getUID( attribute ) );
 					continue;
 
-				} // JOINTS_0 must be UNSIGNED_BYTE or UNSIGNED_SHORT.
-
+				}
 
+				// JOINTS_0 must be UNSIGNED_BYTE or UNSIGNED_SHORT.
 				modifiedAttribute = null;
 				const array = attribute.array;
-
 				if ( attributeName === 'JOINTS_0' && ! ( array instanceof Uint16Array ) && ! ( array instanceof Uint8Array ) ) {
 
 					console.warn( 'GLTFExporter: Attribute "skinIndex" converted to type UNSIGNED_SHORT.' );
@@ -1409,7 +1347,6 @@
 				}
 
 				const accessor = this.processAccessor( modifiedAttribute || attribute, geometry );
-
 				if ( accessor !== null ) {
 
 					attributes[ attributeName ] = accessor;
@@ -1419,16 +1356,17 @@
 
 			}
 
-			if ( originalNormal !== undefined ) geometry.setAttribute( 'normal', originalNormal ); // Skip if no exportable attributes found
+			if ( originalNormal !== undefined ) geometry.setAttribute( 'normal', originalNormal );
 
-			if ( Object.keys( attributes ).length === 0 ) return null; // Morph targets
+			// Skip if no exportable attributes found
+			if ( Object.keys( attributes ).length === 0 ) return null;
 
+			// Morph targets
 			if ( mesh.morphTargetInfluences !== undefined && mesh.morphTargetInfluences.length > 0 ) {
 
 				const weights = [];
 				const targetNames = [];
 				const reverseDictionary = {};
-
 				if ( mesh.morphTargetDictionary !== undefined ) {
 
 					for ( const key in mesh.morphTargetDictionary ) {
@@ -1443,11 +1381,11 @@
 
 					const target = {};
 					let warned = false;
-
 					for ( const attributeName in geometry.morphAttributes ) {
 
 						// glTF 2.0 morph supports only POSITION/NORMAL/TANGENT.
 						// Three.js doesn't support TANGENT yet.
+
 						if ( attributeName !== 'position' && attributeName !== 'normal' ) {
 
 							if ( ! warned ) {
@@ -1462,23 +1400,23 @@
 						}
 
 						const attribute = geometry.morphAttributes[ attributeName ][ i ];
-						const gltfAttributeName = attributeName.toUpperCase(); // Three.js morph attribute has absolute values while the one of glTF has relative values.
+						const gltfAttributeName = attributeName.toUpperCase();
+
+						// Three.js morph attribute has absolute values while the one of glTF has relative values.
 						//
 						// glTF 2.0 Specification:
 						// https://github.com/KhronosGroup/glTF/tree/master/specification/2.0#morph-targets
 
 						const baseAttribute = geometry.attributes[ attributeName ];
-
 						if ( cache.attributes.has( this.getUID( attribute, true ) ) ) {
 
 							target[ gltfAttributeName ] = cache.attributes.get( this.getUID( attribute, true ) );
 							continue;
 
-						} // Clones attribute not to override
-
+						}
 
+						// Clones attribute not to override
 						const relativeAttribute = attribute.clone();
-
 						if ( ! geometry.morphTargetsRelative ) {
 
 							for ( let j = 0, jl = attribute.count; j < jl; j ++ ) {
@@ -1501,7 +1439,6 @@
 				}
 
 				meshDef.weights = weights;
-
 				if ( targetNames.length > 0 ) {
 
 					meshDef.extras = {};
@@ -1519,7 +1456,6 @@
 				start: undefined,
 				count: undefined
 			} ];
-
 			for ( let i = 0, il = groups.length; i < il; i ++ ) {
 
 				const primitive = {
@@ -1528,11 +1464,9 @@
 				};
 				this.serializeUserData( geometry, primitive );
 				if ( targets.length > 0 ) primitive.targets = targets;
-
 				if ( geometry.index !== null ) {
 
 					let cacheKey = this.getUID( geometry.index );
-
 					if ( groups[ i ].start !== undefined || groups[ i ].count !== undefined ) {
 
 						cacheKey += ':' + groups[ i ].start + ':' + groups[ i ].count;
@@ -1562,25 +1496,22 @@
 
 			meshDef.primitives = primitives;
 			if ( ! json.meshes ) json.meshes = [];
-
 			this._invokeAll( function ( ext ) {
 
 				ext.writeMesh && ext.writeMesh( mesh, meshDef );
 
 			} );
-
 			const index = json.meshes.push( meshDef ) - 1;
 			cache.meshes.set( meshCacheKey, index );
 			return index;
 
 		}
+
 		/**
    * Process camera
    * @param  {THREE.Camera} camera Camera to process
    * @return {Integer}      Index of the processed mesh in the "camera" array
    */
-
-
 		processCamera( camera ) {
 
 			const json = this.json;
@@ -1589,7 +1520,6 @@
 			const cameraDef = {
 				type: isOrtho ? 'orthographic' : 'perspective'
 			};
-
 			if ( isOrtho ) {
 
 				cameraDef.orthographic = {
@@ -1608,13 +1538,14 @@
 					znear: camera.near < 0 ? 0 : camera.near
 				};
 
-			} // Question: Is saving "type" as name intentional?
-
+			}
 
+			// Question: Is saving "type" as name intentional?
 			if ( camera.name !== '' ) cameraDef.name = camera.type;
 			return json.cameras.push( cameraDef ) - 1;
 
 		}
+
 		/**
    * Creates glTF animation entry from AnimationClip object.
    *
@@ -1625,8 +1556,6 @@
    * @param {THREE.Object3D} root
    * @return {number|null}
    */
-
-
 		processAnimation( clip, root ) {
 
 			const json = this.json;
@@ -1636,14 +1565,12 @@
 			const tracks = clip.tracks;
 			const channels = [];
 			const samplers = [];
-
 			for ( let i = 0; i < tracks.length; ++ i ) {
 
 				const track = tracks[ i ];
 				const trackBinding = THREE.PropertyBinding.parseTrackName( track.name );
 				let trackNode = THREE.PropertyBinding.findNode( root, trackBinding.nodeName );
 				const trackProperty = PATH_PROPERTIES[ trackBinding.propertyName ];
-
 				if ( trackBinding.objectName === 'bones' ) {
 
 					if ( trackNode.isSkinnedMesh === true ) {
@@ -1667,24 +1594,26 @@
 
 				const inputItemSize = 1;
 				let outputItemSize = track.values.length / track.times.length;
-
 				if ( trackProperty === PATH_PROPERTIES.morphTargetInfluences ) {
 
 					outputItemSize /= trackNode.morphTargetInfluences.length;
 
 				}
 
-				let interpolation; // @TODO export CubicInterpolant(InterpolateSmooth) as CUBICSPLINE
+				let interpolation;
+
+				// @TODO export CubicInterpolant(InterpolateSmooth) as CUBICSPLINE
+
 				// Detecting glTF cubic spline interpolant by checking factory method's special property
 				// GLTFCubicSplineInterpolant is a custom interpolant and track doesn't return
 				// valid value from .getInterpolation().
-
 				if ( track.createInterpolant.isInterpolantFactoryMethodGLTFCubicSpline === true ) {
 
-					interpolation = 'CUBICSPLINE'; // itemSize of CUBICSPLINE keyframe is 9
+					interpolation = 'CUBICSPLINE';
+
+					// itemSize of CUBICSPLINE keyframe is 9
 					// (VEC3 * 3: inTangent, splineVertex, and outTangent)
 					// but needs to be stored as VEC3 so dividing by 3 here.
-
 					outputItemSize /= 3;
 
 				} else if ( track.getInterpolation() === THREE.InterpolateDiscrete ) {
@@ -1720,12 +1649,11 @@
 			return json.animations.length - 1;
 
 		}
+
 		/**
    * @param {THREE.Object3D} object
    * @return {number|null}
    */
-
-
 		processSkin( object ) {
 
 			const json = this.json;
@@ -1738,7 +1666,6 @@
 			const joints = [];
 			const inverseBindMatrices = new Float32Array( skeleton.bones.length * 16 );
 			const temporaryBoneInverse = new THREE.Matrix4();
-
 			for ( let i = 0; i < skeleton.bones.length; ++ i ) {
 
 				joints.push( nodeMap.get( skeleton.bones[ i ] ) );
@@ -1757,13 +1684,12 @@
 			return skinIndex;
 
 		}
+
 		/**
    * Process Object3D node
    * @param  {THREE.Object3D} node Object3D to processNode
    * @return {Integer} Index of the node in the nodes list
    */
-
-
 		processNode( object ) {
 
 			const json = this.json;
@@ -1771,13 +1697,11 @@
 			const nodeMap = this.nodeMap;
 			if ( ! json.nodes ) json.nodes = [];
 			const nodeDef = {};
-
 			if ( options.trs ) {
 
 				const rotation = object.quaternion.toArray();
 				const position = object.position.toArray();
 				const scale = object.scale.toArray();
-
 				if ( ! equalArray( rotation, [ 0, 0, 0, 1 ] ) ) {
 
 					nodeDef.rotation = rotation;
@@ -1810,12 +1734,11 @@
 
 				}
 
-			} // We don't export empty strings name because it represents no-name in Three.js.
-
+			}
 
+			// We don't export empty strings name because it represents no-name in Three.js.
 			if ( object.name !== '' ) nodeDef.name = String( object.name );
 			this.serializeUserData( object, nodeDef );
-
 			if ( object.isMesh || object.isLine || object.isPoints ) {
 
 				const meshIndex = this.processMesh( object );
@@ -1828,15 +1751,12 @@
 			}
 
 			if ( object.isSkinnedMesh ) this.skins.push( object );
-
 			if ( object.children.length > 0 ) {
 
 				const children = [];
-
 				for ( let i = 0, l = object.children.length; i < l; i ++ ) {
 
 					const child = object.children[ i ];
-
 					if ( child.visible || options.onlyVisible === false ) {
 
 						const nodeIndex = this.processNode( child );
@@ -1855,23 +1775,20 @@
 				ext.writeNode && ext.writeNode( object, nodeDef );
 
 			} );
-
 			const nodeIndex = json.nodes.push( nodeDef ) - 1;
 			nodeMap.set( object, nodeIndex );
 			return nodeIndex;
 
 		}
+
 		/**
    * Process THREE.Scene
    * @param  {Scene} node THREE.Scene to process
    */
-
-
 		processScene( scene ) {
 
 			const json = this.json;
 			const options = this.options;
-
 			if ( ! json.scenes ) {
 
 				json.scenes = [];
@@ -1883,11 +1800,9 @@
 			if ( scene.name !== '' ) sceneDef.name = scene.name;
 			json.scenes.push( sceneDef );
 			const nodes = [];
-
 			for ( let i = 0, l = scene.children.length; i < l; i ++ ) {
 
 				const child = scene.children[ i ];
-
 				if ( child.visible || options.onlyVisible === false ) {
 
 					const nodeIndex = this.processNode( child );
@@ -1901,17 +1816,15 @@
 			this.serializeUserData( scene, sceneDef );
 
 		}
+
 		/**
    * Creates a THREE.Scene to hold a list of objects and parse it
    * @param  {Array} objects List of objects to process
    */
-
-
 		processObjects( objects ) {
 
 			const scene = new THREE.Scene();
 			scene.name = 'AuxScene';
-
 			for ( let i = 0; i < objects.length; i ++ ) {
 
 				// We push directly to children instead of calling `add` to prevent
@@ -1923,24 +1836,20 @@
 			this.processScene( scene );
 
 		}
+
 		/**
    * @param {THREE.Object3D|Array<THREE.Object3D>} input
    */
-
-
 		processInput( input ) {
 
 			const options = this.options;
 			input = input instanceof Array ? input : [ input ];
-
 			this._invokeAll( function ( ext ) {
 
 				ext.beforeParse && ext.beforeParse( input );
 
 			} );
-
 			const objectsWithoutScene = [];
-
 			for ( let i = 0; i < input.length; i ++ ) {
 
 				if ( input[ i ] instanceof THREE.Scene ) {
@@ -1956,7 +1865,6 @@
 			}
 
 			if ( objectsWithoutScene.length > 0 ) this.processObjects( objectsWithoutScene );
-
 			for ( let i = 0; i < this.skins.length; ++ i ) {
 
 				this.processSkin( this.skins[ i ] );
@@ -1976,7 +1884,6 @@
 			} );
 
 		}
-
 		_invokeAll( func ) {
 
 			for ( let i = 0, il = this.plugins.length; i < il; i ++ ) {
@@ -1988,13 +1895,12 @@
 		}
 
 	}
+
 	/**
  * Punctual Lights Extension
  *
  * Specification: https://github.com/KhronosGroup/glTF/tree/master/extensions/2.0/Khronos/KHR_lights_punctual
  */
-
-
 	class GLTFLightExtension {
 
 		constructor( writer ) {
@@ -2003,11 +1909,9 @@
 			this.name = 'KHR_lights_punctual';
 
 		}
-
 		writeNode( light, nodeDef ) {
 
 			if ( ! light.isLight ) return;
-
 			if ( ! light.isDirectionalLight && ! light.isPointLight && ! light.isSpotLight ) {
 
 				console.warn( 'THREE.GLTFExporter: Only directional, point, and spot lights are supported.', light );
@@ -2022,7 +1926,6 @@
 			if ( light.name ) lightDef.name = light.name;
 			lightDef.color = light.color.toArray();
 			lightDef.intensity = light.intensity;
-
 			if ( light.isDirectionalLight ) {
 
 				lightDef.type = 'directional';
@@ -2074,13 +1977,12 @@
 		}
 
 	}
+
 	/**
  * Unlit Materials Extension
  *
  * Specification: https://github.com/KhronosGroup/glTF/tree/master/extensions/2.0/Khronos/KHR_materials_unlit
  */
-
-
 	class GLTFMaterialsUnlitExtension {
 
 		constructor( writer ) {
@@ -2089,7 +1991,6 @@
 			this.name = 'KHR_materials_unlit';
 
 		}
-
 		writeMaterial( material, materialDef ) {
 
 			if ( ! material.isMeshBasicMaterial ) return;
@@ -2104,70 +2005,12 @@
 		}
 
 	}
-	/**
- * Specular-Glossiness Extension
- *
- * Specification: https://github.com/KhronosGroup/glTF/tree/main/extensions/2.0/Archived/KHR_materials_pbrSpecularGlossiness
- */
-
-
-	class GLTFMaterialsPBRSpecularGlossiness {
 
-		constructor( writer ) {
-
-			this.writer = writer;
-			this.name = 'KHR_materials_pbrSpecularGlossiness';
-
-		}
-
-		writeMaterial( material, materialDef ) {
-
-			if ( ! material.isGLTFSpecularGlossinessMaterial ) return;
-			const writer = this.writer;
-			const extensionsUsed = writer.extensionsUsed;
-			const extensionDef = {};
-
-			if ( materialDef.pbrMetallicRoughness.baseColorFactor ) {
-
-				extensionDef.diffuseFactor = materialDef.pbrMetallicRoughness.baseColorFactor;
-
-			}
-
-			const specularFactor = [ 1, 1, 1 ];
-			material.specular.toArray( specularFactor, 0 );
-			extensionDef.specularFactor = specularFactor;
-			extensionDef.glossinessFactor = material.glossiness;
-
-			if ( materialDef.pbrMetallicRoughness.baseColorTexture ) {
-
-				extensionDef.diffuseTexture = materialDef.pbrMetallicRoughness.baseColorTexture;
-
-			}
-
-			if ( material.specularMap ) {
-
-				const specularMapDef = {
-					index: writer.processTexture( material.specularMap )
-				};
-				writer.applyTextureTransform( specularMapDef, material.specularMap );
-				extensionDef.specularGlossinessTexture = specularMapDef;
-
-			}
-
-			materialDef.extensions = materialDef.extensions || {};
-			materialDef.extensions[ this.name ] = extensionDef;
-			extensionsUsed[ this.name ] = true;
-
-		}
-
-	}
 	/**
  * Clearcoat Materials Extension
  *
  * Specification: https://github.com/KhronosGroup/glTF/tree/master/extensions/2.0/Khronos/KHR_materials_clearcoat
  */
-
-
 	class GLTFMaterialsClearcoatExtension {
 
 		constructor( writer ) {
@@ -2176,7 +2019,6 @@
 			this.name = 'KHR_materials_clearcoat';
 
 		}
-
 		writeMaterial( material, materialDef ) {
 
 			if ( ! material.isMeshPhysicalMaterial ) return;
@@ -2184,7 +2026,6 @@
 			const extensionsUsed = writer.extensionsUsed;
 			const extensionDef = {};
 			extensionDef.clearcoatFactor = material.clearcoat;
-
 			if ( material.clearcoatMap ) {
 
 				const clearcoatMapDef = {
@@ -2196,7 +2037,6 @@
 			}
 
 			extensionDef.clearcoatRoughnessFactor = material.clearcoatRoughness;
-
 			if ( material.clearcoatRoughnessMap ) {
 
 				const clearcoatRoughnessMapDef = {
@@ -2224,13 +2064,12 @@
 		}
 
 	}
+
 	/**
  * Iridescence Materials Extension
  *
  * Specification: https://github.com/KhronosGroup/glTF/tree/master/extensions/2.0/Khronos/KHR_materials_iridescence
  */
-
-
 	class GLTFMaterialsIridescenceExtension {
 
 		constructor( writer ) {
@@ -2239,7 +2078,6 @@
 			this.name = 'KHR_materials_iridescence';
 
 		}
-
 		writeMaterial( material, materialDef ) {
 
 			if ( ! material.isMeshPhysicalMaterial ) return;
@@ -2247,7 +2085,6 @@
 			const extensionsUsed = writer.extensionsUsed;
 			const extensionDef = {};
 			extensionDef.iridescenceFactor = material.iridescence;
-
 			if ( material.iridescenceMap ) {
 
 				const iridescenceMapDef = {
@@ -2261,7 +2098,6 @@
 			extensionDef.iridescenceIor = material.iridescenceIOR;
 			extensionDef.iridescenceThicknessMinimum = material.iridescenceThicknessRange[ 0 ];
 			extensionDef.iridescenceThicknessMaximum = material.iridescenceThicknessRange[ 1 ];
-
 			if ( material.iridescenceThicknessMap ) {
 
 				const iridescenceThicknessMapDef = {
@@ -2279,13 +2115,12 @@
 		}
 
 	}
+
 	/**
  * Transmission Materials Extension
  *
  * Specification: https://github.com/KhronosGroup/glTF/tree/master/extensions/2.0/Khronos/KHR_materials_transmission
  */
-
-
 	class GLTFMaterialsTransmissionExtension {
 
 		constructor( writer ) {
@@ -2294,7 +2129,6 @@
 			this.name = 'KHR_materials_transmission';
 
 		}
-
 		writeMaterial( material, materialDef ) {
 
 			if ( ! material.isMeshPhysicalMaterial || material.transmission === 0 ) return;
@@ -2302,7 +2136,6 @@
 			const extensionsUsed = writer.extensionsUsed;
 			const extensionDef = {};
 			extensionDef.transmissionFactor = material.transmission;
-
 			if ( material.transmissionMap ) {
 
 				const transmissionMapDef = {
@@ -2320,13 +2153,12 @@
 		}
 
 	}
+
 	/**
  * Materials Volume Extension
  *
  * Specification: https://github.com/KhronosGroup/glTF/tree/master/extensions/2.0/Khronos/KHR_materials_volume
  */
-
-
 	class GLTFMaterialsVolumeExtension {
 
 		constructor( writer ) {
@@ -2335,7 +2167,6 @@
 			this.name = 'KHR_materials_volume';
 
 		}
-
 		writeMaterial( material, materialDef ) {
 
 			if ( ! material.isMeshPhysicalMaterial || material.transmission === 0 ) return;
@@ -2343,7 +2174,6 @@
 			const extensionsUsed = writer.extensionsUsed;
 			const extensionDef = {};
 			extensionDef.thicknessFactor = material.thickness;
-
 			if ( material.thicknessMap ) {
 
 				const thicknessMapDef = {
@@ -2363,26 +2193,22 @@
 		}
 
 	}
+
 	/**
  * Static utility functions
  */
-
-
 	GLTFExporter.Utils = {
 		insertKeyframe: function ( track, time ) {
 
 			const tolerance = 0.001; // 1ms
-
 			const valueSize = track.getValueSize();
 			const times = new track.TimeBufferType( track.times.length + 1 );
 			const values = new track.ValueBufferType( track.values.length + valueSize );
 			const interpolant = track.createInterpolant( new track.ValueBufferType( valueSize ) );
 			let index;
-
 			if ( track.times.length === 0 ) {
 
 				times[ 0 ] = time;
-
 				for ( let i = 0; i < valueSize; i ++ ) {
 
 					values[ i ] = 0;
@@ -2419,7 +2245,6 @@
 				for ( let i = 0; i < track.times.length; i ++ ) {
 
 					if ( Math.abs( track.times[ i ] - time ) < tolerance ) return i;
-
 					if ( track.times[ i ] < time && track.times[ i + 1 ] > time ) {
 
 						times.set( track.times.slice( 0, i + 1 ), 0 );
@@ -2447,13 +2272,11 @@
 			const tracks = [];
 			const mergedTracks = {};
 			const sourceTracks = clip.tracks;
-
 			for ( let i = 0; i < sourceTracks.length; ++ i ) {
 
 				let sourceTrack = sourceTracks[ i ];
 				const sourceTrackBinding = THREE.PropertyBinding.parseTrackName( sourceTrack.name );
 				const sourceTrackNode = THREE.PropertyBinding.findNode( root, sourceTrackBinding.nodeName );
-
 				if ( sourceTrackBinding.propertyName !== 'morphTargetInfluences' || sourceTrackBinding.propertyIndex === undefined ) {
 
 					// Tracks that don't affect morph targets, or that affect all morph targets together, can be left as-is.
@@ -2480,29 +2303,28 @@
 
 				const targetCount = sourceTrackNode.morphTargetInfluences.length;
 				const targetIndex = sourceTrackNode.morphTargetDictionary[ sourceTrackBinding.propertyIndex ];
-
 				if ( targetIndex === undefined ) {
 
 					throw new Error( 'THREE.GLTFExporter: Morph target name not found: ' + sourceTrackBinding.propertyIndex );
 
 				}
 
-				let mergedTrack; // If this is the first time we've seen this object, create a new
-				// track to store merged keyframe data for each morph target.
+				let mergedTrack;
 
+				// If this is the first time we've seen this object, create a new
+				// track to store merged keyframe data for each morph target.
 				if ( mergedTracks[ sourceTrackNode.uuid ] === undefined ) {
 
 					mergedTrack = sourceTrack.clone();
 					const values = new mergedTrack.ValueBufferType( targetCount * mergedTrack.times.length );
-
 					for ( let j = 0; j < mergedTrack.times.length; j ++ ) {
 
 						values[ j * targetCount + targetIndex ] = mergedTrack.values[ j ];
 
-					} // We need to take into consideration the intended target node
-					// of our original un-merged morphTarget animation.
-
+					}
 
+					// We need to take into consideration the intended target node
+					// of our original un-merged morphTarget animation.
 					mergedTrack.name = ( sourceTrackBinding.nodeName || '' ) + '.morphTargetInfluences';
 					mergedTrack.values = values;
 					mergedTracks[ sourceTrackNode.uuid ] = mergedTrack;
@@ -2512,18 +2334,19 @@
 				}
 
 				const sourceInterpolant = sourceTrack.createInterpolant( new sourceTrack.ValueBufferType( 1 ) );
-				mergedTrack = mergedTracks[ sourceTrackNode.uuid ]; // For every existing keyframe of the merged track, write a (possibly
-				// interpolated) value from the source track.
+				mergedTrack = mergedTracks[ sourceTrackNode.uuid ];
 
+				// For every existing keyframe of the merged track, write a (possibly
+				// interpolated) value from the source track.
 				for ( let j = 0; j < mergedTrack.times.length; j ++ ) {
 
 					mergedTrack.values[ j * targetCount + targetIndex ] = sourceInterpolant.evaluate( mergedTrack.times[ j ] );
 
-				} // For every existing keyframe of the source track, write a (possibly
+				}
+
+				// For every existing keyframe of the source track, write a (possibly
 				// new) keyframe to the merged track. Values from the previous loop may
 				// be written again, but keyframes are de-duplicated.
-
-
 				for ( let j = 0; j < sourceTrack.times.length; j ++ ) {
 
 					const keyframeIndex = this.insertKeyframe( mergedTrack, sourceTrack.times[ j ] );