@needle-tools/three 0.145.2 → 0.146.1

package/examples/js/utils/PackedPhongMaterial.js

@@ -5,7 +5,6 @@
  *
  * @param {Object} parameters
  */
-
 	class PackedPhongMaterial extends THREE.MeshPhongMaterial {
 
 		constructor( parameters ) {
@@ -91,10 +90,13 @@
 					#if USE_PACKED_POSITION == 0
 						transformed = ( vec4(transformed, 1.0) * quantizeMatPos ).xyz;
 					#endif
-				#endif`, THREE.ShaderChunk.morphtarget_vertex, THREE.ShaderChunk.skinning_vertex, THREE.ShaderChunk.displacementmap_vertex, THREE.ShaderChunk.project_vertex, THREE.ShaderChunk.logdepthbuf_vertex, THREE.ShaderChunk.clipping_planes_vertex, 'vViewPosition = - mvPosition.xyz;', THREE.ShaderChunk.worldpos_vertex, THREE.ShaderChunk.envmap_vertex, THREE.ShaderChunk.shadowmap_vertex, THREE.ShaderChunk.fog_vertex, '}' ].join( '\n' ); // Use the original THREE.MeshPhongMaterial's fragmentShader.
+				#endif`, THREE.ShaderChunk.morphtarget_vertex, THREE.ShaderChunk.skinning_vertex, THREE.ShaderChunk.displacementmap_vertex, THREE.ShaderChunk.project_vertex, THREE.ShaderChunk.logdepthbuf_vertex, THREE.ShaderChunk.clipping_planes_vertex, 'vViewPosition = - mvPosition.xyz;', THREE.ShaderChunk.worldpos_vertex, THREE.ShaderChunk.envmap_vertex, THREE.ShaderChunk.shadowmap_vertex, THREE.ShaderChunk.fog_vertex, '}' ].join( '\n' );
 
-			this.fragmentShader = [ '#define PHONG', 'uniform vec3 diffuse;', 'uniform vec3 emissive;', 'uniform vec3 specular;', 'uniform float shininess;', 'uniform float opacity;', THREE.ShaderChunk.common, THREE.ShaderChunk.packing, THREE.ShaderChunk.dithering_pars_fragment, THREE.ShaderChunk.color_pars_fragment, THREE.ShaderChunk.uv_pars_fragment, THREE.ShaderChunk.uv2_pars_fragment, THREE.ShaderChunk.map_pars_fragment, THREE.ShaderChunk.alphamap_pars_fragment, THREE.ShaderChunk.aomap_pars_fragment, THREE.ShaderChunk.lightmap_pars_fragment, THREE.ShaderChunk.emissivemap_pars_fragment, THREE.ShaderChunk.envmap_common_pars_fragment, THREE.ShaderChunk.envmap_pars_fragment, THREE.ShaderChunk.fog_pars_fragment, THREE.ShaderChunk.bsdfs, THREE.ShaderChunk.lights_pars_begin, THREE.ShaderChunk.normal_pars_fragment, THREE.ShaderChunk.lights_phong_pars_fragment, THREE.ShaderChunk.shadowmap_pars_fragment, THREE.ShaderChunk.bumpmap_pars_fragment, THREE.ShaderChunk.normalmap_pars_fragment, THREE.ShaderChunk.specularmap_pars_fragment, THREE.ShaderChunk.logdepthbuf_pars_fragment, THREE.ShaderChunk.clipping_planes_pars_fragment, 'void main() {', THREE.ShaderChunk.clipping_planes_fragment, 'vec4 diffuseColor = vec4( diffuse, opacity );', 'ReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );', 'vec3 totalEmissiveRadiance = emissive;', THREE.ShaderChunk.logdepthbuf_fragment, THREE.ShaderChunk.map_fragment, THREE.ShaderChunk.color_fragment, THREE.ShaderChunk.alphamap_fragment, THREE.ShaderChunk.alphatest_fragment, THREE.ShaderChunk.specularmap_fragment, THREE.ShaderChunk.normal_fragment_begin, THREE.ShaderChunk.normal_fragment_maps, THREE.ShaderChunk.emissivemap_fragment, // accumulation
-				THREE.ShaderChunk.lights_phong_fragment, THREE.ShaderChunk.lights_fragment_begin, THREE.ShaderChunk.lights_fragment_maps, THREE.ShaderChunk.lights_fragment_end, // modulation
+			// Use the original THREE.MeshPhongMaterial's fragmentShader.
+			this.fragmentShader = [ '#define PHONG', 'uniform vec3 diffuse;', 'uniform vec3 emissive;', 'uniform vec3 specular;', 'uniform float shininess;', 'uniform float opacity;', THREE.ShaderChunk.common, THREE.ShaderChunk.packing, THREE.ShaderChunk.dithering_pars_fragment, THREE.ShaderChunk.color_pars_fragment, THREE.ShaderChunk.uv_pars_fragment, THREE.ShaderChunk.uv2_pars_fragment, THREE.ShaderChunk.map_pars_fragment, THREE.ShaderChunk.alphamap_pars_fragment, THREE.ShaderChunk.aomap_pars_fragment, THREE.ShaderChunk.lightmap_pars_fragment, THREE.ShaderChunk.emissivemap_pars_fragment, THREE.ShaderChunk.envmap_common_pars_fragment, THREE.ShaderChunk.envmap_pars_fragment, THREE.ShaderChunk.fog_pars_fragment, THREE.ShaderChunk.bsdfs, THREE.ShaderChunk.lights_pars_begin, THREE.ShaderChunk.normal_pars_fragment, THREE.ShaderChunk.lights_phong_pars_fragment, THREE.ShaderChunk.shadowmap_pars_fragment, THREE.ShaderChunk.bumpmap_pars_fragment, THREE.ShaderChunk.normalmap_pars_fragment, THREE.ShaderChunk.specularmap_pars_fragment, THREE.ShaderChunk.logdepthbuf_pars_fragment, THREE.ShaderChunk.clipping_planes_pars_fragment, 'void main() {', THREE.ShaderChunk.clipping_planes_fragment, 'vec4 diffuseColor = vec4( diffuse, opacity );', 'ReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );', 'vec3 totalEmissiveRadiance = emissive;', THREE.ShaderChunk.logdepthbuf_fragment, THREE.ShaderChunk.map_fragment, THREE.ShaderChunk.color_fragment, THREE.ShaderChunk.alphamap_fragment, THREE.ShaderChunk.alphatest_fragment, THREE.ShaderChunk.specularmap_fragment, THREE.ShaderChunk.normal_fragment_begin, THREE.ShaderChunk.normal_fragment_maps, THREE.ShaderChunk.emissivemap_fragment,
+				// accumulation
+				THREE.ShaderChunk.lights_phong_fragment, THREE.ShaderChunk.lights_fragment_begin, THREE.ShaderChunk.lights_fragment_maps, THREE.ShaderChunk.lights_fragment_end,
+				// modulation
 				THREE.ShaderChunk.aomap_fragment, 'vec3 outgoingLight = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse + reflectedLight.directSpecular + reflectedLight.indirectSpecular + totalEmissiveRadiance;', THREE.ShaderChunk.envmap_fragment, 'gl_FragColor = vec4( outgoingLight, diffuseColor.a );', THREE.ShaderChunk.tonemapping_fragment, THREE.ShaderChunk.encodings_fragment, THREE.ShaderChunk.fog_fragment, THREE.ShaderChunk.premultiplied_alpha_fragment, THREE.ShaderChunk.dithering_fragment, '}' ].join( '\n' );
 			this.setValues( parameters );
 

package/examples/js/utils/SceneUtils.js

@@ -1,12 +1,13 @@
 ( function () {
 
+	const _color = /*@__PURE__*/new THREE.Color();
+	const _matrix = /*@__PURE__*/new THREE.Matrix4();
 	function createMeshesFromInstancedMesh( instancedMesh ) {
 
 		const group = new THREE.Group();
 		const count = instancedMesh.count;
 		const geometry = instancedMesh.geometry;
 		const material = instancedMesh.material;
-
 		for ( let i = 0; i < count; i ++ ) {
 
 			const mesh = new THREE.Mesh( geometry, material );
@@ -33,12 +34,16 @@
 		}
 
 		const object = new THREE.Group();
-		object.copy( mesh ); // merge groups (which automatically sorts them)
+		object.copy( mesh );
+
+		// merge groups (which automatically sorts them)
 
 		const geometry = THREE.mergeGroups( mesh.geometry );
 		const index = geometry.index;
 		const groups = geometry.groups;
-		const attributeNames = Object.keys( geometry.attributes ); // create a mesh for each group by extracting the buffer data into a new geometry
+		const attributeNames = Object.keys( geometry.attributes );
+
+		// create a mesh for each group by extracting the buffer data into a new geometry
 
 		for ( let i = 0; i < groups.length; i ++ ) {
 
@@ -46,7 +51,9 @@
 			const start = group.start;
 			const end = start + group.count;
 			const newGeometry = new THREE.BufferGeometry();
-			const newMaterial = mesh.material[ group.materialIndex ]; // process all buffer attributes
+			const newMaterial = mesh.material[ group.materialIndex ];
+
+			// process all buffer attributes
 
 			for ( let j = 0; j < attributeNames.length; j ++ ) {
 
@@ -57,7 +64,6 @@
 				const type = attribute.array.constructor;
 				const newArray = new type( newLength );
 				const newAttribute = new THREE.BufferAttribute( newArray, itemSize );
-
 				for ( let k = start, n = 0; k < end; k ++, n ++ ) {
 
 					const ind = index.getX( k );
@@ -84,7 +90,6 @@
 	function createMultiMaterialObject( geometry, materials ) {
 
 		const group = new THREE.Group();
-
 		for ( let i = 0, l = materials.length; i < l; i ++ ) {
 
 			group.add( new THREE.Mesh( geometry, materials[ i ] ) );
@@ -95,9 +100,115 @@
 
 	}
 
+	function reduceVertices( object, func, initialValue ) {
+
+		let value = initialValue;
+		const vertex = new THREE.Vector3();
+		object.updateWorldMatrix( true, true );
+		object.traverseVisible( child => {
+
+			const {
+				geometry
+			} = child;
+			if ( geometry !== undefined ) {
+
+				const {
+					position
+				} = geometry.attributes;
+				if ( position !== undefined ) {
+
+					for ( let i = 0, l = position.count; i < l; i ++ ) {
+
+						vertex.fromBufferAttribute( position, i );
+						if ( child.isSkinnedMesh ) {
+
+							child.boneTransform( i, vertex );
+
+						} else {
+
+							vertex.applyMatrix4( child.matrixWorld );
+
+						}
+
+						value = func( value, vertex );
+
+					}
+
+				}
+
+			}
+
+		} );
+		return value;
+
+	}
+
+	/**
+ * @param {InstancedMesh}
+ * @param {function(int, int):int}
+ */
+	function sortInstancedMesh( mesh, compareFn ) {
+
+		// store copy of instanced attributes for lookups
+
+		const instanceMatrixRef = THREE.deepCloneAttribute( mesh.instanceMatrix );
+		const instanceColorRef = mesh.instanceColor ? THREE.deepCloneAttribute( mesh.instanceColor ) : null;
+		const attributeRefs = new Map();
+		for ( const name in mesh.geometry.attributes ) {
+
+			const attribute = mesh.geometry.attributes[ name ];
+			if ( attribute.isInstancedBufferAttribute ) {
+
+				attributeRefs.set( attribute, THREE.deepCloneAttribute( attribute ) );
+
+			}
+
+		}
+
+		// compute sort order
+
+		const tokens = [];
+		for ( let i = 0; i < mesh.count; i ++ ) tokens.push( i );
+		tokens.sort( compareFn );
+
+		// apply sort order
+
+		for ( let i = 0; i < tokens.length; i ++ ) {
+
+			const refIndex = tokens[ i ];
+			_matrix.fromArray( instanceMatrixRef.array, refIndex * mesh.instanceMatrix.itemSize );
+			_matrix.toArray( mesh.instanceMatrix.array, i * mesh.instanceMatrix.itemSize );
+			if ( mesh.instanceColor ) {
+
+				_color.fromArray( instanceColorRef.array, refIndex * mesh.instanceColor.itemSize );
+				_color.toArray( mesh.instanceColor.array, i * mesh.instanceColor.itemSize );
+
+			}
+
+			for ( const name in mesh.geometry.attributes ) {
+
+				const attribute = mesh.geometry.attributes[ name ];
+				if ( attribute.isInstancedBufferAttribute ) {
+
+					const attributeRef = attributeRefs.get( attribute );
+					attribute.setX( i, attributeRef.getX( refIndex ) );
+					if ( attribute.itemSize > 1 ) attribute.setY( i, attributeRef.getY( refIndex ) );
+					if ( attribute.itemSize > 2 ) attribute.setZ( i, attributeRef.getZ( refIndex ) );
+					if ( attribute.itemSize > 3 ) attribute.setW( i, attributeRef.getW( refIndex ) );
+
+				}
+
+			}
+
+		}
+
+	}
+
 	THREE.SceneUtils = {};
 	THREE.SceneUtils.createMeshesFromInstancedMesh = createMeshesFromInstancedMesh;
 	THREE.SceneUtils.createMeshesFromMultiMaterialMesh = createMeshesFromMultiMaterialMesh;
 	THREE.SceneUtils.createMultiMaterialObject = createMultiMaterialObject;
+	THREE.SceneUtils.reduceVertices = reduceVertices;
+	THREE.SceneUtils.sortInstancedMesh = sortInstancedMesh;
 
 } )();

package/examples/js/utils/ShadowMapViewer.js

@@ -34,8 +34,9 @@
 			//- Internals
 			const scope = this;
 			const doRenderLabel = light.name !== undefined && light.name !== '';
-			let userAutoClearSetting; //Holds the initial position and dimension of the HUD
+			let userAutoClearSetting;
 
+			//Holds the initial position and dimension of the HUD
 			const frame = {
 				x: 10,
 				y: 10,
@@ -44,8 +45,9 @@
 			};
 			const camera = new THREE.OrthographicCamera( window.innerWidth / - 2, window.innerWidth / 2, window.innerHeight / 2, window.innerHeight / - 2, 1, 10 );
 			camera.position.set( 0, 0, 2 );
-			const scene = new THREE.Scene(); //HUD for shadow map
+			const scene = new THREE.Scene();
 
+			//HUD for shadow map
 			const shader = THREE.UnpackDepthRGBAShader;
 			const uniforms = THREE.UniformsUtils.clone( shader.uniforms );
 			const material = new THREE.ShaderMaterial( {
@@ -55,10 +57,10 @@
 			} );
 			const plane = new THREE.PlaneGeometry( frame.width, frame.height );
 			const mesh = new THREE.Mesh( plane, material );
-			scene.add( mesh ); //Label for light's name
+			scene.add( mesh );
 
+			//Label for light's name
 			let labelCanvas, labelMesh;
-
 			if ( doRenderLabel ) {
 
 				labelCanvas = document.createElement( 'canvas' );
@@ -90,12 +92,13 @@
 
 				scope.position.set( scope.position.x, scope.position.y );
 
-			} //- API
-			// Set to false to disable displaying this shadow map
-
+			}
 
-			this.enabled = true; // Set the size of the displayed shadow map on the HUD
+			//- API
+			// Set to false to disable displaying this shadow map
+			this.enabled = true;
 
+			// Set the size of the displayed shadow map on the HUD
 			this.size = {
 				width: frame.width,
 				height: frame.height,
@@ -103,13 +106,15 @@
 
 					this.width = width;
 					this.height = height;
-					mesh.scale.set( this.width / frame.width, this.height / frame.height, 1 ); //Reset the position as it is off when we scale stuff
+					mesh.scale.set( this.width / frame.width, this.height / frame.height, 1 );
 
+					//Reset the position as it is off when we scale stuff
 					resetPosition();
 
 				}
-			}; // Set the position of the displayed shadow map on the HUD
+			};
 
+			// Set the position of the displayed shadow map on the HUD
 			this.position = {
 				x: frame.x,
 				y: frame.y,
@@ -124,7 +129,6 @@
 
 				}
 			};
-
 			this.render = function ( renderer ) {
 
 				if ( this.enabled ) {
@@ -137,7 +141,6 @@
 					uniforms.tDiffuse.value = light.shadow.map.texture;
 					userAutoClearSetting = renderer.autoClear;
 					renderer.autoClear = false; // To allow render overlay
-
 					renderer.clearDepth();
 					renderer.render( scene, camera );
 					renderer.autoClear = userAutoClearSetting; //Restore user's setting
@@ -166,9 +169,9 @@
 				this.position.set( this.position.x, this.position.y );
 				this.size.set( this.size.width, this.size.height );
 
-			}; //Force an update to set position/size
-
+			};
 
+			//Force an update to set position/size
 			this.update();
 
 		}

package/examples/js/utils/SkeletonUtils.js

@@ -16,7 +16,9 @@
 		options.names = options.names || {};
 		const sourceBones = source.isObject3D ? source.skeleton.bones : getBones( source ),
 			bones = target.isObject3D ? target.skeleton.bones : getBones( target );
-		let bindBones, bone, name, boneTo, bonesPosition; // reset bones
+		let bindBones, bone, name, boneTo, bonesPosition;
+
+		// reset bones
 
 		if ( target.isObject3D ) {
 
@@ -32,7 +34,6 @@
 		if ( options.preservePosition ) {
 
 			bonesPosition = [];
-
 			for ( let i = 0; i < bones.length; i ++ ) {
 
 				bonesPosition.push( bones[ i ].position.clone() );
@@ -44,8 +45,11 @@
 		if ( options.preserveMatrix ) {
 
 			// reset matrix
+
 			target.updateMatrixWorld();
-			target.matrixWorld.identity(); // reset children matrix
+			target.matrixWorld.identity();
+
+			// reset children matrix
 
 			for ( let i = 0; i < target.children.length; ++ i ) {
 
@@ -58,12 +62,10 @@
 		if ( options.offsets ) {
 
 			bindBones = [];
-
 			for ( let i = 0; i < bones.length; ++ i ) {
 
 				bone = bones[ i ];
 				name = options.names[ bone.name ] || bone.name;
-
 				if ( options.offsets[ name ] ) {
 
 					bone.matrix.multiply( options.offsets[ name ] );
@@ -84,11 +86,9 @@
 			name = options.names[ bone.name ] || bone.name;
 			boneTo = getBoneByName( name, sourceBones );
 			globalMatrix.copy( bone.matrixWorld );
-
 			if ( boneTo ) {
 
 				boneTo.updateMatrixWorld();
-
 				if ( options.useTargetMatrix ) {
 
 					relativeMatrix.copy( boneTo.matrixWorld );
@@ -98,14 +98,16 @@
 					relativeMatrix.copy( target.matrixWorld ).invert();
 					relativeMatrix.multiply( boneTo.matrixWorld );
 
-				} // ignore scale to extract rotation
+				}
 
+				// ignore scale to extract rotation
 
 				scale.setFromMatrixScale( relativeMatrix );
-				relativeMatrix.scale( scale.set( 1 / scale.x, 1 / scale.y, 1 / scale.z ) ); // apply to global matrix
+				relativeMatrix.scale( scale.set( 1 / scale.x, 1 / scale.y, 1 / scale.z ) );
 
-				globalMatrix.makeRotationFromQuaternion( quat.setFromRotationMatrix( relativeMatrix ) );
+				// apply to global matrix
 
+				globalMatrix.makeRotationFromQuaternion( quat.setFromRotationMatrix( relativeMatrix ) );
 				if ( target.isObject3D ) {
 
 					const boneIndex = bones.indexOf( bone ),
@@ -146,7 +148,6 @@
 
 				bone = bones[ i ];
 				name = options.names[ bone.name ] || bone.name;
-
 				if ( name !== options.hip ) {
 
 					bone.position.copy( bonesPosition[ i ] );
@@ -160,6 +161,7 @@
 		if ( options.preserveMatrix ) {
 
 			// restore matrix
+
 			target.updateMatrixWorld( true );
 
 		}
@@ -171,7 +173,6 @@
 		options.useFirstFramePosition = options.useFirstFramePosition !== undefined ? options.useFirstFramePosition : false;
 		options.fps = options.fps !== undefined ? options.fps : 30;
 		options.names = options.names || [];
-
 		if ( ! source.isObject3D ) {
 
 			source = getHelperFromSkeleton( source );
@@ -188,24 +189,20 @@
 		mixer.clipAction( clip ).play();
 		mixer.update( 0 );
 		source.updateMatrixWorld();
-
 		for ( let i = 0; i < numFrames; ++ i ) {
 
 			const time = i * delta;
 			retarget( target, source, options );
-
 			for ( let j = 0; j < bones.length; ++ j ) {
 
 				name = options.names[ bones[ j ].name ] || bones[ j ].name;
 				boneTo = getBoneByName( name, source.skeleton );
-
 				if ( boneTo ) {
 
 					bone = bones[ j ];
 					boneData = boneDatas[ j ] = boneDatas[ j ] || {
 						bone: bone
 					};
-
 					if ( options.hip === name ) {
 
 						if ( ! boneData.pos ) {
@@ -258,7 +255,6 @@
 		for ( let i = 0; i < boneDatas.length; ++ i ) {
 
 			boneData = boneDatas[ i ];
-
 			if ( boneData ) {
 
 				if ( boneData.pos ) {
@@ -296,7 +292,6 @@
 			sourceDir = new THREE.Vector2();
 		options.hip = options.hip !== undefined ? options.hip : 'hip';
 		options.names = options.names || {};
-
 		if ( ! source.isObject3D ) {
 
 			source = getHelperFromSkeleton( source );
@@ -310,13 +305,11 @@
 			offsets = [];
 		let bone, boneTo, name, i;
 		target.skeleton.pose();
-
 		for ( i = 0; i < bones.length; ++ i ) {
 
 			bone = bones[ i ];
 			name = options.names[ bone.name ] || bone.name;
 			boneTo = getBoneByName( name, sourceBones );
-
 			if ( boneTo && name !== options.hip ) {
 
 				const boneParent = getNearestBone( bone.parent, nameKeys ),
@@ -347,11 +340,9 @@
 	function renameBones( skeleton, names ) {
 
 		const bones = getBones( skeleton );
-
 		for ( let i = 0; i < bones.length; ++ i ) {
 
 			const bone = bones[ i ];
-
 			if ( names[ bone.name ] ) {
 
 				bone.name = names[ bone.name ];
@@ -402,13 +393,11 @@
 			result = {
 				name: name
 			};
-
 		for ( let i = 0; i < tracks.length; ++ i ) {
 
 			// 1 is track name
 			// 2 is track type
 			const trackData = regexp.exec( tracks[ i ].name );
-
 			if ( trackData && name === trackData[ 1 ] ) {
 
 				result[ trackData[ 2 ] ] = i;
@@ -426,11 +415,9 @@
 		const sourceBones = getBones( skeleton ),
 			targetBones = getBones( targetSkeleton ),
 			bones = [];
-
 		search: for ( let i = 0; i < sourceBones.length; i ++ ) {
 
 			const boneName = sourceBones[ i ].name;
-
 			for ( let j = 0; j < targetBones.length; j ++ ) {
 
 				if ( boneName === targetBones[ j ].name ) {
@@ -482,7 +469,6 @@
 	function parallelTraverse( a, b, callback ) {
 
 		callback( a, b );
-
 		for ( let i = 0; i < a.children.length; i ++ ) {
 
 			parallelTraverse( a.children[ i ], b.children[ i ], callback );

package/examples/js/utils/UVsDebug.js

@@ -11,6 +11,7 @@
 	function UVsDebug( geometry, size = 1024 ) {
 
 		// handles wrapping of uv.x > 1 only
+
 		const abc = 'abc';
 		const a = new THREE.Vector2();
 		const b = new THREE.Vector2();
@@ -18,23 +19,24 @@
 		const face = [];
 		const canvas = document.createElement( 'canvas' );
 		const width = size; // power of 2 required for wrapping
-
 		const height = size;
 		canvas.width = width;
 		canvas.height = height;
 		const ctx = canvas.getContext( '2d' );
 		ctx.lineWidth = 1;
 		ctx.strokeStyle = 'rgb( 63, 63, 63 )';
-		ctx.textAlign = 'center'; // paint background white
+		ctx.textAlign = 'center';
+
+		// paint background white
 
 		ctx.fillStyle = 'rgb( 255, 255, 255 )';
 		ctx.fillRect( 0, 0, width, height );
 		const index = geometry.index;
 		const uvAttribute = geometry.attributes.uv;
-
 		if ( index ) {
 
 			// indexed geometry
+
 			for ( let i = 0, il = index.count; i < il; i += 3 ) {
 
 				face[ 0 ] = index.getX( i );
@@ -50,6 +52,7 @@
 		} else {
 
 			// non-indexed geometry
+
 			for ( let i = 0, il = uvAttribute.count; i < il; i += 3 ) {
 
 				face[ 0 ] = i;
@@ -65,19 +68,17 @@
 		}
 
 		return canvas;
-
 		function processFace( face, uvs, index ) {
 
 			// draw contour of face
+
 			ctx.beginPath();
 			a.set( 0, 0 );
-
 			for ( let j = 0, jl = uvs.length; j < jl; j ++ ) {
 
 				const uv = uvs[ j ];
 				a.x += uv.x;
 				a.y += uv.y;
-
 				if ( j === 0 ) {
 
 					ctx.moveTo( uv.x * ( width - 2 ) + 0.5, ( 1 - uv.y ) * ( height - 2 ) + 0.5 );
@@ -91,24 +92,31 @@
 			}
 
 			ctx.closePath();
-			ctx.stroke(); // calculate center of face
+			ctx.stroke();
+
+			// calculate center of face
+
+			a.divideScalar( uvs.length );
 
-			a.divideScalar( uvs.length ); // label the face number
+			// label the face number
 
 			ctx.font = '18px Arial';
 			ctx.fillStyle = 'rgb( 63, 63, 63 )';
 			ctx.fillText( index, a.x * width, ( 1 - a.y ) * height );
-
 			if ( a.x > 0.95 ) {
 
 				// wrap x // 0.95 is arbitrary
+
 				ctx.fillText( index, a.x % 1 * width, ( 1 - a.y ) * height );
 
-			} //
+			}
 
+			//
 
 			ctx.font = '12px Arial';
-			ctx.fillStyle = 'rgb( 191, 191, 191 )'; // label uv edge orders
+			ctx.fillStyle = 'rgb( 191, 191, 191 )';
+
+			// label uv edge orders
 
 			for ( let j = 0, jl = uvs.length; j < jl; j ++ ) {
 
@@ -116,10 +124,10 @@
 				b.addVectors( a, uv ).divideScalar( 2 );
 				const vnum = face[ j ];
 				ctx.fillText( abc[ j ] + vnum, b.x * width, ( 1 - b.y ) * height );
-
 				if ( b.x > 0.95 ) {
 
 					// wrap x
+
 					ctx.fillText( abc[ j ] + vnum, b.x % 1 * width, ( 1 - b.y ) * height );
 
 				}

package/examples/js/utils/WorkerPool.js

@@ -3,6 +3,7 @@
 	/**
  * @author Deepkolos / https://github.com/deepkolos
  */
+
 	class WorkerPool {
 
 		constructor( pool = 4 ) {
@@ -14,7 +15,6 @@
 			this.workerStatus = 0;
 
 		}
-
 		_initWorker( workerId ) {
 
 			if ( ! this.workers[ workerId ] ) {
@@ -26,20 +26,16 @@
 			}
 
 		}
-
 		_getIdleWorker() {
 
 			for ( let i = 0; i < this.pool; i ++ ) if ( ! ( this.workerStatus & 1 << i ) ) return i;
-
 			return - 1;
 
 		}
-
 		_onMessage( workerId, msg ) {
 
 			const resolve = this.workersResolve[ workerId ];
 			resolve && resolve( msg );
-
 			if ( this.queue.length ) {
 
 				const {
@@ -57,29 +53,24 @@
 			}
 
 		}
-
 		setWorkerCreator( workerCreator ) {
 
 			this.workerCreator = workerCreator;
 
 		}
-
 		setWorkerLimit( pool ) {
 
 			this.pool = pool;
 
 		}
-
 		postMessage( msg, transfer ) {
 
 			return new Promise( resolve => {
 
 				const workerId = this._getIdleWorker();
-
 				if ( workerId !== - 1 ) {
 
 					this._initWorker( workerId );
-
 					this.workerStatus |= 1 << workerId;
 					this.workersResolve[ workerId ] = resolve;
 					this.workers[ workerId ].postMessage( msg, transfer );
@@ -97,7 +88,6 @@
 			} );
 
 		}
-
 		dispose() {
 
 			this.workers.forEach( worker => worker.terminate() );

package/examples/jsm/animation/CCDIKSolver.js

@@ -217,7 +217,7 @@ class CCDIKSolver {
 	 */
 	createHelper() {
 
-		return new CCDIKHelper( this.mesh, this.mesh.geometry.userData.MMD.iks );
+		return new CCDIKHelper( this.mesh, this.iks );
 
 	}