super-three 0.141.0 → 0.147.0

package/examples/js/utils/CameraUtils.js

@@ -24,52 +24,37 @@
  * @param {Vector3} bottomRightCorner
  * @param {Vector3} topLeftCorner
  * @param {boolean} estimateViewFrustum */
-
-
 	function frameCorners( camera, bottomLeftCorner, bottomRightCorner, topLeftCorner, estimateViewFrustum = false ) {
 
 		const pa = bottomLeftCorner,
 			pb = bottomRightCorner,
 			pc = topLeftCorner;
 		const pe = camera.position; // eye position
-
 		const n = camera.near; // distance of near clipping plane
-
 		const f = camera.far; //distance of far clipping plane
 
 		_vr.copy( pb ).sub( pa ).normalize();
-
 		_vu.copy( pc ).sub( pa ).normalize();
-
 		_vn.crossVectors( _vr, _vu ).normalize();
-
 		_va.copy( pa ).sub( pe ); // from pe to pa
-
-
 		_vb.copy( pb ).sub( pe ); // from pe to pb
-
-
 		_vc.copy( pc ).sub( pe ); // from pe to pc
 
-
 		const d = - _va.dot( _vn ); // distance from eye to screen
-
 		const l = _vr.dot( _va ) * n / d; // distance to left screen edge
-
 		const r = _vr.dot( _vb ) * n / d; // distance to right screen edge
-
 		const b = _vu.dot( _va ) * n / d; // distance to bottom screen edge
-
 		const t = _vu.dot( _vc ) * n / d; // distance to top screen edge
-		// Set the camera rotation to match the focal plane to the corners' plane
 
+		// Set the camera rotation to match the focal plane to the corners' plane
 		_quat.setFromUnitVectors( _vec.set( 0, 1, 0 ), _vu );
+		camera.quaternion.setFromUnitVectors( _vec.set( 0, 0, 1 ).applyQuaternion( _quat ), _vn ).multiply( _quat );
 
-		camera.quaternion.setFromUnitVectors( _vec.set( 0, 0, 1 ).applyQuaternion( _quat ), _vn ).multiply( _quat ); // Set the off-axis projection matrix to match the corners
-
+		// Set the off-axis projection matrix to match the corners
 		camera.projectionMatrix.set( 2.0 * n / ( r - l ), 0.0, ( r + l ) / ( r - l ), 0.0, 0.0, 2.0 * n / ( t - b ), ( t + b ) / ( t - b ), 0.0, 0.0, 0.0, ( f + n ) / ( n - f ), 2.0 * f * n / ( n - f ), 0.0, 0.0, - 1.0, 0.0 );
-		camera.projectionMatrixInverse.copy( camera.projectionMatrix ).invert(); // FoV estimation to fix frustum culling
+		camera.projectionMatrixInverse.copy( camera.projectionMatrix ).invert();
 
+		// FoV estimation to fix frustum culling
 		if ( estimateViewFrustum ) {
 
 			// Set fieldOfView to a conservative estimate

package/examples/js/utils/GPUStatsPanel.js

@@ -1,7 +1,7 @@
 ( function () {
 
+	// https://www.khronos.org/registry/webgl/extensions/EXT_disjoint_timer_query/
 	// https://www.khronos.org/registry/webgl/extensions/EXT_disjoint_timer_query_webgl2/
-
 	class GPUStatsPanel extends Stats.Panel {
 
 		constructor( context, name = 'GPU MS' ) {
@@ -9,12 +9,10 @@
 			super( name, '#f90', '#210' );
 			let isWebGL2 = true;
 			let extension = context.getExtension( 'EXT_disjoint_timer_query_webgl2' );
-
 			if ( extension === null ) {
 
 				isWebGL2 = false;
 				extension = context.getExtension( 'EXT_disjoint_timer_query' );
-
 				if ( extension === null ) {
 
 					console.warn( 'GPUStatsPanel: disjoint_time_query extension not available.' );
@@ -27,21 +25,18 @@
 			this.extension = extension;
 			this.maxTime = 30;
 			this.activeQueries = 0;
-
 			this.startQuery = function () {
 
 				const gl = this.context;
 				const ext = this.extension;
-
 				if ( ext === null ) {
 
 					return;
 
-				} // create the query object
-
+				}
 
+				// create the query object
 				let query;
-
 				if ( isWebGL2 ) {
 
 					query = gl.createQuery();
@@ -55,12 +50,10 @@
 				}
 
 				this.activeQueries ++;
-
 				const checkQuery = () => {
 
 					// check if the query is available and valid
 					let available, disjoint, ns;
-
 					if ( isWebGL2 ) {
 
 						available = gl.getQueryParameter( query, gl.QUERY_RESULT_AVAILABLE );
@@ -76,7 +69,6 @@
 					}
 
 					const ms = ns * 1e-6;
-
 					if ( available ) {
 
 						// update the display if it is valid
@@ -106,7 +98,6 @@
 				// finish the query measurement
 				const ext = this.extension;
 				const gl = this.context;
-
 				if ( ext === null ) {
 
 					return;

package/examples/js/utils/GeometryCompressionUtils.js

@@ -6,6 +6,7 @@
  * @link https://github.com/tsherif/mesh-quantization-example
  *
  */
+
 	/**
  * Make the input mesh.geometry's normal attribute encoded and compressed by 3 different methods.
  * Also will change the mesh.material to `PackedPhongMaterial` which let the vertex shader program decode the normal data.
@@ -14,7 +15,6 @@
  * @param {String} encodeMethod		"DEFAULT" || "OCT1Byte" || "OCT2Byte" || "ANGLES"
  *
  */
-
 	function compressNormals( mesh, encodeMethod ) {
 
 		if ( ! mesh.geometry ) {
@@ -24,7 +24,6 @@
 		}
 
 		const normal = mesh.geometry.attributes.normal;
-
 		if ( ! normal ) {
 
 			console.error( 'Geometry must contain normal attribute. ' );
@@ -32,7 +31,6 @@
 		}
 
 		if ( normal.isPacked ) return;
-
 		if ( normal.itemSize != 3 ) {
 
 			console.error( 'normal.itemSize is not 3, which cannot be encoded. ' );
@@ -42,12 +40,10 @@
 		const array = normal.array;
 		const count = normal.count;
 		let result;
-
 		if ( encodeMethod == 'DEFAULT' ) {
 
 			// TODO: Add 1 byte to the result, making the encoded length to be 4 bytes.
 			result = new Uint8Array( count * 3 );
-
 			for ( let idx = 0; idx < array.length; idx += 3 ) {
 
 				const encoded = defaultEncode( array[ idx ], array[ idx + 1 ], array[ idx + 2 ], 1 );
@@ -67,8 +63,8 @@
     * As it makes vertex data not aligned to a 4 byte boundary which may harm some WebGL implementations and sometimes the normal distortion is visible
     * Please refer to @zeux 's comments in https://github.com/mrdoob/three.js/pull/18208
     */
-			result = new Int8Array( count * 2 );
 
+			result = new Int8Array( count * 2 );
 			for ( let idx = 0; idx < array.length; idx += 3 ) {
 
 				const encoded = octEncodeBest( array[ idx ], array[ idx + 1 ], array[ idx + 2 ], 1 );
@@ -83,7 +79,6 @@
 		} else if ( encodeMethod == 'OCT2Byte' ) {
 
 			result = new Int16Array( count * 2 );
-
 			for ( let idx = 0; idx < array.length; idx += 3 ) {
 
 				const encoded = octEncodeBest( array[ idx ], array[ idx + 1 ], array[ idx + 2 ], 2 );
@@ -98,7 +93,6 @@
 		} else if ( encodeMethod == 'ANGLES' ) {
 
 			result = new Uint16Array( count * 2 );
-
 			for ( let idx = 0; idx < array.length; idx += 3 ) {
 
 				const encoded = anglesEncode( array[ idx ], array[ idx + 1 ], array[ idx + 2 ] );
@@ -118,8 +112,9 @@
 
 		mesh.geometry.attributes.normal.needsUpdate = true;
 		mesh.geometry.attributes.normal.isPacked = true;
-		mesh.geometry.attributes.normal.packingMethod = encodeMethod; // modify material
+		mesh.geometry.attributes.normal.packingMethod = encodeMethod;
 
+		// modify material
 		if ( ! ( mesh.material instanceof THREE.PackedPhongMaterial ) ) {
 
 			mesh.material = new THREE.PackedPhongMaterial().copy( mesh.material );
@@ -151,6 +146,7 @@
 		}
 
 	}
+
 	/**
 	 * Make the input mesh.geometry's position attribute encoded and compressed.
 	 * Also will change the mesh.material to `PackedPhongMaterial` which let the vertex shader program decode the position data.
@@ -158,8 +154,6 @@
 	 * @param {THREE.Mesh} mesh
 	 *
 	 */
-
-
 	function compressPositions( mesh ) {
 
 		if ( ! mesh.geometry ) {
@@ -169,7 +163,6 @@
 		}
 
 		const position = mesh.geometry.attributes.position;
-
 		if ( ! position ) {
 
 			console.error( 'Geometry must contain position attribute. ' );
@@ -177,7 +170,6 @@
 		}
 
 		if ( position.isPacked ) return;
-
 		if ( position.itemSize != 3 ) {
 
 			console.error( 'position.itemSize is not 3, which cannot be packed. ' );
@@ -188,15 +180,17 @@
 		const encodingBytes = 2;
 		const result = quantizedEncode( array, encodingBytes );
 		const quantized = result.quantized;
-		const decodeMat = result.decodeMat; // IMPORTANT: calculate original geometry bounding info first, before updating packed positions
+		const decodeMat = result.decodeMat;
 
+		// IMPORTANT: calculate original geometry bounding info first, before updating packed positions
 		if ( mesh.geometry.boundingBox == null ) mesh.geometry.computeBoundingBox();
 		if ( mesh.geometry.boundingSphere == null ) mesh.geometry.computeBoundingSphere();
 		mesh.geometry.setAttribute( 'position', new THREE.BufferAttribute( quantized, 3 ) );
 		mesh.geometry.attributes.position.isPacked = true;
 		mesh.geometry.attributes.position.needsUpdate = true;
-		mesh.geometry.attributes.position.bytes = quantized.length * encodingBytes; // modify material
+		mesh.geometry.attributes.position.bytes = quantized.length * encodingBytes;
 
+		// modify material
 		if ( ! ( mesh.material instanceof THREE.PackedPhongMaterial ) ) {
 
 			mesh.material = new THREE.PackedPhongMaterial().copy( mesh.material );
@@ -208,6 +202,7 @@
 		mesh.material.uniforms.quantizeMatPos.needsUpdate = true;
 
 	}
+
 	/**
  * Make the input mesh.geometry's uv attribute encoded and compressed.
  * Also will change the mesh.material to `PackedPhongMaterial` which let the vertex shader program decode the uv data.
@@ -215,8 +210,6 @@
  * @param {THREE.Mesh} mesh
  *
  */
-
-
 	function compressUvs( mesh ) {
 
 		if ( ! mesh.geometry ) {
@@ -226,7 +219,6 @@
 		}
 
 		const uvs = mesh.geometry.attributes.uv;
-
 		if ( ! uvs ) {
 
 			console.error( 'Geometry must contain uv attribute. ' );
@@ -239,7 +231,6 @@
 			max: - Infinity
 		};
 		const array = uvs.array;
-
 		for ( let i = 0; i < array.length; i ++ ) {
 
 			range.min = Math.min( range.min, array[ i ] );
@@ -248,12 +239,10 @@
 		}
 
 		let result;
-
 		if ( range.min >= - 1.0 && range.max <= 1.0 ) {
 
 			// use default encoding method
 			result = new Uint16Array( array.length );
-
 			for ( let i = 0; i < array.length; i += 2 ) {
 
 				const encoded = defaultEncode( array[ i ], array[ i + 1 ], 0, 2 );
@@ -266,7 +255,6 @@
 			mesh.geometry.attributes.uv.isPacked = true;
 			mesh.geometry.attributes.uv.needsUpdate = true;
 			mesh.geometry.attributes.uv.bytes = result.length * 2;
-
 			if ( ! ( mesh.material instanceof THREE.PackedPhongMaterial ) ) {
 
 				mesh.material = new THREE.PackedPhongMaterial().copy( mesh.material );
@@ -283,7 +271,6 @@
 			mesh.geometry.attributes.uv.isPacked = true;
 			mesh.geometry.attributes.uv.needsUpdate = true;
 			mesh.geometry.attributes.uv.bytes = result.quantized.length * 2;
-
 			if ( ! ( mesh.material instanceof THREE.PackedPhongMaterial ) ) {
 
 				mesh.material = new THREE.PackedPhongMaterial().copy( mesh.material );
@@ -296,8 +283,9 @@
 
 		}
 
-	} // Encoding functions
+	}
 
+	// Encoding functions
 
 	function defaultEncode( x, y, z, bytes ) {
 
@@ -321,30 +309,30 @@
 
 		}
 
-	} // for `Angles` encoding
-
+	}
 
+	// for `Angles` encoding
 	function anglesEncode( x, y, z ) {
 
 		const normal0 = parseInt( 0.5 * ( 1.0 + Math.atan2( y, x ) / Math.PI ) * 65535 );
 		const normal1 = parseInt( 0.5 * ( 1.0 + z ) * 65535 );
 		return new Uint16Array( [ normal0, normal1 ] );
 
-	} // for `Octahedron` encoding
-
+	}
 
+	// for `Octahedron` encoding
 	function octEncodeBest( x, y, z, bytes ) {
 
-		let oct, dec, best, currentCos, bestCos; // Test various combinations of ceil and floor
-		// to minimize rounding errors
+		let oct, dec, best, currentCos, bestCos;
 
+		// Test various combinations of ceil and floor
+		// to minimize rounding errors
 		best = oct = octEncodeVec3( x, y, z, 'floor', 'floor' );
 		dec = octDecodeVec2( oct );
 		bestCos = dot( x, y, z, dec );
 		oct = octEncodeVec3( x, y, z, 'ceil', 'floor' );
 		dec = octDecodeVec2( oct );
 		currentCos = dot( x, y, z, dec );
-
 		if ( currentCos > bestCos ) {
 
 			best = oct;
@@ -355,7 +343,6 @@
 		oct = octEncodeVec3( x, y, z, 'floor', 'ceil' );
 		dec = octDecodeVec2( oct );
 		currentCos = dot( x, y, z, dec );
-
 		if ( currentCos > bestCos ) {
 
 			best = oct;
@@ -366,7 +353,6 @@
 		oct = octEncodeVec3( x, y, z, 'ceil', 'ceil' );
 		dec = octDecodeVec2( oct );
 		currentCos = dot( x, y, z, dec );
-
 		if ( currentCos > bestCos ) {
 
 			best = oct;
@@ -374,12 +360,10 @@
 		}
 
 		return best;
-
 		function octEncodeVec3( x0, y0, z0, xfunc, yfunc ) {
 
 			let x = x0 / ( Math.abs( x0 ) + Math.abs( y0 ) + Math.abs( z0 ) );
 			let y = y0 / ( Math.abs( x0 ) + Math.abs( y0 ) + Math.abs( z0 ) );
-
 			if ( z < 0 ) {
 
 				const tempx = ( 1 - Math.abs( y ) ) * ( x >= 0 ? 1 : - 1 );
@@ -387,7 +371,6 @@
 				x = tempx;
 				y = tempy;
 				let diff = 1 - Math.abs( x ) - Math.abs( y );
-
 				if ( diff > 0 ) {
 
 					diff += 0.001;
@@ -416,7 +399,6 @@
 
 			let x = oct[ 0 ];
 			let y = oct[ 1 ];
-
 			if ( bytes == 1 ) {
 
 				x /= x < 0 ? 127 : 128;
@@ -430,7 +412,6 @@
 			}
 
 			const z = 1 - Math.abs( x ) - Math.abs( y );
-
 			if ( z < 0 ) {
 
 				const tmpx = x;
@@ -455,7 +436,6 @@
 	function quantizedEncode( array, bytes ) {
 
 		let quantized, segments;
-
 		if ( bytes == 1 ) {
 
 			quantized = new Uint8Array( array.length );
@@ -477,7 +457,6 @@
 		const max = new Float32Array( 3 );
 		min[ 0 ] = min[ 1 ] = min[ 2 ] = Number.MAX_VALUE;
 		max[ 0 ] = max[ 1 ] = max[ 2 ] = - Number.MAX_VALUE;
-
 		for ( let i = 0; i < array.length; i += 3 ) {
 
 			min[ 0 ] = Math.min( min[ 0 ], array[ i + 0 ] );
@@ -495,7 +474,6 @@
 		decodeMat.elements[ 14 ] = min[ 2 ];
 		decodeMat.transpose();
 		const multiplier = new Float32Array( [ max[ 0 ] !== min[ 0 ] ? segments / ( max[ 0 ] - min[ 0 ] ) : 0, max[ 1 ] !== min[ 1 ] ? segments / ( max[ 1 ] - min[ 1 ] ) : 0, max[ 2 ] !== min[ 2 ] ? segments / ( max[ 2 ] - min[ 2 ] ) : 0 ] );
-
 		for ( let i = 0; i < array.length; i += 3 ) {
 
 			quantized[ i + 0 ] = Math.floor( ( array[ i + 0 ] - min[ 0 ] ) * multiplier[ 0 ] );
@@ -514,7 +492,6 @@
 	function quantizedEncodeUV( array, bytes ) {
 
 		let quantized, segments;
-
 		if ( bytes == 1 ) {
 
 			quantized = new Uint8Array( array.length );
@@ -536,7 +513,6 @@
 		const max = new Float32Array( 2 );
 		min[ 0 ] = min[ 1 ] = Number.MAX_VALUE;
 		max[ 0 ] = max[ 1 ] = - Number.MAX_VALUE;
-
 		for ( let i = 0; i < array.length; i += 2 ) {
 
 			min[ 0 ] = Math.min( min[ 0 ], array[ i + 0 ] );
@@ -551,7 +527,6 @@
 		decodeMat.elements[ 7 ] = min[ 1 ];
 		decodeMat.transpose();
 		const multiplier = new Float32Array( [ max[ 0 ] !== min[ 0 ] ? segments / ( max[ 0 ] - min[ 0 ] ) : 0, max[ 1 ] !== min[ 1 ] ? segments / ( max[ 1 ] - min[ 1 ] ) : 0 ] );
-
 		for ( let i = 0; i < array.length; i += 2 ) {
 
 			quantized[ i + 0 ] = Math.floor( ( array[ i + 0 ] - min[ 0 ] ) * multiplier[ 0 ] );

package/examples/js/utils/GeometryUtils.js

@@ -14,29 +14,24 @@
  * @param v2         Corner index +X, +Z.
  * @param v3         Corner index +X, -Z.
  */
-
 	function hilbert2D( center = new THREE.Vector3( 0, 0, 0 ), size = 10, iterations = 1, v0 = 0, v1 = 1, v2 = 2, v3 = 3 ) {
 
 		const half = size / 2;
 		const vec_s = [ new THREE.Vector3( center.x - half, center.y, center.z - half ), new THREE.Vector3( center.x - half, center.y, center.z + half ), new THREE.Vector3( center.x + half, center.y, center.z + half ), new THREE.Vector3( center.x + half, center.y, center.z - half ) ];
-		const vec = [ vec_s[ v0 ], vec_s[ v1 ], vec_s[ v2 ], vec_s[ v3 ] ]; // Recurse iterations
+		const vec = [ vec_s[ v0 ], vec_s[ v1 ], vec_s[ v2 ], vec_s[ v3 ] ];
 
+		// Recurse iterations
 		if ( 0 <= -- iterations ) {
 
-			const tmp = [];
-			Array.prototype.push.apply( tmp, hilbert2D( vec[ 0 ], half, iterations, v0, v3, v2, v1 ) );
-			Array.prototype.push.apply( tmp, hilbert2D( vec[ 1 ], half, iterations, v0, v1, v2, v3 ) );
-			Array.prototype.push.apply( tmp, hilbert2D( vec[ 2 ], half, iterations, v0, v1, v2, v3 ) );
-			Array.prototype.push.apply( tmp, hilbert2D( vec[ 3 ], half, iterations, v2, v1, v0, v3 ) ); // Return recursive call
-
-			return tmp;
-
-		} // Return complete Hilbert Curve.
+			return [ ...hilbert2D( vec[ 0 ], half, iterations, v0, v3, v2, v1 ), ...hilbert2D( vec[ 1 ], half, iterations, v0, v1, v2, v3 ), ...hilbert2D( vec[ 2 ], half, iterations, v0, v1, v2, v3 ), ...hilbert2D( vec[ 3 ], half, iterations, v2, v1, v0, v3 ) ];
 
+		}
 
+		// Return complete Hilbert Curve.
 		return vec;
 
 	}
+
 	/**
  * Generates 3D-Coordinates in a very fast way.
  *
@@ -55,35 +50,25 @@
  * @param v6         Corner index +X, +Y, +Z.
  * @param v7         Corner index +X, +Y, -Z.
  */
-
-
 	function hilbert3D( center = new THREE.Vector3( 0, 0, 0 ), size = 10, iterations = 1, v0 = 0, v1 = 1, v2 = 2, v3 = 3, v4 = 4, v5 = 5, v6 = 6, v7 = 7 ) {
 
 		// Default Vars
 		const half = size / 2;
 		const vec_s = [ new THREE.Vector3( center.x - half, center.y + half, center.z - half ), new THREE.Vector3( center.x - half, center.y + half, center.z + half ), new THREE.Vector3( center.x - half, center.y - half, center.z + half ), new THREE.Vector3( center.x - half, center.y - half, center.z - half ), new THREE.Vector3( center.x + half, center.y - half, center.z - half ), new THREE.Vector3( center.x + half, center.y - half, center.z + half ), new THREE.Vector3( center.x + half, center.y + half, center.z + half ), new THREE.Vector3( center.x + half, center.y + half, center.z - half ) ];
-		const vec = [ vec_s[ v0 ], vec_s[ v1 ], vec_s[ v2 ], vec_s[ v3 ], vec_s[ v4 ], vec_s[ v5 ], vec_s[ v6 ], vec_s[ v7 ] ]; // Recurse iterations
+		const vec = [ vec_s[ v0 ], vec_s[ v1 ], vec_s[ v2 ], vec_s[ v3 ], vec_s[ v4 ], vec_s[ v5 ], vec_s[ v6 ], vec_s[ v7 ] ];
 
+		// Recurse iterations
 		if ( -- iterations >= 0 ) {
 
-			const tmp = [];
-			Array.prototype.push.apply( tmp, hilbert3D( vec[ 0 ], half, iterations, v0, v3, v4, v7, v6, v5, v2, v1 ) );
-			Array.prototype.push.apply( tmp, hilbert3D( vec[ 1 ], half, iterations, v0, v7, v6, v1, v2, v5, v4, v3 ) );
-			Array.prototype.push.apply( tmp, hilbert3D( vec[ 2 ], half, iterations, v0, v7, v6, v1, v2, v5, v4, v3 ) );
-			Array.prototype.push.apply( tmp, hilbert3D( vec[ 3 ], half, iterations, v2, v3, v0, v1, v6, v7, v4, v5 ) );
-			Array.prototype.push.apply( tmp, hilbert3D( vec[ 4 ], half, iterations, v2, v3, v0, v1, v6, v7, v4, v5 ) );
-			Array.prototype.push.apply( tmp, hilbert3D( vec[ 5 ], half, iterations, v4, v3, v2, v5, v6, v1, v0, v7 ) );
-			Array.prototype.push.apply( tmp, hilbert3D( vec[ 6 ], half, iterations, v4, v3, v2, v5, v6, v1, v0, v7 ) );
-			Array.prototype.push.apply( tmp, hilbert3D( vec[ 7 ], half, iterations, v6, v5, v2, v1, v0, v3, v4, v7 ) ); // Return recursive call
-
-			return tmp;
-
-		} // Return complete Hilbert Curve.
+			return [ ...hilbert3D( vec[ 0 ], half, iterations, v0, v3, v4, v7, v6, v5, v2, v1 ), ...hilbert3D( vec[ 1 ], half, iterations, v0, v7, v6, v1, v2, v5, v4, v3 ), ...hilbert3D( vec[ 2 ], half, iterations, v0, v7, v6, v1, v2, v5, v4, v3 ), ...hilbert3D( vec[ 3 ], half, iterations, v2, v3, v0, v1, v6, v7, v4, v5 ), ...hilbert3D( vec[ 4 ], half, iterations, v2, v3, v0, v1, v6, v7, v4, v5 ), ...hilbert3D( vec[ 5 ], half, iterations, v4, v3, v2, v5, v6, v1, v0, v7 ), ...hilbert3D( vec[ 6 ], half, iterations, v4, v3, v2, v5, v6, v1, v0, v7 ), ...hilbert3D( vec[ 7 ], half, iterations, v6, v5, v2, v1, v0, v3, v4, v7 ) ];
 
+		}
 
+		// Return complete Hilbert Curve.
 		return vec;
 
 	}
+
 	/**
  * Generates a Gosper curve (lying in the XY plane)
  *
@@ -91,23 +76,18 @@
  *
  * @param size The size of a single gosper island.
  */
-
-
 	function gosper( size = 1 ) {
 
 		function fractalize( config ) {
 
 			let output;
 			let input = config.axiom;
-
 			for ( let i = 0, il = config.steps; 0 <= il ? i < il : i > il; 0 <= il ? i ++ : i -- ) {
 
 				output = '';
-
 				for ( let j = 0, jl = input.length; j < jl; j ++ ) {
 
 					const char = input[ j ];
-
 					if ( char in config.rules ) {
 
 						output += config.rules[ char ];
@@ -135,11 +115,9 @@
 			let angle = 0;
 			const path = [ 0, 0, 0 ];
 			const fractal = config.fractal;
-
 			for ( let i = 0, l = fractal.length; i < l; i ++ ) {
 
 				const char = fractal[ i ];
-
 				if ( char === '+' ) {
 
 					angle += config.angle;
@@ -160,8 +138,9 @@
 
 			return path;
 
-		} //
+		}
 
+		//
 
 		const gosper = fractalize( {
 			axiom: 'A',
@@ -175,8 +154,8 @@
 			fractal: gosper,
 			size: size,
 			angle: Math.PI / 3 // 60 degrees
-
 		} );
+
 		return points;
 
 	}

package/examples/js/utils/LDrawUtils.js

@@ -7,9 +7,11 @@
 			// Merges geometries in object by materials and returns new object. Use on not indexed geometries.
 			// The object buffers reference the old object ones.
 			// Special treatment is done to the conditional lines generated by LDrawLoader.
+
 			function extractGroup( geometry, group, elementSize, isConditionalLine ) {
 
 				// Extracts a group from a geometry as a new geometry (with attribute buffers referencing original buffers)
+
 				const newGeometry = new THREE.BufferGeometry();
 				const originalPositions = geometry.getAttribute( 'position' ).array;
 				const originalNormals = elementSize === 3 ? geometry.getAttribute( 'normal' ).array : null;
@@ -20,7 +22,6 @@
 				const normals = originalNormals !== null ? originalNormals.subarray( vertStart, vertEnd ) : null;
 				newGeometry.setAttribute( 'position', new THREE.BufferAttribute( positions, 3 ) );
 				if ( normals !== null ) newGeometry.setAttribute( 'normal', new THREE.BufferAttribute( normals, 3 ) );
-
 				if ( isConditionalLine ) {
 
 					const controlArray0 = geometry.getAttribute( 'control0' ).array.subarray( vertStart, vertEnd );
@@ -39,7 +40,6 @@
 			function addGeometry( mat, geometry, geometries ) {
 
 				const geoms = geometries[ mat.uuid ];
-
 				if ( ! geoms ) {
 
 					geometries[ mat.uuid ] = {
@@ -58,11 +58,11 @@
 			function permuteAttribute( attribute, elemSize ) {
 
 				// Permutes first two vertices of each attribute element
+
 				if ( ! attribute ) return;
 				const verts = attribute.array;
 				const numVerts = Math.floor( verts.length / 3 );
 				let offset = 0;
-
 				for ( let i = 0; i < numVerts; i ++ ) {
 
 					const x = verts[ offset ];
@@ -78,8 +78,9 @@
 
 				}
 
-			} // Traverse the object hierarchy collecting geometries and transforming them to world space
+			}
 
+			// Traverse the object hierarchy collecting geometries and transforming them to world space
 
 			const meshGeometries = {};
 			const linesGeometries = {};
@@ -93,7 +94,6 @@
 					const elemSize = c.isMesh ? 3 : 2;
 					const geometry = c.geometry.clone();
 					const matrixIsInverted = c.matrixWorld.determinant() < 0;
-
 					if ( matrixIsInverted ) {
 
 						permuteAttribute( geometry.attributes.position, elemSize );
@@ -102,7 +102,6 @@
 					}
 
 					geometry.applyMatrix4( c.matrixWorld );
-
 					if ( c.isConditionalLine ) {
 
 						geometry.attributes.control0.applyMatrix4( c.matrixWorld );
@@ -113,7 +112,6 @@
 					}
 
 					const geometries = c.isMesh ? meshGeometries : c.isConditionalLine ? condLinesGeometries : linesGeometries;
-
 					if ( Array.isArray( c.material ) ) {
 
 						for ( const groupIndex in geometry.groups ) {
@@ -133,11 +131,12 @@
 
 				}
 
-			} ); // Create object with merged geometries
+			} );
+
+			// Create object with merged geometries
 
 			const mergedObject = new THREE.Group();
 			const meshMaterialsIds = Object.keys( meshGeometries );
-
 			for ( const meshMaterialsId of meshMaterialsIds ) {
 
 				const meshGeometry = meshGeometries[ meshMaterialsId ];
@@ -147,7 +146,6 @@
 			}
 
 			const linesMaterialsIds = Object.keys( linesGeometries );
-
 			for ( const linesMaterialsId of linesMaterialsIds ) {
 
 				const lineGeometry = linesGeometries[ linesMaterialsId ];
@@ -157,7 +155,6 @@
 			}
 
 			const condLinesMaterialsIds = Object.keys( condLinesGeometries );
-
 			for ( const condLinesMaterialsId of condLinesMaterialsIds ) {
 
 				const condLineGeometry = condLinesGeometries[ condLinesMaterialsId ];