@needle-tools/three 0.145.4 → 0.146.2

package/examples/js/objects/Lensflare.js

@@ -11,13 +11,19 @@
 			this.isLensflare = true;
 			this.type = 'Lensflare';
 			this.frustumCulled = false;
-			this.renderOrder = Infinity; //
+			this.renderOrder = Infinity;
+
+			//
 
 			const positionScreen = new THREE.Vector3();
-			const positionView = new THREE.Vector3(); // textures
+			const positionView = new THREE.Vector3();
+
+			// textures
 
 			const tempMap = new THREE.FramebufferTexture( 16, 16, THREE.RGBAFormat );
-			const occlusionMap = new THREE.FramebufferTexture( 16, 16, THREE.RGBAFormat ); // material
+			const occlusionMap = new THREE.FramebufferTexture( 16, 16, THREE.RGBAFormat );
+
+			// material
 
 			const geometry = Lensflare.Geometry;
 			const material1a = new THREE.RawShaderMaterial( {
@@ -29,9 +35,7 @@
 						value: null
 					}
 				},
-				vertexShader:
-      /* glsl */
-      `
+				vertexShader: /* glsl */`
 
 				precision highp float;
 
@@ -45,9 +49,7 @@
 					gl_Position = vec4( position.xy * scale + screenPosition.xy, screenPosition.z, 1.0 );
 
 				}`,
-				fragmentShader:
-      /* glsl */
-      `
+				fragmentShader: /* glsl */`
 
 				precision highp float;
 
@@ -72,9 +74,7 @@
 						value: null
 					}
 				},
-				vertexShader:
-      /* glsl */
-      `
+				vertexShader: /* glsl */`
 
 				precision highp float;
 
@@ -93,9 +93,7 @@
 					gl_Position = vec4( position.xy * scale + screenPosition.xy, screenPosition.z, 1.0 );
 
 				}`,
-				fragmentShader:
-      /* glsl */
-      `
+				fragmentShader: /* glsl */`
 
 				precision highp float;
 
@@ -111,9 +109,13 @@
 				depthTest: false,
 				depthWrite: false,
 				transparent: false
-			} ); // the following object is used for occlusionMap generation
+			} );
+
+			// the following object is used for occlusionMap generation
+
+			const mesh1 = new THREE.Mesh( geometry, material1a );
 
-			const mesh1 = new THREE.Mesh( geometry, material1a ); //
+			//
 
 			const elements = [];
 			const shader = LensflareElement.Shader;
@@ -142,19 +144,18 @@
 				depthWrite: false
 			} );
 			const mesh2 = new THREE.Mesh( geometry, material2 );
-
 			this.addElement = function ( element ) {
 
 				elements.push( element );
 
-			}; //
+			};
 
+			//
 
 			const scale = new THREE.Vector2();
 			const screenPositionPixels = new THREE.Vector2();
 			const validArea = new THREE.Box2();
 			const viewport = new THREE.Vector4();
-
 			this.onBeforeRender = function ( renderer, scene, camera ) {
 
 				renderer.getCurrentViewport( viewport );
@@ -164,37 +165,51 @@
 				let size = 16 / viewport.w;
 				scale.set( size * invAspect, size );
 				validArea.min.set( viewport.x, viewport.y );
-				validArea.max.set( viewport.x + ( viewport.z - 16 ), viewport.y + ( viewport.w - 16 ) ); // calculate position in screen space
+				validArea.max.set( viewport.x + ( viewport.z - 16 ), viewport.y + ( viewport.w - 16 ) );
+
+				// calculate position in screen space
 
 				positionView.setFromMatrixPosition( this.matrixWorld );
 				positionView.applyMatrix4( camera.matrixWorldInverse );
 				if ( positionView.z > 0 ) return; // lensflare is behind the camera
 
-				positionScreen.copy( positionView ).applyMatrix4( camera.projectionMatrix ); // horizontal and vertical coordinate of the lower left corner of the pixels to copy
+				positionScreen.copy( positionView ).applyMatrix4( camera.projectionMatrix );
+
+				// horizontal and vertical coordinate of the lower left corner of the pixels to copy
 
 				screenPositionPixels.x = viewport.x + positionScreen.x * halfViewportWidth + halfViewportWidth - 8;
-				screenPositionPixels.y = viewport.y + positionScreen.y * halfViewportHeight + halfViewportHeight - 8; // screen cull
+				screenPositionPixels.y = viewport.y + positionScreen.y * halfViewportHeight + halfViewportHeight - 8;
+
+				// screen cull
 
 				if ( validArea.containsPoint( screenPositionPixels ) ) {
 
 					// save current RGB to temp texture
-					renderer.copyFramebufferToTexture( screenPositionPixels, tempMap ); // render pink quad
+
+					renderer.copyFramebufferToTexture( screenPositionPixels, tempMap );
+
+					// render pink quad
 
 					let uniforms = material1a.uniforms;
 					uniforms[ 'scale' ].value = scale;
 					uniforms[ 'screenPosition' ].value = positionScreen;
-					renderer.renderBufferDirect( camera, null, geometry, material1a, mesh1, null ); // copy result to occlusionMap
+					renderer.renderBufferDirect( camera, null, geometry, material1a, mesh1, null );
 
-					renderer.copyFramebufferToTexture( screenPositionPixels, occlusionMap ); // restore graphics
+					// copy result to occlusionMap
+
+					renderer.copyFramebufferToTexture( screenPositionPixels, occlusionMap );
+
+					// restore graphics
 
 					uniforms = material1b.uniforms;
 					uniforms[ 'scale' ].value = scale;
 					uniforms[ 'screenPosition' ].value = positionScreen;
-					renderer.renderBufferDirect( camera, null, geometry, material1b, mesh1, null ); // render elements
+					renderer.renderBufferDirect( camera, null, geometry, material1b, mesh1, null );
+
+					// render elements
 
 					const vecX = - positionScreen.x * 2;
 					const vecY = - positionScreen.y * 2;
-
 					for ( let i = 0, l = elements.length; i < l; i ++ ) {
 
 						const element = elements[ i ];
@@ -222,7 +237,6 @@
 				material2.dispose();
 				tempMap.dispose();
 				occlusionMap.dispose();
-
 				for ( let i = 0, l = elements.length; i < l; i ++ ) {
 
 					elements[ i ].texture.dispose();
@@ -233,8 +247,9 @@
 
 		}
 
-	} //
+	}
 
+	//
 
 	class LensflareElement {
 
@@ -248,7 +263,6 @@
 		}
 
 	}
