@needle-tools/three 0.145.4 → 0.146.2

package/examples/js/geometries/RoundedBoxGeometry.js

@@ -1,25 +1,24 @@
 ( function () {
 
 	const _tempNormal = new THREE.Vector3();
-
 	function getUv( faceDirVector, normal, uvAxis, projectionAxis, radius, sideLength ) {
 
-		const totArcLength = 2 * Math.PI * radius / 4; // length of the planes between the arcs on each axis
+		const totArcLength = 2 * Math.PI * radius / 4;
 
+		// length of the planes between the arcs on each axis
 		const centerLength = Math.max( sideLength - 2 * radius, 0 );
-		const halfArc = Math.PI / 4; // Get the vector projected onto the Y plane
+		const halfArc = Math.PI / 4;
 
+		// Get the vector projected onto the Y plane
 		_tempNormal.copy( normal );
-
 		_tempNormal[ projectionAxis ] = 0;
+		_tempNormal.normalize();
 
-		_tempNormal.normalize(); // total amount of UV space alloted to a single arc
-
-
-		const arcUvRatio = 0.5 * totArcLength / ( totArcLength + centerLength ); // the distance along one arc the point is at
+		// total amount of UV space alloted to a single arc
+		const arcUvRatio = 0.5 * totArcLength / ( totArcLength + centerLength );
 
+		// the distance along one arc the point is at
 		const arcAngleRatio = 1.0 - _tempNormal.angleTo( faceDirVector ) / halfArc;
-
 		if ( Math.sign( _tempNormal[ uvAxis ] ) === 1 ) {
 
 			return arcAngleRatio * arcUvRatio;
@@ -39,17 +38,21 @@
 		constructor( width = 1, height = 1, depth = 1, segments = 2, radius = 0.1 ) {
 
 			// ensure segments is odd so we have a plane connecting the rounded corners
-			segments = segments * 2 + 1; // ensure radius isn't bigger than shortest side
+			segments = segments * 2 + 1;
 
+			// ensure radius isn't bigger than shortest side
 			radius = Math.min( width / 2, height / 2, depth / 2, radius );
-			super( 1, 1, 1, segments, segments, segments ); // if we just have one segment we're the same as a regular box
+			super( 1, 1, 1, segments, segments, segments );
 
+			// if we just have one segment we're the same as a regular box
 			if ( segments === 1 ) return;
 			const geometry2 = this.toNonIndexed();
 			this.index = null;
 			this.attributes.position = geometry2.attributes.position;
 			this.attributes.normal = geometry2.attributes.normal;
-			this.attributes.uv = geometry2.attributes.uv; //
+			this.attributes.uv = geometry2.attributes.uv;
+
+			//
 
 			const position = new THREE.Vector3();
 			const normal = new THREE.Vector3();
@@ -60,7 +63,6 @@
 			const faceTris = positions.length / 6;
 			const faceDirVector = new THREE.Vector3();
 			const halfSegmentSize = 0.5 / segments;
-
 			for ( let i = 0, j = 0; i < positions.length; i += 3, j += 2 ) {
 
 				position.fromArray( positions, i );
@@ -76,51 +78,51 @@
 				normals[ i + 1 ] = normal.y;
 				normals[ i + 2 ] = normal.z;
 				const side = Math.floor( i / faceTris );
-
 				switch ( side ) {
 
 					case 0:
 						// right
+
 						// generate UVs along Z then Y
 						faceDirVector.set( 1, 0, 0 );
 						uvs[ j + 0 ] = getUv( faceDirVector, normal, 'z', 'y', radius, depth );
 						uvs[ j + 1 ] = 1.0 - getUv( faceDirVector, normal, 'y', 'z', radius, height );
 						break;
-
 					case 1:
 						// left
+
 						// generate UVs along Z then Y
 						faceDirVector.set( - 1, 0, 0 );
 						uvs[ j + 0 ] = 1.0 - getUv( faceDirVector, normal, 'z', 'y', radius, depth );
 						uvs[ j + 1 ] = 1.0 - getUv( faceDirVector, normal, 'y', 'z', radius, height );
 						break;
-
 					case 2:
 						// top
+
 						// generate UVs along X then Z
 						faceDirVector.set( 0, 1, 0 );
 						uvs[ j + 0 ] = 1.0 - getUv( faceDirVector, normal, 'x', 'z', radius, width );
 						uvs[ j + 1 ] = getUv( faceDirVector, normal, 'z', 'x', radius, depth );
 						break;
-
 					case 3:
 						// bottom
+
 						// generate UVs along X then Z
 						faceDirVector.set( 0, - 1, 0 );
 						uvs[ j + 0 ] = 1.0 - getUv( faceDirVector, normal, 'x', 'z', radius, width );
 						uvs[ j + 1 ] = 1.0 - getUv( faceDirVector, normal, 'z', 'x', radius, depth );
 						break;
-
 					case 4:
 						// front
+
 						// generate UVs along X then Y
 						faceDirVector.set( 0, 0, 1 );
 						uvs[ j + 0 ] = 1.0 - getUv( faceDirVector, normal, 'x', 'y', radius, width );
 						uvs[ j + 1 ] = 1.0 - getUv( faceDirVector, normal, 'y', 'x', radius, height );
 						break;
-
 					case 5:
 						// back
+
 						// generate UVs along X then Y
 						faceDirVector.set( 0, 0, - 1 );
 						uvs[ j + 0 ] = getUv( faceDirVector, normal, 'x', 'y', radius, width );

package/examples/js/geometries/TeapotGeometry.js

@@ -53,37 +53,35 @@
 		constructor( size = 50, segments = 10, bottom = true, lid = true, body = true, fitLid = true, blinn = true ) {
 
 			// 32 * 4 * 4 Bezier spline patches
-			const teapotPatches = [
-				/*rim*/
-				0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 3, 16, 17, 18, 7, 19, 20, 21, 11, 22, 23, 24, 15, 25, 26, 27, 18, 28, 29, 30, 21, 31, 32, 33, 24, 34, 35, 36, 27, 37, 38, 39, 30, 40, 41, 0, 33, 42, 43, 4, 36, 44, 45, 8, 39, 46, 47, 12,
-				/*body*/
-				12, 13, 14, 15, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 15, 25, 26, 27, 51, 60, 61, 62, 55, 63, 64, 65, 59, 66, 67, 68, 27, 37, 38, 39, 62, 69, 70, 71, 65, 72, 73, 74, 68, 75, 76, 77, 39, 46, 47, 12, 71, 78, 79, 48, 74, 80, 81, 52, 77, 82, 83, 56, 56, 57, 58, 59, 84, 85, 86, 87, 88, 89, 90, 91, 92, 93, 94, 95, 59, 66, 67, 68, 87, 96, 97, 98, 91, 99, 100, 101, 95, 102, 103, 104, 68, 75, 76, 77, 98, 105, 106, 107, 101, 108, 109, 110, 104, 111, 112, 113, 77, 82, 83, 56, 107, 114, 115, 84, 110, 116, 117, 88, 113, 118, 119, 92,
-				/*handle*/
-				120, 121, 122, 123, 124, 125, 126, 127, 128, 129, 130, 131, 132, 133, 134, 135, 123, 136, 137, 120, 127, 138, 139, 124, 131, 140, 141, 128, 135, 142, 143, 132, 132, 133, 134, 135, 144, 145, 146, 147, 148, 149, 150, 151, 68, 152, 153, 154, 135, 142, 143, 132, 147, 155, 156, 144, 151, 157, 158, 148, 154, 159, 160, 68,
-				/*spout*/
-				161, 162, 163, 164, 165, 166, 167, 168, 169, 170, 171, 172, 173, 174, 175, 176, 164, 177, 178, 161, 168, 179, 180, 165, 172, 181, 182, 169, 176, 183, 184, 173, 173, 174, 175, 176, 185, 186, 187, 188, 189, 190, 191, 192, 193, 194, 195, 196, 176, 183, 184, 173, 188, 197, 198, 185, 192, 199, 200, 189, 196, 201, 202, 193,
-				/*lid*/
-				203, 203, 203, 203, 204, 205, 206, 207, 208, 208, 208, 208, 209, 210, 211, 212, 203, 203, 203, 203, 207, 213, 214, 215, 208, 208, 208, 208, 212, 216, 217, 218, 203, 203, 203, 203, 215, 219, 220, 221, 208, 208, 208, 208, 218, 222, 223, 224, 203, 203, 203, 203, 221, 225, 226, 204, 208, 208, 208, 208, 224, 227, 228, 209, 209, 210, 211, 212, 229, 230, 231, 232, 233, 234, 235, 236, 237, 238, 239, 240, 212, 216, 217, 218, 232, 241, 242, 243, 236, 244, 245, 246, 240, 247, 248, 249, 218, 222, 223, 224, 243, 250, 251, 252, 246, 253, 254, 255, 249, 256, 257, 258, 224, 227, 228, 209, 252, 259, 260, 229, 255, 261, 262, 233, 258, 263, 264, 237,
-				/*bottom*/
+			const teapotPatches = [/*rim*/
+				0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 3, 16, 17, 18, 7, 19, 20, 21, 11, 22, 23, 24, 15, 25, 26, 27, 18, 28, 29, 30, 21, 31, 32, 33, 24, 34, 35, 36, 27, 37, 38, 39, 30, 40, 41, 0, 33, 42, 43, 4, 36, 44, 45, 8, 39, 46, 47, 12, /*body*/
+				12, 13, 14, 15, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 15, 25, 26, 27, 51, 60, 61, 62, 55, 63, 64, 65, 59, 66, 67, 68, 27, 37, 38, 39, 62, 69, 70, 71, 65, 72, 73, 74, 68, 75, 76, 77, 39, 46, 47, 12, 71, 78, 79, 48, 74, 80, 81, 52, 77, 82, 83, 56, 56, 57, 58, 59, 84, 85, 86, 87, 88, 89, 90, 91, 92, 93, 94, 95, 59, 66, 67, 68, 87, 96, 97, 98, 91, 99, 100, 101, 95, 102, 103, 104, 68, 75, 76, 77, 98, 105, 106, 107, 101, 108, 109, 110, 104, 111, 112, 113, 77, 82, 83, 56, 107, 114, 115, 84, 110, 116, 117, 88, 113, 118, 119, 92, /*handle*/
+				120, 121, 122, 123, 124, 125, 126, 127, 128, 129, 130, 131, 132, 133, 134, 135, 123, 136, 137, 120, 127, 138, 139, 124, 131, 140, 141, 128, 135, 142, 143, 132, 132, 133, 134, 135, 144, 145, 146, 147, 148, 149, 150, 151, 68, 152, 153, 154, 135, 142, 143, 132, 147, 155, 156, 144, 151, 157, 158, 148, 154, 159, 160, 68, /*spout*/
+				161, 162, 163, 164, 165, 166, 167, 168, 169, 170, 171, 172, 173, 174, 175, 176, 164, 177, 178, 161, 168, 179, 180, 165, 172, 181, 182, 169, 176, 183, 184, 173, 173, 174, 175, 176, 185, 186, 187, 188, 189, 190, 191, 192, 193, 194, 195, 196, 176, 183, 184, 173, 188, 197, 198, 185, 192, 199, 200, 189, 196, 201, 202, 193, /*lid*/
+				203, 203, 203, 203, 204, 205, 206, 207, 208, 208, 208, 208, 209, 210, 211, 212, 203, 203, 203, 203, 207, 213, 214, 215, 208, 208, 208, 208, 212, 216, 217, 218, 203, 203, 203, 203, 215, 219, 220, 221, 208, 208, 208, 208, 218, 222, 223, 224, 203, 203, 203, 203, 221, 225, 226, 204, 208, 208, 208, 208, 224, 227, 228, 209, 209, 210, 211, 212, 229, 230, 231, 232, 233, 234, 235, 236, 237, 238, 239, 240, 212, 216, 217, 218, 232, 241, 242, 243, 236, 244, 245, 246, 240, 247, 248, 249, 218, 222, 223, 224, 243, 250, 251, 252, 246, 253, 254, 255, 249, 256, 257, 258, 224, 227, 228, 209, 252, 259, 260, 229, 255, 261, 262, 233, 258, 263, 264, 237, /*bottom*/
 				265, 265, 265, 265, 266, 267, 268, 269, 270, 271, 272, 273, 92, 119, 118, 113, 265, 265, 265, 265, 269, 274, 275, 276, 273, 277, 278, 279, 113, 112, 111, 104, 265, 265, 265, 265, 276, 280, 281, 282, 279, 283, 284, 285, 104, 103, 102, 95, 265, 265, 265, 265, 282, 286, 287, 266, 285, 288, 289, 270, 95, 94, 93, 92 ];
 			const teapotVertices = [ 1.4, 0, 2.4, 1.4, - 0.784, 2.4, 0.784, - 1.4, 2.4, 0, - 1.4, 2.4, 1.3375, 0, 2.53125, 1.3375, - 0.749, 2.53125, 0.749, - 1.3375, 2.53125, 0, - 1.3375, 2.53125, 1.4375, 0, 2.53125, 1.4375, - 0.805, 2.53125, 0.805, - 1.4375, 2.53125, 0, - 1.4375, 2.53125, 1.5, 0, 2.4, 1.5, - 0.84, 2.4, 0.84, - 1.5, 2.4, 0, - 1.5, 2.4, - 0.784, - 1.4, 2.4, - 1.4, - 0.784, 2.4, - 1.4, 0, 2.4, - 0.749, - 1.3375, 2.53125, - 1.3375, - 0.749, 2.53125, - 1.3375, 0, 2.53125, - 0.805, - 1.4375, 2.53125, - 1.4375, - 0.805, 2.53125, - 1.4375, 0, 2.53125, - 0.84, - 1.5, 2.4, - 1.5, - 0.84, 2.4, - 1.5, 0, 2.4, - 1.4, 0.784, 2.4, - 0.784, 1.4, 2.4, 0, 1.4, 2.4, - 1.3375, 0.749, 2.53125, - 0.749, 1.3375, 2.53125, 0, 1.3375, 2.53125, - 1.4375, 0.805, 2.53125, - 0.805, 1.4375, 2.53125, 0, 1.4375, 2.53125, - 1.5, 0.84, 2.4, - 0.84, 1.5, 2.4, 0, 1.5, 2.4, 0.784, 1.4, 2.4, 1.4, 0.784, 2.4, 0.749, 1.3375, 2.53125, 1.3375, 0.749, 2.53125, 0.805, 1.4375, 2.53125, 1.4375, 0.805, 2.53125, 0.84, 1.5, 2.4, 1.5, 0.84, 2.4, 1.75, 0, 1.875, 1.75, - 0.98, 1.875, 0.98, - 1.75, 1.875, 0, - 1.75, 1.875, 2, 0, 1.35, 2, - 1.12, 1.35, 1.12, - 2, 1.35, 0, - 2, 1.35, 2, 0, 0.9, 2, - 1.12, 0.9, 1.12, - 2, 0.9, 0, - 2, 0.9, - 0.98, - 1.75, 1.875, - 1.75, - 0.98, 1.875, - 1.75, 0, 1.875, - 1.12, - 2, 1.35, - 2, - 1.12, 1.35, - 2, 0, 1.35, - 1.12, - 2, 0.9, - 2, - 1.12, 0.9, - 2, 0, 0.9, - 1.75, 0.98, 1.875, - 0.98, 1.75, 1.875, 0, 1.75, 1.875, - 2, 1.12, 1.35, - 1.12, 2, 1.35, 0, 2, 1.35, - 2, 1.12, 0.9, - 1.12, 2, 0.9, 0, 2, 0.9, 0.98, 1.75, 1.875, 1.75, 0.98, 1.875, 1.12, 2, 1.35, 2, 1.12, 1.35, 1.12, 2, 0.9, 2, 1.12, 0.9, 2, 0, 0.45, 2, - 1.12, 0.45, 1.12, - 2, 0.45, 0, - 2, 0.45, 1.5, 0, 0.225, 1.5, - 0.84, 0.225, 0.84, - 1.5, 0.225, 0, - 1.5, 0.225, 1.5, 0, 0.15, 1.5, - 0.84, 0.15, 0.84, - 1.5, 0.15, 0, - 1.5, 0.15, - 1.12, - 2, 0.45, - 2, - 1.12, 0.45, - 2, 0, 0.45, - 0.84, - 1.5, 0.225, - 1.5, - 0.84, 0.225, - 1.5, 0, 0.225, - 0.84, - 1.5, 0.15, - 1.5, - 0.84, 0.15, - 1.5, 0, 0.15, - 2, 1.12, 0.45, - 1.12, 2, 0.45, 0, 2, 0.45, - 1.5, 0.84, 0.225, - 0.84, 1.5, 0.225, 0, 1.5, 0.225, - 1.5, 0.84, 0.15, - 0.84, 1.5, 0.15, 0, 1.5, 0.15, 1.12, 2, 0.45, 2, 1.12, 0.45, 0.84, 1.5, 0.225, 1.5, 0.84, 0.225, 0.84, 1.5, 0.15, 1.5, 0.84, 0.15, - 1.6, 0, 2.025, - 1.6, - 0.3, 2.025, - 1.5, - 0.3, 2.25, - 1.5, 0, 2.25, - 2.3, 0, 2.025, - 2.3, - 0.3, 2.025, - 2.5, - 0.3, 2.25, - 2.5, 0, 2.25, - 2.7, 0, 2.025, - 2.7, - 0.3, 2.025, - 3, - 0.3, 2.25, - 3, 0, 2.25, - 2.7, 0, 1.8, - 2.7, - 0.3, 1.8, - 3, - 0.3, 1.8, - 3, 0, 1.8, - 1.5, 0.3, 2.25, - 1.6, 0.3, 2.025, - 2.5, 0.3, 2.25, - 2.3, 0.3, 2.025, - 3, 0.3, 2.25, - 2.7, 0.3, 2.025, - 3, 0.3, 1.8, - 2.7, 0.3, 1.8, - 2.7, 0, 1.575, - 2.7, - 0.3, 1.575, - 3, - 0.3, 1.35, - 3, 0, 1.35, - 2.5, 0, 1.125, - 2.5, - 0.3, 1.125, - 2.65, - 0.3, 0.9375, - 2.65, 0, 0.9375, - 2, - 0.3, 0.9, - 1.9, - 0.3, 0.6, - 1.9, 0, 0.6, - 3, 0.3, 1.35, - 2.7, 0.3, 1.575, - 2.65, 0.3, 0.9375, - 2.5, 0.3, 1.125, - 1.9, 0.3, 0.6, - 2, 0.3, 0.9, 1.7, 0, 1.425, 1.7, - 0.66, 1.425, 1.7, - 0.66, 0.6, 1.7, 0, 0.6, 2.6, 0, 1.425, 2.6, - 0.66, 1.425, 3.1, - 0.66, 0.825, 3.1, 0, 0.825, 2.3, 0, 2.1, 2.3, - 0.25, 2.1, 2.4, - 0.25, 2.025, 2.4, 0, 2.025, 2.7, 0, 2.4, 2.7, - 0.25, 2.4, 3.3, - 0.25, 2.4, 3.3, 0, 2.4, 1.7, 0.66, 0.6, 1.7, 0.66, 1.425, 3.1, 0.66, 0.825, 2.6, 0.66, 1.425, 2.4, 0.25, 2.025, 2.3, 0.25, 2.1, 3.3, 0.25, 2.4, 2.7, 0.25, 2.4, 2.8, 0, 2.475, 2.8, - 0.25, 2.475, 3.525, - 0.25, 2.49375, 3.525, 0, 2.49375, 2.9, 0, 2.475, 2.9, - 0.15, 2.475, 3.45, - 0.15, 2.5125, 3.45, 0, 2.5125, 2.8, 0, 2.4, 2.8, - 0.15, 2.4, 3.2, - 0.15, 2.4, 3.2, 0, 2.4, 3.525, 0.25, 2.49375, 2.8, 0.25, 2.475, 3.45, 0.15, 2.5125, 2.9, 0.15, 2.475, 3.2, 0.15, 2.4, 2.8, 0.15, 2.4, 0, 0, 3.15, 0.8, 0, 3.15, 0.8, - 0.45, 3.15, 0.45, - 0.8, 3.15, 0, - 0.8, 3.15, 0, 0, 2.85, 0.2, 0, 2.7, 0.2, - 0.112, 2.7, 0.112, - 0.2, 2.7, 0, - 0.2, 2.7, - 0.45, - 0.8, 3.15, - 0.8, - 0.45, 3.15, - 0.8, 0, 3.15, - 0.112, - 0.2, 2.7, - 0.2, - 0.112, 2.7, - 0.2, 0, 2.7, - 0.8, 0.45, 3.15, - 0.45, 0.8, 3.15, 0, 0.8, 3.15, - 0.2, 0.112, 2.7, - 0.112, 0.2, 2.7, 0, 0.2, 2.7, 0.45, 0.8, 3.15, 0.8, 0.45, 3.15, 0.112, 0.2, 2.7, 0.2, 0.112, 2.7, 0.4, 0, 2.55, 0.4, - 0.224, 2.55, 0.224, - 0.4, 2.55, 0, - 0.4, 2.55, 1.3, 0, 2.55, 1.3, - 0.728, 2.55, 0.728, - 1.3, 2.55, 0, - 1.3, 2.55, 1.3, 0, 2.4, 1.3, - 0.728, 2.4, 0.728, - 1.3, 2.4, 0, - 1.3, 2.4, - 0.224, - 0.4, 2.55, - 0.4, - 0.224, 2.55, - 0.4, 0, 2.55, - 0.728, - 1.3, 2.55, - 1.3, - 0.728, 2.55, - 1.3, 0, 2.55, - 0.728, - 1.3, 2.4, - 1.3, - 0.728, 2.4, - 1.3, 0, 2.4, - 0.4, 0.224, 2.55, - 0.224, 0.4, 2.55, 0, 0.4, 2.55, - 1.3, 0.728, 2.55, - 0.728, 1.3, 2.55, 0, 1.3, 2.55, - 1.3, 0.728, 2.4, - 0.728, 1.3, 2.4, 0, 1.3, 2.4, 0.224, 0.4, 2.55, 0.4, 0.224, 2.55, 0.728, 1.3, 2.55, 1.3, 0.728, 2.55, 0.728, 1.3, 2.4, 1.3, 0.728, 2.4, 0, 0, 0, 1.425, 0, 0, 1.425, 0.798, 0, 0.798, 1.425, 0, 0, 1.425, 0, 1.5, 0, 0.075, 1.5, 0.84, 0.075, 0.84, 1.5, 0.075, 0, 1.5, 0.075, - 0.798, 1.425, 0, - 1.425, 0.798, 0, - 1.425, 0, 0, - 0.84, 1.5, 0.075, - 1.5, 0.84, 0.075, - 1.5, 0, 0.075, - 1.425, - 0.798, 0, - 0.798, - 1.425, 0, 0, - 1.425, 0, - 1.5, - 0.84, 0.075, - 0.84, - 1.5, 0.075, 0, - 1.5, 0.075, 0.798, - 1.425, 0, 1.425, - 0.798, 0, 0.84, - 1.5, 0.075, 1.5, - 0.84, 0.075 ];
-			super(); // number of segments per patch
+			super();
 
-			segments = Math.max( 2, Math.floor( segments ) ); // Jim Blinn scaled the teapot down in size by about 1.3 for
+			// number of segments per patch
+			segments = Math.max( 2, Math.floor( segments ) );
+
+			// Jim Blinn scaled the teapot down in size by about 1.3 for
 			// some rendering tests. He liked the new proportions that he kept
 			// the data in this form. The model was distributed with these new
 			// proportions and became the norm. Trivia: comparing images of the
 			// real teapot and the computer model, the ratio for the bowl of the
 			// real teapot is more like 1.25, but since 1.3 is the traditional
 			// value given, we use it here.
+			const blinnScale = 1.3;
 
-			const blinnScale = 1.3; // scale the size to be the real scaling factor
-
+			// scale the size to be the real scaling factor
 			const maxHeight = 3.15 * ( blinn ? 1 : blinnScale );
 			const maxHeight2 = maxHeight / 2;
-			const trueSize = size / maxHeight2; // Number of elements depends on what is needed. Subtract degenerate
-			// triangles at tip of bottom and lid out in advance.
+			const trueSize = size / maxHeight2;
 
+			// Number of elements depends on what is needed. Subtract degenerate
+			// triangles at tip of bottom and lid out in advance.
 			let numTriangles = bottom ? ( 8 * segments - 4 ) * segments : 0;
 			numTriangles += lid ? ( 16 * segments - 4 ) * segments : 0;
 			numTriangles += body ? 40 * segments * segments : 0;
@@ -94,17 +92,19 @@
 			numVertices *= ( segments + 1 ) * ( segments + 1 );
 			const vertices = new Float32Array( numVertices * 3 );
 			const normals = new Float32Array( numVertices * 3 );
-			const uvs = new Float32Array( numVertices * 2 ); // Bezier form
+			const uvs = new Float32Array( numVertices * 2 );
 
+			// Bezier form
 			const ms = new THREE.Matrix4();
 			ms.set( - 1.0, 3.0, - 3.0, 1.0, 3.0, - 6.0, 3.0, 0.0, - 3.0, 3.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0 );
 			const g = [];
 			const sp = [];
 			const tp = [];
 			const dsp = [];
-			const dtp = []; // M * G * M matrix, sort of see
-			// http://www.cs.helsinki.fi/group/goa/mallinnus/curves/surfaces.html
+			const dtp = [];
 
+			// M * G * M matrix, sort of see
+			// http://www.cs.helsinki.fi/group/goa/mallinnus/curves/surfaces.html
 			const mgm = [];
 			const vert = [];
 			const sdir = [];
@@ -126,12 +126,13 @@
 			const vsdir = new THREE.Vector3();
 			const vtdir = new THREE.Vector3();
 			const mst = ms.clone();
-			mst.transpose(); // internal function: test if triangle has any matching vertices;
-			// if so, don't save triangle, since it won't display anything.
+			mst.transpose();
 
-			const notDegenerate = ( vtx1, vtx2, vtx3 ) => // if any vertex matches, return false
+			// internal function: test if triangle has any matching vertices;
+			// if so, don't save triangle, since it won't display anything.
+			const notDegenerate = ( vtx1, vtx2, vtx3 ) =>
+			// if any vertex matches, return false
 				! ( vertices[ vtx1 * 3 ] === vertices[ vtx2 * 3 ] && vertices[ vtx1 * 3 + 1 ] === vertices[ vtx2 * 3 + 1 ] && vertices[ vtx1 * 3 + 2 ] === vertices[ vtx2 * 3 + 2 ] || vertices[ vtx1 * 3 ] === vertices[ vtx3 * 3 ] && vertices[ vtx1 * 3 + 1 ] === vertices[ vtx3 * 3 + 1 ] && vertices[ vtx1 * 3 + 2 ] === vertices[ vtx3 * 3 + 2 ] || vertices[ vtx2 * 3 ] === vertices[ vtx3 * 3 ] && vertices[ vtx2 * 3 + 1 ] === vertices[ vtx3 * 3 + 1 ] && vertices[ vtx2 * 3 + 2 ] === vertices[ vtx3 * 3 + 2 ] );
-
 			for ( let i = 0; i < 3; i ++ ) {
 
 				mgm[ i ] = new THREE.Matrix4();
@@ -146,7 +147,6 @@
 			let normCount = 0;
 			let uvCount = 0;
 			let indexCount = 0;
-
 			for ( let surf = minPatches; surf < maxPatches; surf ++ ) {
 
 				// lid is in the middle of the data, patches 20-27,
@@ -162,9 +162,10 @@
 							for ( let c = 0; c < 4; c ++ ) {
 
 								// transposed
-								g[ c * 4 + r ] = teapotVertices[ teapotPatches[ surf * 16 + r * 4 + c ] * 3 + i ]; // is the lid to be made larger, and is this a point on the lid
-								// that is X or Y?
+								g[ c * 4 + r ] = teapotVertices[ teapotPatches[ surf * 16 + r * 4 + c ] * 3 + i ];
 
+								// is the lid to be made larger, and is this a point on the lid
+								// that is X or Y?
 								if ( fitLid && surf >= 20 && surf < 28 && i !== 2 ) {
 
 									// increase XY size by 7.7%, found empirically. I don't
@@ -172,10 +173,10 @@
 									// space -1 to 1 for Y (Y is up for the final model).
 									g[ c * 4 + r ] *= 1.077;
 
-								} // Blinn "fixed" the teapot by dividing Z by blinnScale, and that's the
-								// data we now use. The original teapot is taller. Fix it:
-
+								}
 
+								// Blinn "fixed" the teapot by dividing Z by blinnScale, and that's the
+								// data we now use. The original teapot is taller. Fix it:
 								if ( ! blinn && i === 2 ) {
 
 									g[ c * 4 + r ] *= blinnScale;
@@ -190,25 +191,24 @@
 						tmtx.multiplyMatrices( gmx, ms );
 						mgm[ i ].multiplyMatrices( mst, tmtx );
 
-					} // step along, get points, and output
-
+					}
 
+					// step along, get points, and output
 					for ( let sstep = 0; sstep <= segments; sstep ++ ) {
 
 						const s = sstep / segments;
-
 						for ( let tstep = 0; tstep <= segments; tstep ++ ) {
 
-							const t = tstep / segments; // point from basis
-							// get power vectors and their derivatives
+							const t = tstep / segments;
 
+							// point from basis
+							// get power vectors and their derivatives
 							for ( p = 4, sval = tval = 1.0; p --; ) {
 
 								sp[ p ] = sval;
 								tp[ p ] = tval;
 								sval *= s;
 								tval *= t;
-
 								if ( p === 3 ) {
 
 									dsp[ p ] = dtp[ p ] = 0.0;
@@ -228,15 +228,17 @@
 							vsp.fromArray( sp );
 							vtp.fromArray( tp );
 							vdsp.fromArray( dsp );
-							vdtp.fromArray( dtp ); // do for x,y,z
+							vdtp.fromArray( dtp );
 
+							// do for x,y,z
 							for ( let i = 0; i < 3; i ++ ) {
 
 								// multiply power vectors times matrix to get value
 								tcoord = vsp.clone();
 								tcoord.applyMatrix4( mgm[ i ] );
-								vert[ i ] = tcoord.dot( vtp ); // get s and t tangent vectors
+								vert[ i ] = tcoord.dot( vtp );
 
+								// get s and t tangent vectors
 								tcoord = vdsp.clone();
 								tcoord.applyMatrix4( mgm[ i ] );
 								sdir[ i ] = tcoord.dot( vtp );
@@ -244,14 +246,15 @@
 								tcoord.applyMatrix4( mgm[ i ] );
 								tdir[ i ] = tcoord.dot( vdtp );
 
-							} // find normal
-
+							}
 
+							// find normal
 							vsdir.fromArray( sdir );
 							vtdir.fromArray( tdir );
 							norm.crossVectors( vtdir, vsdir );
-							norm.normalize(); // if X and Z length is 0, at the cusp, so point the normal up or down, depending on patch number
+							norm.normalize();
 
+							// if X and Z length is 0, at the cusp, so point the normal up or down, depending on patch number
 							if ( vert[ 0 ] === 0 && vert[ 1 ] === 0 ) {
 
 								// if above the middle of the teapot, normal points up, else down
@@ -262,9 +265,9 @@
 								// standard output: rotate on X axis
 								normOut.set( norm.x, norm.z, - norm.y );
 
-							} // store it all
-
+							}
 
+							// store it all
 							vertices[ vertCount ++ ] = trueSize * vert[ 0 ];
 							vertices[ vertCount ++ ] = trueSize * ( vert[ 2 ] - maxHeight2 );
 							vertices[ vertCount ++ ] = - trueSize * vert[ 1 ];
@@ -276,9 +279,9 @@
 
 						}
 
-					} // save the faces
-
+					}
 
+					// save the faces
 					for ( let sstep = 0; sstep < segments; sstep ++ ) {
 
 						for ( let tstep = 0; tstep < segments; tstep ++ ) {
@@ -286,9 +289,10 @@
 							const v1 = surfCount * vertPerRow * vertPerRow + sstep * vertPerRow + tstep;
 							const v2 = v1 + 1;
 							const v3 = v2 + vertPerRow;
-							const v4 = v1 + vertPerRow; // Normals and UVs cannot be shared. Without clone(), you can see the consequences
-							// of sharing if you call geometry.applyMatrix4( matrix ).
+							const v4 = v1 + vertPerRow;
 
+							// Normals and UVs cannot be shared. Without clone(), you can see the consequences
+							// of sharing if you call geometry.applyMatrix4( matrix ).
 							if ( notDegenerate( v1, v2, v3 ) ) {
 
 								indices[ indexCount ++ ] = v1;
@@ -307,9 +311,9 @@
 
 						}
 
-					} // increment only if a surface was used
-
+					}
 
+					// increment only if a surface was used
 					surfCount ++;
 
 				}

package/examples/js/geometries/TextGeometry.js

@@ -16,22 +16,24 @@
  *  bevelOffset: <float> // how far from text outline does bevel start
  * }
  */
-
 	class TextGeometry extends THREE.ExtrudeGeometry {
 
 		constructor( text, parameters = {} ) {
 
 			const font = parameters.font;
-
 			if ( font === undefined ) {
 
 				super(); // generate default extrude geometry
 
 			} else {
 
-				const shapes = font.generateShapes( text, parameters.size ); // translate parameters to THREE.ExtrudeGeometry API
+				const shapes = font.generateShapes( text, parameters.size );
+
+				// translate parameters to THREE.ExtrudeGeometry API
+
+				parameters.depth = parameters.height !== undefined ? parameters.height : 50;
 
-				parameters.depth = parameters.height !== undefined ? parameters.height : 50; // defaults
+				// defaults
 
 				if ( parameters.bevelThickness === undefined ) parameters.bevelThickness = 10;
 				if ( parameters.bevelSize === undefined ) parameters.bevelSize = 8;

package/examples/js/helpers/LightProbeHelper.js

@@ -11,6 +11,7 @@
 						value: lightProbe.sh.coefficients
 					},
 					// by reference
+
 					intensity: {
 						value: lightProbe.intensity
 					}
@@ -26,14 +27,12 @@
 			this.onBeforeRender();
 
 		}
-
 		dispose() {
 
 			this.geometry.dispose();
 			this.material.dispose();
 
 		}
-
 		onBeforeRender() {
 
 			this.position.copy( this.lightProbe.position );

package/examples/js/helpers/OctreeHelper.js

@@ -4,8 +4,19 @@
 
 		constructor( octree, color = 0xffff00 ) {
 
-			const vertices = [];
+			super( new THREE.BufferGeometry(), new THREE.LineBasicMaterial( {
+				color: color,
+				toneMapped: false
+			} ) );
+			this.octree = octree;
+			this.color = color;
+			this.type = 'OctreeHelper';
+			this.update();
 
+		}
+		update() {
+
+			const vertices = [];
 			function traverse( tree ) {
 
 				for ( let i = 0; i < tree.length; i ++ ) {
@@ -14,37 +25,28 @@
 					const max = tree[ i ].box.max;
 					vertices.push( max.x, max.y, max.z );
 					vertices.push( min.x, max.y, max.z ); // 0, 1
-
 					vertices.push( min.x, max.y, max.z );
 					vertices.push( min.x, min.y, max.z ); // 1, 2
-
 					vertices.push( min.x, min.y, max.z );
 					vertices.push( max.x, min.y, max.z ); // 2, 3
-
 					vertices.push( max.x, min.y, max.z );
 					vertices.push( max.x, max.y, max.z ); // 3, 0
 
 					vertices.push( max.x, max.y, min.z );
 					vertices.push( min.x, max.y, min.z ); // 4, 5
-
 					vertices.push( min.x, max.y, min.z );
 					vertices.push( min.x, min.y, min.z ); // 5, 6
-
 					vertices.push( min.x, min.y, min.z );
 					vertices.push( max.x, min.y, min.z ); // 6, 7
-
 					vertices.push( max.x, min.y, min.z );
 					vertices.push( max.x, max.y, min.z ); // 7, 4
 
 					vertices.push( max.x, max.y, max.z );
 					vertices.push( max.x, max.y, min.z ); // 0, 4
-
 					vertices.push( min.x, max.y, max.z );
 					vertices.push( min.x, max.y, min.z ); // 1, 5
-
 					vertices.push( min.x, min.y, max.z );
 					vertices.push( min.x, min.y, min.z ); // 2, 6
-
 					vertices.push( max.x, min.y, max.z );
 					vertices.push( max.x, min.y, min.z ); // 3, 7
 
@@ -54,16 +56,16 @@
 
 			}
 
-			traverse( octree.subTrees );
-			const geometry = new THREE.BufferGeometry();
-			geometry.setAttribute( 'position', new THREE.Float32BufferAttribute( vertices, 3 ) );
-			super( geometry, new THREE.LineBasicMaterial( {
-				color: color,
-				toneMapped: false
-			} ) );
-			this.octree = octree;
-			this.color = color;
-			this.type = 'OctreeHelper';
+			traverse( this.octree.subTrees );
+			this.geometry.dispose();
+			this.geometry = new THREE.BufferGeometry();
+			this.geometry.setAttribute( 'position', new THREE.Float32BufferAttribute( vertices, 3 ) );
+
+		}
+		dispose() {
+
+			this.geometry.dispose();
+			this.material.dispose();
 
 		}
 

package/examples/js/helpers/PositionalAudioHelper.js

@@ -23,7 +23,6 @@
 			this.update();
 
 		}
-
 		update() {
 
 			const audio = this.audio;
@@ -40,14 +39,15 @@
 			let stride;
 			const geometry = this.geometry;
 			const positionAttribute = geometry.attributes.position;
-			geometry.clearGroups(); //
+			geometry.clearGroups();
+
+			//
 
 			function generateSegment( from, to, divisions, materialIndex ) {
 
 				const step = ( to - from ) / divisions;
 				positionAttribute.setXYZ( start, 0, 0, 0 );
 				count ++;
-
 				for ( i = from; i < to; i += step ) {
 
 					stride = start + count;
@@ -62,18 +62,20 @@
 				start += count;
 				count = 0;
 
-			} //
+			}
 
+			//
 
 			generateSegment( - halfConeOuterAngle, - halfConeInnerAngle, divisionsOuterAngle, 0 );
 			generateSegment( - halfConeInnerAngle, halfConeInnerAngle, divisionsInnerAngle, 1 );
-			generateSegment( halfConeInnerAngle, halfConeOuterAngle, divisionsOuterAngle, 0 ); //
+			generateSegment( halfConeInnerAngle, halfConeOuterAngle, divisionsOuterAngle, 0 );
+
+			//
 
 			positionAttribute.needsUpdate = true;
 			if ( coneInnerAngle === coneOuterAngle ) this.material[ 0 ].visible = false;
 
 		}
-
 		dispose() {
 
 			this.geometry.dispose();

package/examples/js/helpers/RectAreaLightHelper.js

@@ -18,8 +18,9 @@
 			super( geometry, material );
 			this.light = light;
 			this.color = color; // optional hardwired color for the helper
+			this.type = 'RectAreaLightHelper';
 
-			this.type = 'RectAreaLightHelper'; //
+			//
 
 			const positions2 = [ 1, 1, 0, - 1, 1, 0, - 1, - 1, 0, 1, 1, 0, - 1, - 1, 0, 1, - 1, 0 ];
 			const geometry2 = new THREE.BufferGeometry();
@@ -31,11 +32,9 @@
 			} ) ) );
 
 		}
-
 		updateMatrixWorld() {
 
 			this.scale.set( 0.5 * this.light.width, 0.5 * this.light.height, 1 );
-
 			if ( this.color !== undefined ) {
 
 				this.material.color.set( this.color );
@@ -43,21 +42,21 @@
 
 			} else {
 
-				this.material.color.copy( this.light.color ).multiplyScalar( this.light.intensity ); // prevent hue shift
+				this.material.color.copy( this.light.color ).multiplyScalar( this.light.intensity );
 
+				// prevent hue shift
 				const c = this.material.color;
 				const max = Math.max( c.r, c.g, c.b );
 				if ( max > 1 ) c.multiplyScalar( 1 / max );
 				this.children[ 0 ].material.color.copy( this.material.color );
 
-			} // ignore world scale on light
-
+			}
 
+			// ignore world scale on light
 			this.matrixWorld.extractRotation( this.light.matrixWorld ).scale( this.scale ).copyPosition( this.light.matrixWorld );
 			this.children[ 0 ].matrixWorld.copy( this.matrixWorld );
 
 		}
-
 		dispose() {
 
 			this.geometry.dispose();