@needle-tools/three 0.145.4 → 0.146.2

package/examples/js/misc/ConvexObjectBreaker.js

@@ -30,7 +30,6 @@
 */
 
 	const _v1 = new THREE.Vector3();
-
 	class ConvexObjectBreaker {
 
 		constructor( minSizeForBreak = 1.4, smallDelta = 0.0001 ) {
@@ -59,16 +58,15 @@
 			};
 			this.segments = [];
 			const n = 30 * 30;
-
 			for ( let i = 0; i < n; i ++ ) this.segments[ i ] = false;
 
 		}
-
 		prepareBreakableObject( object, mass, velocity, angularVelocity, breakable ) {
 
 			// object is a Object3d (normally a THREE.Mesh), must have a BufferGeometry, and it must be convex.
 			// Its material property is propagated to its children (sub-pieces)
 			// mass must be > 0
+
 			if ( ! object.geometry.isBufferGeometry ) {
 
 				console.error( 'THREE.ConvexObjectBreaker.prepareBreakableObject(): Parameter object must have a BufferGeometry.' );
@@ -82,14 +80,13 @@
 			userData.breakable = breakable;
 
 		}
+
 		/*
    * @param {int} maxRadialIterations Iterations for radial cuts.
    * @param {int} maxRandomIterations Max random iterations for not-radial cuts
    *
    * Returns the array of pieces
    */
-
-
 		subdivideByImpact( object, pointOfImpact, normal, maxRadialIterations, maxRandomIterations ) {
 
 			const debris = [];
@@ -99,7 +96,6 @@
 			tempPlane1.setFromCoplanarPoints( pointOfImpact, object.position, this.tempVector3 );
 			const maxTotalIterations = maxRandomIterations + maxRadialIterations;
 			const scope = this;
-
 			function subdivideRadial( subObject, startAngle, endAngle, numIterations ) {
 
 				if ( Math.random() < numIterations * 0.05 || numIterations > maxTotalIterations ) {
@@ -110,7 +106,6 @@
 				}
 
 				let angle = Math.PI;
-
 				if ( numIterations === 0 ) {
 
 					tempPlane2.normal.copy( tempPlane1.normal );
@@ -120,28 +115,29 @@
 
 					if ( numIterations <= maxRadialIterations ) {
 
-						angle = ( endAngle - startAngle ) * ( 0.2 + 0.6 * Math.random() ) + startAngle; // Rotate tempPlane2 at impact point around normal axis and the angle
+						angle = ( endAngle - startAngle ) * ( 0.2 + 0.6 * Math.random() ) + startAngle;
 
+						// Rotate tempPlane2 at impact point around normal axis and the angle
 						scope.tempVector3_2.copy( object.position ).sub( pointOfImpact ).applyAxisAngle( normal, angle ).add( pointOfImpact );
 						tempPlane2.setFromCoplanarPoints( pointOfImpact, scope.tempVector3, scope.tempVector3_2 );
 
 					} else {
 
-						angle = ( 0.5 * ( numIterations & 1 ) + 0.2 * ( 2 - Math.random() ) ) * Math.PI; // Rotate tempPlane2 at object position around normal axis and the angle
+						angle = ( 0.5 * ( numIterations & 1 ) + 0.2 * ( 2 - Math.random() ) ) * Math.PI;
 
+						// Rotate tempPlane2 at object position around normal axis and the angle
 						scope.tempVector3_2.copy( pointOfImpact ).sub( subObject.position ).applyAxisAngle( normal, angle ).add( subObject.position );
 						scope.tempVector3_3.copy( normal ).add( subObject.position );
 						tempPlane2.setFromCoplanarPoints( subObject.position, scope.tempVector3_3, scope.tempVector3_2 );
 
 					}
 
-				} // Perform the cut
-
+				}
 
+				// Perform the cut
 				scope.cutByPlane( subObject, tempPlane2, scope.tempResultObjects );
 				const obj1 = scope.tempResultObjects.object1;
 				const obj2 = scope.tempResultObjects.object2;
-
 				if ( obj1 ) {
 
 					subdivideRadial( obj1, startAngle, angle, numIterations + 1 );
@@ -160,20 +156,19 @@
 			return debris;
 
 		}
-
 		cutByPlane( object, plane, output ) {
 
 			// Returns breakable objects in output.object1 and output.object2 members, the resulting 2 pieces of the cut.
 			// object2 can be null if the plane doesn't cut the object.
 			// object1 can be null only in case of internal error
 			// Returned value is number of pieces, 0 for error.
+
 			const geometry = object.geometry;
 			const coords = geometry.attributes.position.array;
 			const normals = geometry.attributes.normal.array;
 			const numPoints = coords.length / 3;
 			let numFaces = numPoints / 3;
 			let indices = geometry.getIndex();
-
 			if ( indices ) {
 
 				indices = indices.array;
@@ -184,6 +179,7 @@
 			function getVertexIndex( faceIdx, vert ) {
 
 				// vert = 0, 1 or 2.
+
 				const idx = faceIdx * 3 + vert;
 				return indices ? indices[ idx ] : idx;
 
@@ -191,34 +187,34 @@
 
 			const points1 = [];
 			const points2 = [];
-			const delta = this.smallDelta; // Reset segments mark
+			const delta = this.smallDelta;
 
+			// Reset segments mark
 			const numPointPairs = numPoints * numPoints;
-
 			for ( let i = 0; i < numPointPairs; i ++ ) this.segments[ i ] = false;
-
 			const p0 = this.tempVector3_P0;
 			const p1 = this.tempVector3_P1;
 			const n0 = this.tempVector3_N0;
-			const n1 = this.tempVector3_N1; // Iterate through the faces to mark edges shared by coplanar faces
+			const n1 = this.tempVector3_N1;
 
+			// Iterate through the faces to mark edges shared by coplanar faces
 			for ( let i = 0; i < numFaces - 1; i ++ ) {
 
 				const a1 = getVertexIndex( i, 0 );
 				const b1 = getVertexIndex( i, 1 );
-				const c1 = getVertexIndex( i, 2 ); // Assuming all 3 vertices have the same normal
+				const c1 = getVertexIndex( i, 2 );
 
+				// Assuming all 3 vertices have the same normal
 				n0.set( normals[ a1 ], normals[ a1 ] + 1, normals[ a1 ] + 2 );
-
 				for ( let j = i + 1; j < numFaces; j ++ ) {
 
 					const a2 = getVertexIndex( j, 0 );
 					const b2 = getVertexIndex( j, 1 );
-					const c2 = getVertexIndex( j, 2 ); // Assuming all 3 vertices have the same normal
+					const c2 = getVertexIndex( j, 2 );
 
+					// Assuming all 3 vertices have the same normal
 					n1.set( normals[ a2 ], normals[ a2 ] + 1, normals[ a2 ] + 2 );
 					const coplanar = 1 - n0.dot( n1 ) < delta;
-
 					if ( coplanar ) {
 
 						if ( a1 === a2 || a1 === b2 || a1 === c2 ) {
@@ -246,35 +242,35 @@
 
 				}
 
-			} // Transform the plane to object local space
-
+			}
 
+			// Transform the plane to object local space
 			const localPlane = this.tempPlane_Cut;
 			object.updateMatrix();
-			ConvexObjectBreaker.transformPlaneToLocalSpace( plane, object.matrix, localPlane ); // Iterate through the faces adding points to both pieces
+			ConvexObjectBreaker.transformPlaneToLocalSpace( plane, object.matrix, localPlane );
 
+			// Iterate through the faces adding points to both pieces
 			for ( let i = 0; i < numFaces; i ++ ) {
 
 				const va = getVertexIndex( i, 0 );
 				const vb = getVertexIndex( i, 1 );
 				const vc = getVertexIndex( i, 2 );
-
 				for ( let segment = 0; segment < 3; segment ++ ) {
 
 					const i0 = segment === 0 ? va : segment === 1 ? vb : vc;
 					const i1 = segment === 0 ? vb : segment === 1 ? vc : va;
 					const segmentState = this.segments[ i0 * numPoints + i1 ];
 					if ( segmentState ) continue; // The segment already has been processed in another face
-					// Mark segment as processed (also inverted segment)
 
+					// Mark segment as processed (also inverted segment)
 					this.segments[ i0 * numPoints + i1 ] = true;
 					this.segments[ i1 * numPoints + i0 ] = true;
 					p0.set( coords[ 3 * i0 ], coords[ 3 * i0 + 1 ], coords[ 3 * i0 + 2 ] );
-					p1.set( coords[ 3 * i1 ], coords[ 3 * i1 + 1 ], coords[ 3 * i1 + 2 ] ); // mark: 1 for negative side, 2 for positive side, 3 for coplanar point
+					p1.set( coords[ 3 * i1 ], coords[ 3 * i1 + 1 ], coords[ 3 * i1 + 2 ] );
 
+					// mark: 1 for negative side, 2 for positive side, 3 for coplanar point
 					let mark0 = 0;
 					let d = localPlane.distanceToPoint( p0 );
-
 					if ( d > delta ) {
 
 						mark0 = 2;
@@ -291,12 +287,11 @@
 						points1.push( p0.clone() );
 						points2.push( p0.clone() );
 
-					} // mark: 1 for negative side, 2 for positive side, 3 for coplanar point
-
+					}
 
+					// mark: 1 for negative side, 2 for positive side, 3 for coplanar point
 					let mark1 = 0;
 					d = localPlane.distanceToPoint( p1 );
-
 					if ( d > delta ) {
 
 						mark1 = 2;
@@ -318,11 +313,11 @@
 					if ( mark0 === 1 && mark1 === 2 || mark0 === 2 && mark1 === 1 ) {
 
 						// Intersection of segment with the plane
+
 						this.tempLine1.start.copy( p0 );
 						this.tempLine1.end.copy( p1 );
 						let intersection = new THREE.Vector3();
 						intersection = localPlane.intersectLine( this.tempLine1, intersection );
-
 						if ( intersection === null ) {
 
 							// Shouldn't happen
@@ -340,21 +335,19 @@
 
 				}
 
-			} // Calculate debris mass (very fast and imprecise):
-
+			}
 
-			const newMass = object.userData.mass * 0.5; // Calculate debris Center of Mass (again fast and imprecise)
+			// Calculate debris mass (very fast and imprecise):
+			const newMass = object.userData.mass * 0.5;
 
+			// Calculate debris Center of Mass (again fast and imprecise)
 			this.tempCM1.set( 0, 0, 0 );
 			let radius1 = 0;
 			const numPoints1 = points1.length;
-
 			if ( numPoints1 > 0 ) {
 
 				for ( let i = 0; i < numPoints1; i ++ ) this.tempCM1.add( points1[ i ] );
-
 				this.tempCM1.divideScalar( numPoints1 );
-
 				for ( let i = 0; i < numPoints1; i ++ ) {
 
 					const p = points1[ i ];
@@ -370,13 +363,10 @@
 			this.tempCM2.set( 0, 0, 0 );
 			let radius2 = 0;
 			const numPoints2 = points2.length;
-
 			if ( numPoints2 > 0 ) {
 
 				for ( let i = 0; i < numPoints2; i ++ ) this.tempCM2.add( points2[ i ] );
-
 				this.tempCM2.divideScalar( numPoints2 );
-
 				for ( let i = 0; i < numPoints2; i ++ ) {
 
 					const p = points2[ i ];
@@ -392,7 +382,6 @@
 			let object1 = null;
 			let object2 = null;
 			let numObjects = 0;
-
 			if ( numPoints1 > 4 ) {
 
 				object1 = new THREE.Mesh( new THREE.ConvexGeometry( points1 ), object.material );
@@ -418,12 +407,12 @@
 			return numObjects;
 
 		}
-
 		static transformFreeVector( v, m ) {
 
 			// input:
 			// vector interpreted as a free vector
 			// THREE.Matrix4 orthogonal matrix (matrix without scale)
+
 			const x = v.x,
 				y = v.y,
 				z = v.z;
@@ -434,12 +423,12 @@
 			return v;
 
 		}
-
 		static transformFreeVectorInverse( v, m ) {
 
 			// input:
 			// vector interpreted as a free vector
 			// THREE.Matrix4 orthogonal matrix (matrix without scale)
+
 			const x = v.x,
 				y = v.y,
 				z = v.z;
@@ -450,12 +439,12 @@
 			return v;
 
 		}
-
 		static transformTiedVectorInverse( v, m ) {
 
 			// input:
 			// vector interpreted as a tied (ordinary) vector
 			// THREE.Matrix4 orthogonal matrix (matrix without scale)
+
 			const x = v.x,
 				y = v.y,
 				z = v.z;
@@ -466,14 +455,14 @@
 			return v;
 
 		}
-
 		static transformPlaneToLocalSpace( plane, m, resultPlane ) {
 
 			resultPlane.normal.copy( plane.normal );
 			resultPlane.constant = plane.constant;
 			const referencePoint = ConvexObjectBreaker.transformTiedVectorInverse( plane.coplanarPoint( _v1 ), m );
-			ConvexObjectBreaker.transformFreeVectorInverse( resultPlane.normal, m ); // recalculate constant (like in setFromNormalAndCoplanarPoint)
+			ConvexObjectBreaker.transformFreeVectorInverse( resultPlane.normal, m );
 
+			// recalculate constant (like in setFromNormalAndCoplanarPoint)
 			resultPlane.constant = - referencePoint.dot( resultPlane.normal );
 
 		}

package/examples/js/misc/GPUComputationRenderer.js

@@ -115,7 +115,6 @@
 			const passThruShader = createShaderMaterial( getPassThroughFragmentShader(), passThruUniforms );
 			const mesh = new THREE.Mesh( new THREE.PlaneGeometry( 2, 2 ), passThruShader );
 			scene.add( mesh );
-
 			this.setDataType = function ( type ) {
 
 				dataType = type;
@@ -164,27 +163,26 @@
 
 				for ( let i = 0; i < this.variables.length; i ++ ) {
 
-					const variable = this.variables[ i ]; // Creates rendertargets and initialize them with input texture
+					const variable = this.variables[ i ];
 
+					// Creates rendertargets and initialize them with input texture
 					variable.renderTargets[ 0 ] = this.createRenderTarget( sizeX, sizeY, variable.wrapS, variable.wrapT, variable.minFilter, variable.magFilter );
 					variable.renderTargets[ 1 ] = this.createRenderTarget( sizeX, sizeY, variable.wrapS, variable.wrapT, variable.minFilter, variable.magFilter );
 					this.renderTexture( variable.initialValueTexture, variable.renderTargets[ 0 ] );
-					this.renderTexture( variable.initialValueTexture, variable.renderTargets[ 1 ] ); // Adds dependencies uniforms to the THREE.ShaderMaterial
+					this.renderTexture( variable.initialValueTexture, variable.renderTargets[ 1 ] );
 
+					// Adds dependencies uniforms to the THREE.ShaderMaterial
 					const material = variable.material;
 					const uniforms = material.uniforms;
-
 					if ( variable.dependencies !== null ) {
 
 						for ( let d = 0; d < variable.dependencies.length; d ++ ) {
 
 							const depVar = variable.dependencies[ d ];
-
 							if ( depVar.name !== variable.name ) {
 
 								// Checks if variable exists
 								let found = false;
-
 								for ( let j = 0; j < this.variables.length; j ++ ) {
 
 									if ( depVar.name === this.variables[ j ].name ) {
@@ -224,15 +222,14 @@
 
 				const currentTextureIndex = this.currentTextureIndex;
 				const nextTextureIndex = this.currentTextureIndex === 0 ? 1 : 0;
-
 				for ( let i = 0, il = this.variables.length; i < il; i ++ ) {
 
-					const variable = this.variables[ i ]; // Sets texture dependencies uniforms
+					const variable = this.variables[ i ];
 
+					// Sets texture dependencies uniforms
 					if ( variable.dependencies !== null ) {
 
 						const uniforms = variable.material.uniforms;
-
 						for ( let d = 0, dl = variable.dependencies.length; d < dl; d ++ ) {
 
 							const depVar = variable.dependencies[ d ];
@@ -240,9 +237,9 @@
 
 						}
 
-					} // Performs the computation for this variable
-
+					}
 
+					// Performs the computation for this variable
 					this.doRenderTarget( variable.material, variable.renderTargets[ nextTextureIndex ] );
 
 				}
@@ -268,13 +265,11 @@
 				mesh.geometry.dispose();
 				mesh.material.dispose();
 				const variables = this.variables;
-
 				for ( let i = 0; i < variables.length; i ++ ) {
 
 					const variable = variables[ i ];
 					variable.initialValueTexture?.dispose();
 					const renderTargets = variable.renderTargets;
-
 					for ( let j = 0; j < renderTargets.length; j ++ ) {
 
 						const renderTarget = renderTargets[ j ];
@@ -292,7 +287,9 @@
 
 			}
 
-			this.addResolutionDefine = addResolutionDefine; // The following functions can be used to compute things manually
+			this.addResolutionDefine = addResolutionDefine;
+
+			// The following functions can be used to compute things manually
 
 			function createShaderMaterial( computeFragmentShader, uniforms ) {
 
@@ -308,7 +305,6 @@
 			}
 
 			this.createShaderMaterial = createShaderMaterial;
-
 			this.createRenderTarget = function ( sizeXTexture, sizeYTexture, wrapS, wrapT, minFilter, magFilter ) {
 
 				sizeXTexture = sizeXTexture || sizeX;
@@ -344,6 +340,7 @@
 				// Takes a texture, and render out in rendertarget
 				// input = Texture
 				// output = RenderTarget
+
 				passThruUniforms.passThruTexture.value = input;
 				this.doRenderTarget( passThruShader, output );
 				passThruUniforms.passThruTexture.value = null;
@@ -358,9 +355,7 @@
 				const currentOutputEncoding = renderer.outputEncoding;
 				const currentToneMapping = renderer.toneMapping;
 				renderer.xr.enabled = false; // Avoid camera modification
-
 				renderer.shadowMap.autoUpdate = false; // Avoid re-computing shadows
-
 				renderer.outputEncoding = THREE.LinearEncoding;
 				renderer.toneMapping = THREE.NoToneMapping;
 				mesh.material = material;
@@ -373,8 +368,9 @@
 				renderer.toneMapping = currentToneMapping;
 				renderer.setRenderTarget( currentRenderTarget );
 
-			}; // Shaders
+			};
 
+			// Shaders
 
 			function getPassThroughVertexShader() {
 

package/examples/js/misc/Gyroscope.js

@@ -1,17 +1,11 @@
 ( function () {
 
 	const _translationObject = new THREE.Vector3();
-
 	const _quaternionObject = new THREE.Quaternion();
-
 	const _scaleObject = new THREE.Vector3();
-
 	const _translationWorld = new THREE.Vector3();
-
 	const _quaternionWorld = new THREE.Quaternion();
-
 	const _scaleWorld = new THREE.Vector3();
-
 	class Gyroscope extends THREE.Object3D {
 
 		constructor() {
@@ -19,10 +13,11 @@
 			super();
 
 		}
-
 		updateMatrixWorld( force ) {
 
-			this.matrixAutoUpdate && this.updateMatrix(); // update matrixWorld
+			this.matrixAutoUpdate && this.updateMatrix();
+
+			// update matrixWorld
 
 			if ( this.matrixWorldNeedsUpdate || force ) {
 
@@ -42,8 +37,9 @@
 				this.matrixWorldNeedsUpdate = false;
 				force = true;
 
-			} // update children
+			}
 
+			// update children
 
 			for ( let i = 0, l = this.children.length; i < l; i ++ ) {
 

package/examples/js/misc/MD2Character.js

@@ -14,17 +14,14 @@
 			this.weapons = [];
 			this.activeAnimation = null;
 			this.mixer = null;
-
 			this.onLoadComplete = function () {};
 
 			this.loadCounter = 0;
 
 		}
-
 		loadParts( config ) {
 
 			const scope = this;
-
 			function createPart( geometry, skinMap ) {
 
 				const materialWireframe = new THREE.MeshLambertMaterial( {
@@ -35,12 +32,16 @@
 					color: 0xffffff,
 					wireframe: false,
 					map: skinMap
-				} ); //
+				} );
+
+				//
 
 				const mesh = new THREE.Mesh( geometry, materialTexture );
 				mesh.rotation.y = - Math.PI / 2;
 				mesh.castShadow = true;
-				mesh.receiveShadow = true; //
+				mesh.receiveShadow = true;
+
+				//
 
 				mesh.materialTexture = materialTexture;
 				mesh.materialWireframe = materialWireframe;
@@ -52,7 +53,6 @@
 
 				const textureLoader = new THREE.TextureLoader();
 				const textures = [];
-
 				for ( let i = 0; i < textureUrls.length; i ++ ) {
 
 					textures[ i ] = textureLoader.load( baseUrl + textureUrls[ i ], checkLoadingComplete );
@@ -75,12 +75,13 @@
 
 			this.loadCounter = config.weapons.length * 2 + config.skins.length + 1;
 			const weaponsTextures = [];
-
-			for ( let i = 0; i < config.weapons.length; i ++ ) weaponsTextures[ i ] = config.weapons[ i ][ 1 ]; // SKINS
-
+			for ( let i = 0; i < config.weapons.length; i ++ ) weaponsTextures[ i ] = config.weapons[ i ][ 1 ];
+			// SKINS
 
 			this.skinsBody = loadTextures( config.baseUrl + 'skins/', config.skins );
-			this.skinsWeapon = loadTextures( config.baseUrl + 'skins/', weaponsTextures ); // BODY
+			this.skinsWeapon = loadTextures( config.baseUrl + 'skins/', weaponsTextures );
+
+			// BODY
 
 			const loader = new THREE.MD2Loader();
 			loader.load( config.baseUrl + config.body, function ( geo ) {
@@ -97,7 +98,9 @@
 				scope.mixer = new THREE.AnimationMixer( mesh );
 				checkLoadingComplete();
 
-			} ); // WEAPONS
+			} );
+
+			// WEAPONS
 
 			const generateCallback = function ( index, name ) {
 
@@ -123,7 +126,6 @@
 			}
 
 		}
-
 		setPlaybackRate( rate ) {
 
 			if ( rate !== 0 ) {
@@ -137,7 +139,6 @@
 			}
 
 		}
-
 		setWireframe( wireframeEnabled ) {
 
 			if ( wireframeEnabled ) {
@@ -153,7 +154,6 @@
 			}
 
 		}
-
 		setSkin( index ) {
 
 			if ( this.meshBody && this.meshBody.material.wireframe === false ) {
@@ -163,13 +163,10 @@
 			}
 
 		}
-
 		setWeapon( index ) {
 
 			for ( let i = 0; i < this.weapons.length; i ++ ) this.weapons[ i ].visible = false;
-
 			const activeWeapon = this.weapons[ index ];
-
 			if ( activeWeapon ) {
 
 				activeWeapon.visible = true;
@@ -179,7 +176,6 @@
 			}
 
 		}
-
 		setAnimation( clipName ) {
 
 			if ( this.meshBody ) {
@@ -192,7 +188,6 @@
 				}
 
 				const action = this.mixer.clipAction( clipName, this.meshBody );
-
 				if ( action ) {
 
 					this.meshBody.activeAction = action.play();
@@ -205,11 +200,9 @@
 			this.syncWeaponAnimation();
 
 		}
-
 		syncWeaponAnimation() {
 
 			const clipName = this.activeClipName;
-
 			if ( this.meshWeapon ) {
 
 				if ( this.meshWeapon.activeAction ) {
@@ -220,7 +213,6 @@
 				}
 
 				const action = this.mixer.clipAction( clipName, this.meshWeapon );
-
 				if ( action ) {
 
 					this.meshWeapon.activeAction = action.syncWith( this.meshBody.activeAction ).play();
@@ -230,7 +222,6 @@
 			}
 
 		}
-
 		update( delta ) {
 
 			if ( this.mixer ) this.mixer.update( delta );