-
 	LensflareElement.Shader = {
 		uniforms: {
 			'map': {
@@ -267,9 +281,7 @@
 				value: null
 			}
 		},
-		vertexShader:
-  /* glsl */
-  `
+		vertexShader: /* glsl */`
 
 		precision highp float;
 
@@ -307,9 +319,7 @@
 			gl_Position = vec4( ( pos * scale + screenPosition.xy ).xy, screenPosition.z, 1.0 );
 
 		}`,
-		fragmentShader:
-  /* glsl */
-  `
+		fragmentShader: /* glsl */`
 
 		precision highp float;
 
@@ -328,7 +338,6 @@
 
 		}`
 	};
-
 	Lensflare.Geometry = function () {
 
 		const geometry = new THREE.BufferGeometry();

package/examples/js/objects/LightningStorm.js

@@ -51,7 +51,9 @@
 		constructor( stormParams = {} ) {
 
 			super();
-			this.isLightningStorm = true; // Parameters
+			this.isLightningStorm = true;
+
+			// Parameters
 
 			this.stormParams = stormParams;
 			stormParams.size = stormParams.size !== undefined ? stormParams.size : 1000.0;
@@ -68,7 +70,6 @@
 			this.lightningMaterial = stormParams.lightningMaterial !== undefined ? stormParams.lightningMaterial : new THREE.MeshBasicMaterial( {
 				color: 0xB0FFFF
 			} );
-
 			if ( stormParams.onRayPosition !== undefined ) {
 
 				this.onRayPosition = stormParams.onRayPosition;
@@ -85,13 +86,14 @@
 
 			}
 
-			this.onLightningDown = stormParams.onLightningDown; // Internal state
+			this.onLightningDown = stormParams.onLightningDown;
+
+			// Internal state
 
 			this.inited = false;
 			this.nextLightningTime = 0;
 			this.lightningsMeshes = [];
 			this.deadLightningsMeshes = [];
-
 			for ( let i = 0; i < this.stormParams.maxLightnings; i ++ ) {
 
 				const lightning = new THREE.LightningStrike( THREE.LightningStrike.copyParameters( {}, this.lightningParameters ) );
@@ -101,7 +103,6 @@
 			}
 
 		}
-
 		update( time ) {
 
 			if ( ! this.inited ) {
@@ -114,8 +115,8 @@
 			if ( time >= this.nextLightningTime ) {
 
 				// Lightning creation
-				const lightningMesh = this.deadLightningsMeshes.pop();
 
+				const lightningMesh = this.deadLightningsMeshes.pop();
 				if ( lightningMesh ) {
 
 					const lightningParams1 = THREE.LightningStrike.copyParameters( lightningMesh.geometry.rayParameters, this.lightningParameters );
@@ -126,23 +127,21 @@
 					this.add( lightningMesh );
 					this.lightningsMeshes.push( lightningMesh );
 
-				} // Schedule next lightning
-
+				}
 
+				// Schedule next lightning
 				this.nextLightningTime = this.getNextLightningTime( time );
 
 			}
 
 			let i = 0,
 				il = this.lightningsMeshes.length;
-
 			while ( i < il ) {
 
 				const mesh = this.lightningsMeshes[ i ];
 				const lightning = mesh.geometry;
 				const prevState = lightning.state;
 				lightning.update( time );
-
 				if ( prevState === THREE.LightningStrike.RAY_PROPAGATING && lightning.state > prevState ) {
 
 					if ( this.onLightningDown ) {
@@ -156,6 +155,7 @@
 				if ( lightning.state === THREE.LightningStrike.RAY_EXTINGUISHED ) {
 
 					// Lightning is to be destroyed
+
 					this.lightningsMeshes.splice( this.lightningsMeshes.indexOf( mesh ), 1 );
 					this.deadLightningsMeshes.push( mesh );
 					this.remove( mesh );
@@ -170,13 +170,11 @@
 			}
 
 		}
-
 		getNextLightningTime( currentTime ) {
 
 			return currentTime + THREE.MathUtils.lerp( this.stormParams.lightningMinPeriod, this.stormParams.lightningMaxPeriod, Math.random() ) / ( this.stormParams.maxLightnings + 1 );
 
 		}
-
 		copy( source, recursive ) {
 
 			super.copy( source, recursive );
@@ -195,7 +193,6 @@
 			return this;
 
 		}
-
 		clone() {
 
 			return new this.constructor( this.stormParams ).copy( this );