@needle-tools/three 0.145.4 → 0.146.2

package/examples/js/curves/NURBSUtils.js

@@ -19,11 +19,9 @@ U : knot vector
 
 returns the span
 */
-
 	function findSpan( p, u, U ) {
 
 		const n = U.length - p - 1;
-
 		if ( u >= U[ n ] ) {
 
 			return n - 1;
@@ -39,7 +37,6 @@ returns the span
 		let low = p;
 		let high = n;
 		let mid = Math.floor( ( low + high ) / 2 );
-
 		while ( u < U[ mid ] || u >= U[ mid + 1 ] ) {
 
 			if ( u < U[ mid ] ) {
@@ -59,6 +56,7 @@ returns the span
 		return mid;
 
 	}
+
 	/*
 Calculate basis functions. See The NURBS Book, page 70, algorithm A2.2
 
@@ -69,21 +67,17 @@ U    : knot vector
 
 returns array[p+1] with basis functions values.
 */
-
-
 	function calcBasisFunctions( span, u, p, U ) {
 
 		const N = [];
 		const left = [];
 		const right = [];
 		N[ 0 ] = 1.0;
-
 		for ( let j = 1; j <= p; ++ j ) {
 
 			left[ j ] = u - U[ span + 1 - j ];
 			right[ j ] = U[ span + j ] - u;
 			let saved = 0.0;
-
 			for ( let r = 0; r < j; ++ r ) {
 
 				const rv = right[ r + 1 ];
@@ -101,6 +95,7 @@ returns array[p+1] with basis functions values.
 		return N;
 
 	}
+
 	/*
 Calculate B-Spline curve points. See The NURBS Book, page 82, algorithm A3.1.
 
@@ -111,14 +106,11 @@ u : parametric point
 
 returns point for given u
 */
-
-
 	function calcBSplinePoint( p, U, P, u ) {
 
 		const span = findSpan( p, u, U );
 		const N = calcBasisFunctions( span, u, p, U );
 		const C = new THREE.Vector4( 0, 0, 0, 0 );
-
 		for ( let j = 0; j <= p; ++ j ) {
 
 			const point = P[ span - p + j ];
@@ -134,6 +126,7 @@ returns point for given u
 		return C;
 
 	}
+
 	/*
 Calculate basis functions derivatives. See The NURBS Book, page 72, algorithm A2.3.
 
@@ -145,32 +138,22 @@ U    : knot vector
 
 returns array[n+1][p+1] with basis functions derivatives
 */
-
-
 	function calcBasisFunctionDerivatives( span, u, p, n, U ) {
 
 		const zeroArr = [];
-
 		for ( let i = 0; i <= p; ++ i ) zeroArr[ i ] = 0.0;
-
 		const ders = [];
-
 		for ( let i = 0; i <= n; ++ i ) ders[ i ] = zeroArr.slice( 0 );
-
 		const ndu = [];
-
 		for ( let i = 0; i <= p; ++ i ) ndu[ i ] = zeroArr.slice( 0 );
-
 		ndu[ 0 ][ 0 ] = 1.0;
 		const left = zeroArr.slice( 0 );
 		const right = zeroArr.slice( 0 );
-
 		for ( let j = 1; j <= p; ++ j ) {
 
 			left[ j ] = u - U[ span + 1 - j ];
 			right[ j ] = U[ span + j ] - u;
 			let saved = 0.0;
-
 			for ( let r = 0; r < j; ++ r ) {
 
 				const rv = right[ r + 1 ];
@@ -197,7 +180,6 @@ returns array[n+1][p+1] with basis functions derivatives
 			let s1 = 0;
 			let s2 = 1;
 			const a = [];
-
 			for ( let i = 0; i <= p; ++ i ) {
 
 				a[ i ] = zeroArr.slice( 0 );
@@ -205,13 +187,11 @@ returns array[n+1][p+1] with basis functions derivatives
 			}
 
 			a[ 0 ][ 0 ] = 1.0;
-
 			for ( let k = 1; k <= n; ++ k ) {
 
 				let d = 0.0;
 				const rk = r - k;
 				const pk = p - k;
-
 				if ( r >= k ) {
 
 					a[ s2 ][ 0 ] = a[ s1 ][ 0 ] / ndu[ pk + 1 ][ rk ];
@@ -221,7 +201,6 @@ returns array[n+1][p+1] with basis functions derivatives
 
 				const j1 = rk >= - 1 ? 1 : - rk;
 				const j2 = r - 1 <= pk ? k - 1 : p - r;
-
 				for ( let j = j1; j <= j2; ++ j ) {
 
 					a[ s2 ][ j ] = ( a[ s1 ][ j ] - a[ s1 ][ j - 1 ] ) / ndu[ pk + 1 ][ rk + j ];
@@ -246,7 +225,6 @@ returns array[n+1][p+1] with basis functions derivatives
 		}
 
 		let r = p;
-
 		for ( let k = 1; k <= n; ++ k ) {
 
 			for ( let j = 0; j <= p; ++ j ) {
@@ -262,6 +240,7 @@ returns array[n+1][p+1] with basis functions derivatives
 		return ders;
 
 	}
+
 	/*
 	Calculate derivatives of a B-Spline. See The NURBS Book, page 93, algorithm A3.2.
 
@@ -273,8 +252,6 @@ returns array[n+1][p+1] with basis functions derivatives
 
 	returns array[d+1] with derivatives
 	*/
-
-
 	function calcBSplineDerivatives( p, U, P, u, nd ) {
 
 		const du = nd < p ? nd : p;
@@ -282,7 +259,6 @@ returns array[n+1][p+1] with basis functions derivatives
 		const span = findSpan( p, u, U );
 		const nders = calcBasisFunctionDerivatives( span, u, p, du, U );
 		const Pw = [];
-
 		for ( let i = 0; i < P.length; ++ i ) {
 
 			const point = P[ i ].clone();
@@ -297,7 +273,6 @@ returns array[n+1][p+1] with basis functions derivatives
 		for ( let k = 0; k <= du; ++ k ) {
 
 			const point = Pw[ span - p ].clone().multiplyScalar( nders[ k ][ 0 ] );
-
 			for ( let j = 1; j <= p; ++ j ) {
 
 				point.add( Pw[ span - p + j ].clone().multiplyScalar( nders[ k ][ j ] ) );
@@ -317,17 +292,15 @@ returns array[n+1][p+1] with basis functions derivatives
 		return CK;
 
 	}
+
 	/*
 Calculate "K over I"
 
 returns k!/(i!(k-i)!)
 */
-
-
 	function calcKoverI( k, i ) {
 
 		let nom = 1;
-
 		for ( let j = 2; j <= k; ++ j ) {
 
 			nom *= j;
@@ -335,7 +308,6 @@ returns k!/(i!(k-i)!)
 		}
 
 		let denom = 1;
-
 		for ( let j = 2; j <= i; ++ j ) {
 
 			denom *= j;
@@ -351,6 +323,7 @@ returns k!/(i!(k-i)!)
 		return nom / denom;
 
 	}
+
 	/*
 Calculate derivatives (0-nd) of rational curve. See The NURBS Book, page 127, algorithm A4.2.
 
@@ -358,14 +331,11 @@ Pders : result of function calcBSplineDerivatives
 
 returns array with derivatives for rational curve.
 */
-
-
 	function calcRationalCurveDerivatives( Pders ) {
 
 		const nd = Pders.length;
 		const Aders = [];
 		const wders = [];
-
 		for ( let i = 0; i < nd; ++ i ) {
 
 			const point = Pders[ i ];
@@ -375,11 +345,9 @@ returns array with derivatives for rational curve.
 		}
 
 		const CK = [];
-
 		for ( let k = 0; k < nd; ++ k ) {
 
 			const v = Aders[ k ].clone();
-
 			for ( let i = 1; i <= k; ++ i ) {
 
 				v.sub( CK[ k - i ].clone().multiplyScalar( calcKoverI( k, i ) * wders[ i ] ) );
@@ -393,6 +361,7 @@ returns array with derivatives for rational curve.
 		return CK;
 
 	}
+
 	/*
 Calculate NURBS curve derivatives. See The NURBS Book, page 127, algorithm A4.2.
 
@@ -404,14 +373,13 @@ nd : number of derivatives
 
 returns array with derivatives.
 */
-
-
 	function calcNURBSDerivatives( p, U, P, u, nd ) {
 
 		const Pders = calcBSplineDerivatives( p, U, P, u, nd );
 		return calcRationalCurveDerivatives( Pders );
 
 	}
+
 	/*
 Calculate rational B-Spline surface point. See The NURBS Book, page 134, algorithm A4.3.
 
@@ -422,8 +390,6 @@ u, v   : parametric values
 
 returns point for given (u, v)
 */
-
-
 	function calcSurfacePoint( p, q, U, V, P, u, v, target ) {
 
 		const uspan = findSpan( p, u, U );
@@ -431,11 +397,9 @@ returns point for given (u, v)
 		const Nu = calcBasisFunctions( uspan, u, p, U );
 		const Nv = calcBasisFunctions( vspan, v, q, V );
 		const temp = [];
-
 		for ( let l = 0; l <= q; ++ l ) {
 
 			temp[ l ] = new THREE.Vector4( 0, 0, 0, 0 );
-
 			for ( let k = 0; k <= p; ++ k ) {
 
 				const point = P[ uspan - p + k ][ vspan - q + l ].clone();
@@ -450,7 +414,6 @@ returns point for given (u, v)
 		}
 
 		const Sw = new THREE.Vector4( 0, 0, 0, 0 );
-
 		for ( let l = 0; l <= q; ++ l ) {
 
 			Sw.add( temp[ l ].multiplyScalar( Nv[ l ] ) );

package/examples/js/effects/AnaglyphEffect.js

@@ -5,25 +5,19 @@
 		constructor( renderer, width = 512, height = 512 ) {
 
 			// Dubois matrices from https://citeseerx.ist.psu.edu/viewdoc/download?doi=10.1.1.7.6968&rep=rep1&type=pdf#page=4
+
 			this.colorMatrixLeft = new THREE.Matrix3().fromArray( [ 0.456100, - 0.0400822, - 0.0152161, 0.500484, - 0.0378246, - 0.0205971, 0.176381, - 0.0157589, - 0.00546856 ] );
 			this.colorMatrixRight = new THREE.Matrix3().fromArray( [ - 0.0434706, 0.378476, - 0.0721527, - 0.0879388, 0.73364, - 0.112961, - 0.00155529, - 0.0184503, 1.2264 ] );
-
 			const _camera = new THREE.OrthographicCamera( - 1, 1, 1, - 1, 0, 1 );
-
 			const _scene = new THREE.Scene();
-
 			const _stereo = new THREE.StereoCamera();
-
 			const _params = {
 				minFilter: THREE.LinearFilter,
 				magFilter: THREE.NearestFilter,
 				format: THREE.RGBAFormat
 			};
-
 			const _renderTargetL = new THREE.WebGLRenderTarget( width, height, _params );
-
 			const _renderTargetR = new THREE.WebGLRenderTarget( width, height, _params );
-
 			const _material = new THREE.ShaderMaterial( {
 				uniforms: {
 					'mapLeft': {
@@ -40,21 +34,18 @@
 					}
 				},
 				vertexShader: [ 'varying vec2 vUv;', 'void main() {', '	vUv = vec2( uv.x, uv.y );', '	gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );', '}' ].join( '\n' ),
-				fragmentShader: [ 'uniform sampler2D mapLeft;', 'uniform sampler2D mapRight;', 'varying vec2 vUv;', 'uniform mat3 colorMatrixLeft;', 'uniform mat3 colorMatrixRight;', // These functions implement sRGB linearization and gamma correction
+				fragmentShader: [ 'uniform sampler2D mapLeft;', 'uniform sampler2D mapRight;', 'varying vec2 vUv;', 'uniform mat3 colorMatrixLeft;', 'uniform mat3 colorMatrixRight;',
+					// These functions implement sRGB linearization and gamma correction
+
 					'float lin( float c ) {', '	return c <= 0.04045 ? c * 0.0773993808 :', '			pow( c * 0.9478672986 + 0.0521327014, 2.4 );', '}', 'vec4 lin( vec4 c ) {', '	return vec4( lin( c.r ), lin( c.g ), lin( c.b ), c.a );', '}', 'float dev( float c ) {', '	return c <= 0.0031308 ? c * 12.92', '			: pow( c, 0.41666 ) * 1.055 - 0.055;', '}', 'void main() {', '	vec2 uv = vUv;', '	vec4 colorL = lin( texture2D( mapLeft, uv ) );', '	vec4 colorR = lin( texture2D( mapRight, uv ) );', '	vec3 color = clamp(', '			colorMatrixLeft * colorL.rgb +', '			colorMatrixRight * colorR.rgb, 0., 1. );', '	gl_FragColor = vec4(', '			dev( color.r ), dev( color.g ), dev( color.b ),', '			max( colorL.a, colorR.a ) );', '}' ].join( '\n' )
 			} );
-
 			const _mesh = new THREE.Mesh( new THREE.PlaneGeometry( 2, 2 ), _material );
-
 			_scene.add( _mesh );
-
 			this.setSize = function ( width, height ) {
 
 				renderer.setSize( width, height );
 				const pixelRatio = renderer.getPixelRatio();
-
 				_renderTargetL.setSize( width * pixelRatio, height * pixelRatio );
-
 				_renderTargetR.setSize( width * pixelRatio, height * pixelRatio );
 
 			};
@@ -64,9 +55,7 @@
 				const currentRenderTarget = renderer.getRenderTarget();
 				if ( scene.matrixWorldAutoUpdate === true ) scene.updateMatrixWorld();
 				if ( camera.parent === null && camera.matrixWorldAutoUpdate === true ) camera.updateMatrixWorld();
-
 				_stereo.update( camera );
-
 				renderer.setRenderTarget( _renderTargetL );
 				renderer.clear();
 				renderer.render( scene, _stereo.cameraL );
@@ -82,11 +71,8 @@
 			this.dispose = function () {
 
 				_renderTargetL.dispose();
-
 				_renderTargetR.dispose();
-
 				_mesh.geometry.dispose();
-
 				_mesh.material.dispose();
 
 			};

package/examples/js/effects/AsciiEffect.js

@@ -5,6 +5,7 @@
  *
  * 16 April 2012 - @blurspline
  */
+
 	class AsciiEffect {
 
 		constructor( renderer, charSet = ' .:-=+*#%@', options = {} ) {
@@ -12,18 +13,15 @@
 			// ' .,:;=|iI+hHOE#`$';
 			// darker bolder character set from https://github.com/saw/Canvas-ASCII-Art/
 			// ' .\'`^",:;Il!i~+_-?][}{1)(|/tfjrxnuvczXYUJCLQ0OZmwqpdbkhao*#MW&8%B@$'.split('');
+
 			// Some ASCII settings
-			const fResolution = options[ 'resolution' ] || 0.15; // Higher for more details
 
+			const fResolution = options[ 'resolution' ] || 0.15; // Higher for more details
 			const iScale = options[ 'scale' ] || 1;
 			const bColor = options[ 'color' ] || false; // nice but slows down rendering!
-
 			const bAlpha = options[ 'alpha' ] || false; // Transparency
-
 			const bBlock = options[ 'block' ] || false; // blocked characters. like good O dos
-
 			const bInvert = options[ 'invert' ] || false; // black is white, white is black
-
 			const strResolution = options[ 'strResolution' ] || 'low';
 			let width, height;
 			const domElement = document.createElement( 'div' );
@@ -32,7 +30,6 @@
 			domElement.appendChild( oAscii );
 			let iWidth, iHeight;
 			let oImg;
-
 			this.setSize = function ( w, h ) {
 
 				width = w;
@@ -49,19 +46,21 @@
 
 			};
 
-			this.domElement = domElement; // Throw in ascii library from https://github.com/hassadee/jsascii/blob/master/jsascii.js (MIT License)
+			this.domElement = domElement;
+
+			// Throw in ascii library from https://github.com/hassadee/jsascii/blob/master/jsascii.js (MIT License)
 
 			function initAsciiSize() {
 
 				iWidth = Math.round( width * fResolution );
 				iHeight = Math.round( height * fResolution );
 				oCanvas.width = iWidth;
-				oCanvas.height = iHeight; // oCanvas.style.display = "none";
+				oCanvas.height = iHeight;
+				// oCanvas.style.display = "none";
 				// oCanvas.style.width = iWidth;
 				// oCanvas.style.height = iHeight;
 
 				oImg = renderer.domElement;
-
 				if ( oImg.style.backgroundColor ) {
 
 					oAscii.rows[ 0 ].cells[ 0 ].style.backgroundColor = oImg.style.backgroundColor;
@@ -92,7 +91,6 @@
 			const strFont = 'courier new, monospace';
 			const oCanvasImg = renderer.domElement;
 			const oCanvas = document.createElement( 'canvas' );
-
 			if ( ! oCanvas.getContext ) {
 
 				return;
@@ -100,7 +98,6 @@
 			}
 
 			const oCtx = oCanvas.getContext( '2d' );
-
 			if ( ! oCtx.getImageData ) {
 
 				return;
@@ -108,13 +105,16 @@
 			}
 
 			let aCharList = bColor ? aDefaultColorCharList : aDefaultCharList;
-			if ( charSet ) aCharList = charSet; // Setup dom
+			if ( charSet ) aCharList = charSet;
+
+			// Setup dom
 
 			const fFontSize = 2 / fResolution * iScale;
-			const fLineHeight = 2 / fResolution * iScale; // adjust letter-spacing for all combinations of scale and resolution to get it to fit the image width.
+			const fLineHeight = 2 / fResolution * iScale;
 
-			let fLetterSpacing = 0;
+			// adjust letter-spacing for all combinations of scale and resolution to get it to fit the image width.
 
+			let fLetterSpacing = 0;
 			if ( strResolution == 'low' ) {
 
 				switch ( iScale ) {
@@ -122,16 +122,13 @@
 					case 1:
 						fLetterSpacing = - 1;
 						break;
-
 					case 2:
 					case 3:
 						fLetterSpacing = - 2.1;
 						break;
-
 					case 4:
 						fLetterSpacing = - 3.1;
 						break;
-
 					case 5:
 						fLetterSpacing = - 4.15;
 						break;
@@ -147,15 +144,12 @@
 					case 1:
 						fLetterSpacing = 0;
 						break;
-
 					case 2:
 						fLetterSpacing = - 1;
 						break;
-
 					case 3:
 						fLetterSpacing = - 1.04;
 						break;
-
 					case 4:
 					case 5:
 						fLetterSpacing = - 2.1;
@@ -173,7 +167,6 @@
 					case 2:
 						fLetterSpacing = 0;
 						break;
-
 					case 3:
 					case 4:
 					case 5:
@@ -182,17 +175,22 @@
 
 				}
 
-			} // can't get a span or div to flow like an img element, but a table works?
-			// convert img element to ascii
+			}
 
+			// can't get a span or div to flow like an img element, but a table works?
+
+			// convert img element to ascii
 
 			function asciifyImage( oAscii ) {
 
 				oCtx.clearRect( 0, 0, iWidth, iHeight );
 				oCtx.drawImage( oCanvasImg, 0, 0, iWidth, iHeight );
-				const oImgData = oCtx.getImageData( 0, 0, iWidth, iHeight ).data; // Coloring loop starts now
+				const oImgData = oCtx.getImageData( 0, 0, iWidth, iHeight ).data;
 
-				let strChars = ''; // console.time('rendering');
+				// Coloring loop starts now
+				let strChars = '';
+
+				// console.time('rendering');
 
 				for ( let y = 0; y < iHeight; y += 2 ) {
 
@@ -205,7 +203,8 @@
 						const iAlpha = oImgData[ iOffset + 3 ];
 						let iCharIdx;
 						let fBrightness;
-						fBrightness = ( 0.3 * iRed + 0.59 * iGreen + 0.11 * iBlue ) / 255; // fBrightness = (0.3*iRed + 0.5*iGreen + 0.3*iBlue) / 255;
+						fBrightness = ( 0.3 * iRed + 0.59 * iGreen + 0.11 * iBlue ) / 255;
+						// fBrightness = (0.3*iRed + 0.5*iGreen + 0.3*iBlue) / 255;
 
 						if ( iAlpha == 0 ) {
 
@@ -216,19 +215,18 @@
 						}
 
 						iCharIdx = Math.floor( ( 1 - fBrightness ) * ( aCharList.length - 1 ) );
-
 						if ( bInvert ) {
 
 							iCharIdx = aCharList.length - iCharIdx - 1;
 
-						} // good for debugging
+						}
+
+						// good for debugging
 						//fBrightness = Math.floor(fBrightness * 10);
 						//strThisChar = fBrightness;
 
-
 						let strThisChar = aCharList[ iCharIdx ];
 						if ( strThisChar === undefined || strThisChar == ' ' ) strThisChar = '&nbsp;';
-
 						if ( bColor ) {
 
 							strChars += '<span style=\'' + 'color:rgb(' + iRed + ',' + iGreen + ',' + iBlue + ');' + ( bBlock ? 'background-color:rgb(' + iRed + ',' + iGreen + ',' + iBlue + ');' : '' ) + ( bAlpha ? 'opacity:' + iAlpha / 255 + ';' : '' ) + '\'>' + strThisChar + '</span>';
@@ -245,7 +243,10 @@
 
 				}
 
-				oAscii.innerHTML = '<tr><td>' + strChars + '</td></tr>'; // console.timeEnd('rendering');
+				oAscii.innerHTML = '<tr><td>' + strChars + '</td></tr>';
+
+				// console.timeEnd('rendering');
+
 				// return oAscii;
 
 			}