@needle-tools/three 0.145.4 → 0.146.2

package/examples/js/physics/AmmoPhysics.js

@@ -18,11 +18,15 @@
 		const solver = new AmmoLib.btSequentialImpulseConstraintSolver();
 		const world = new AmmoLib.btDiscreteDynamicsWorld( dispatcher, broadphase, solver, collisionConfiguration );
 		world.setGravity( new AmmoLib.btVector3( 0, - 9.8, 0 ) );
-		const worldTransform = new AmmoLib.btTransform(); //
+		const worldTransform = new AmmoLib.btTransform();
+
+		//
 
 		function getShape( geometry ) {
 
-			const parameters = geometry.parameters; // TODO change type to is*
+			const parameters = geometry.parameters;
+
+			// TODO change type to is*
 
 			if ( geometry.type === 'BoxGeometry' ) {
 
@@ -48,11 +52,9 @@
 
 		const meshes = [];
 		const meshMap = new WeakMap();
-
 		function addMesh( mesh, mass = 0 ) {
 
 			const shape = getShape( mesh.geometry );
-
 			if ( shape !== null ) {
 
 				if ( mesh.isInstancedMesh ) {
@@ -81,10 +83,9 @@
 			const localInertia = new AmmoLib.btVector3( 0, 0, 0 );
 			shape.calculateLocalInertia( mass, localInertia );
 			const rbInfo = new AmmoLib.btRigidBodyConstructionInfo( mass, motionState, shape, localInertia );
-			const body = new AmmoLib.btRigidBody( rbInfo ); // body.setFriction( 4 );
-
+			const body = new AmmoLib.btRigidBody( rbInfo );
+			// body.setFriction( 4 );
 			world.addRigidBody( body );
-
 			if ( mass > 0 ) {
 
 				meshes.push( mesh );
@@ -98,7 +99,6 @@
 
 			const array = mesh.instanceMatrix.array;
 			const bodies = [];
-
 			for ( let i = 0; i < mesh.count; i ++ ) {
 
 				const index = i * 16;
@@ -121,8 +121,9 @@
 
 			}
 
-		} //
+		}
 
+		//
 
 		function setMeshPosition( mesh, position, index = 0 ) {
 
@@ -147,34 +148,35 @@
 
 			}
 
-		} //
+		}
 
+		//
 
 		let lastTime = 0;
-
 		function step() {
 
 			const time = performance.now();
-
 			if ( lastTime > 0 ) {
 
-				const delta = ( time - lastTime ) / 1000; // console.time( 'world.step' );
+				const delta = ( time - lastTime ) / 1000;
 
-				world.stepSimulation( delta, 10 ); // console.timeEnd( 'world.step' );
+				// console.time( 'world.step' );
+				world.stepSimulation( delta, 10 );
+				// console.timeEnd( 'world.step' );
 
 			}
 
-			lastTime = time; //
+			lastTime = time;
+
+			//
 
 			for ( let i = 0, l = meshes.length; i < l; i ++ ) {
 
 				const mesh = meshes[ i ];
-
 				if ( mesh.isInstancedMesh ) {
 
 					const array = mesh.instanceMatrix.array;
 					const bodies = meshMap.get( mesh );
-
 					for ( let j = 0; j < bodies.length; j ++ ) {
 
 						const body = bodies[ j ];
@@ -202,14 +204,15 @@
 
 			}
 
-		} // animate
+		}
 
+		// animate
 
 		setInterval( step, 1000 / frameRate );
 		return {
 			addMesh: addMesh,
-			setMeshPosition: setMeshPosition // addCompoundMesh
-
+			setMeshPosition: setMeshPosition
+			// addCompoundMesh
 		};
 
 	}

package/examples/js/physics/OimoPhysics.js

@@ -3,11 +3,15 @@
 	async function OimoPhysics() {
 
 		const frameRate = 60;
-		const world = new OIMO.World( 2, new OIMO.Vec3( 0, - 9.8, 0 ) ); //
+		const world = new OIMO.World( 2, new OIMO.Vec3( 0, - 9.8, 0 ) );
+
+		//
 
 		function getShape( geometry ) {
 
-			const parameters = geometry.parameters; // TODO change type to is*
+			const parameters = geometry.parameters;
+
+			// TODO change type to is*
 
 			if ( geometry.type === 'BoxGeometry' ) {
 
@@ -29,11 +33,9 @@
 
 		const meshes = [];
 		const meshMap = new WeakMap();
-
 		function addMesh( mesh, mass = 0 ) {
 
 			const shape = getShape( mesh.geometry );
-
 			if ( shape !== null ) {
 
 				if ( mesh.isInstancedMesh ) {
@@ -60,7 +62,6 @@
 			const body = new OIMO.RigidBody( bodyConfig );
 			body.addShape( new OIMO.Shape( shapeConfig ) );
 			world.addRigidBody( body );
-
 			if ( mass > 0 ) {
 
 				meshes.push( mesh );
@@ -74,7 +75,6 @@
 
 			const array = mesh.instanceMatrix.array;
 			const bodies = [];
-
 			for ( let i = 0; i < mesh.count; i ++ ) {
 
 				const index = i * 16;
@@ -97,8 +97,9 @@
 
 			}
 
-		} //
+		}
 
+		//
 
 		function setMeshPosition( mesh, position, index = 0 ) {
 
@@ -115,33 +116,33 @@
 
 			}
 
-		} //
+		}
 
+		//
 
 		let lastTime = 0;
-
 		function step() {
 
 			const time = performance.now();
-
 			if ( lastTime > 0 ) {
 
 				// console.time( 'world.step' );
-				world.step( 1 / frameRate ); // console.timeEnd( 'world.step' );
+				world.step( 1 / frameRate );
+				// console.timeEnd( 'world.step' );
 
 			}
 
-			lastTime = time; //
+			lastTime = time;
+
+			//
 
 			for ( let i = 0, l = meshes.length; i < l; i ++ ) {
 
 				const mesh = meshes[ i ];
-
 				if ( mesh.isInstancedMesh ) {
 
 					const array = mesh.instanceMatrix.array;
 					const bodies = meshMap.get( mesh );
-
 					for ( let j = 0; j < bodies.length; j ++ ) {
 
 						const body = bodies[ j ];
@@ -161,14 +162,15 @@
 
 			}
 
-		} // animate
+		}
 
+		// animate
 
 		setInterval( step, 1000 / frameRate );
 		return {
 			addMesh: addMesh,
-			setMeshPosition: setMeshPosition // addCompoundMesh
-
+			setMeshPosition: setMeshPosition
+			// addCompoundMesh
 		};
 
 	}

package/examples/js/postprocessing/AdaptiveToneMappingPass.js

@@ -108,10 +108,7 @@
 			this.fsQuad = new THREE.FullScreenQuad( null );
 
 		}
-
-		render( renderer, writeBuffer, readBuffer, deltaTime
-			/*, maskActive*/
-		) {
+		render( renderer, writeBuffer, readBuffer, deltaTime /*, maskActive*/ ) {
 
 			if ( this.needsInit ) {
 
@@ -129,16 +126,18 @@
 				this.fsQuad.material = this.materialLuminance;
 				this.materialLuminance.uniforms.tDiffuse.value = readBuffer.texture;
 				renderer.setRenderTarget( this.currentLuminanceRT );
-				this.fsQuad.render( renderer ); //Use the new luminance values, the previous luminance and the frame delta to
-				//adapt the luminance over time.
+				this.fsQuad.render( renderer );
 
+				//Use the new luminance values, the previous luminance and the frame delta to
+				//adapt the luminance over time.
 				this.fsQuad.material = this.materialAdaptiveLum;
 				this.materialAdaptiveLum.uniforms.delta.value = deltaTime;
 				this.materialAdaptiveLum.uniforms.lastLum.value = this.previousLuminanceRT.texture;
 				this.materialAdaptiveLum.uniforms.currentLum.value = this.currentLuminanceRT.texture;
 				renderer.setRenderTarget( this.luminanceRT );
-				this.fsQuad.render( renderer ); //Copy the new adapted luminance value so that it can be used by the next frame.
+				this.fsQuad.render( renderer );
 
+				//Copy the new adapted luminance value so that it can be used by the next frame.
 				this.fsQuad.material = this.materialCopy;
 				this.copyUniforms.tDiffuse.value = this.luminanceRT.texture;
 				renderer.setRenderTarget( this.previousLuminanceRT );
@@ -148,7 +147,6 @@
 
 			this.fsQuad.material = this.materialToneMap;
 			this.materialToneMap.uniforms.tDiffuse.value = readBuffer.texture;
-
 			if ( this.renderToScreen ) {
 
 				renderer.setRenderTarget( null );
@@ -163,7 +161,6 @@
 			}
 
 		}
-
 		reset() {
 
 			// render targets
@@ -190,7 +187,9 @@
 			this.luminanceRT.texture.generateMipmaps = false;
 			this.previousLuminanceRT = new THREE.WebGLRenderTarget( this.resolution, this.resolution );
 			this.previousLuminanceRT.texture.name = 'AdaptiveToneMappingPass.pl';
-			this.previousLuminanceRT.texture.generateMipmaps = false; // We only need mipmapping for the current luminosity because we want a down-sampled version to sample in our adaptive shader
+			this.previousLuminanceRT.texture.generateMipmaps = false;
+
+			// We only need mipmapping for the current luminosity because we want a down-sampled version to sample in our adaptive shader
 
 			const pars = {
 				minFilter: THREE.LinearMipmapLinearFilter,
@@ -198,21 +197,21 @@
 			};
 			this.currentLuminanceRT = new THREE.WebGLRenderTarget( this.resolution, this.resolution, pars );
 			this.currentLuminanceRT.texture.name = 'AdaptiveToneMappingPass.cl';
-
 			if ( this.adaptive ) {
 
 				this.materialToneMap.defines[ 'ADAPTED_LUMINANCE' ] = '';
 				this.materialToneMap.uniforms.luminanceMap.value = this.luminanceRT.texture;
 
-			} //Put something in the adaptive luminance texture so that the scene can render initially
-
+			}
 
+			//Put something in the adaptive luminance texture so that the scene can render initially
 			this.fsQuad.material = new THREE.MeshBasicMaterial( {
 				color: 0x777777
 			} );
 			this.materialLuminance.needsUpdate = true;
 			this.materialAdaptiveLum.needsUpdate = true;
-			this.materialToneMap.needsUpdate = true; // renderer.render( this.scene, this.camera, this.luminanceRT );
+			this.materialToneMap.needsUpdate = true;
+			// renderer.render( this.scene, this.camera, this.luminanceRT );
 			// renderer.render( this.scene, this.camera, this.previousLuminanceRT );
 			// renderer.render( this.scene, this.camera, this.currentLuminanceRT );
 
@@ -237,7 +236,6 @@
 			this.materialToneMap.needsUpdate = true;
 
 		}
-
 		setAdaptionRate( rate ) {
 
 			if ( rate ) {
@@ -247,7 +245,6 @@
 			}
 
 		}
-
 		setMinLuminance( minLum ) {
 
 			if ( minLum ) {
@@ -258,7 +255,6 @@
 			}
 
 		}
-
 		setMaxLuminance( maxLum ) {
 
 			if ( maxLum ) {
@@ -268,7 +264,6 @@
 			}
 
 		}
-
 		setAverageLuminance( avgLum ) {
 
 			if ( avgLum ) {
@@ -278,7 +273,6 @@
 			}
 
 		}
-
 		setMiddleGrey( middleGrey ) {
 
 			if ( middleGrey ) {
@@ -288,7 +282,6 @@
 			}
 
 		}
-
 		dispose() {
 
 			if ( this.luminanceRT ) {

package/examples/js/postprocessing/AfterimagePass.js

@@ -15,27 +15,23 @@
 			this.textureOld = new THREE.WebGLRenderTarget( window.innerWidth, window.innerHeight, {
 				magFilter: THREE.NearestFilter
 			} );
-			this.shaderMaterial = new THREE.ShaderMaterial( {
+			this.compFsMaterial = new THREE.ShaderMaterial( {
 				uniforms: this.uniforms,
 				vertexShader: this.shader.vertexShader,
 				fragmentShader: this.shader.fragmentShader
 			} );
-			this.compFsQuad = new THREE.FullScreenQuad( this.shaderMaterial );
-			const material = new THREE.MeshBasicMaterial();
-			this.copyFsQuad = new THREE.FullScreenQuad( material );
+			this.compFsQuad = new THREE.FullScreenQuad( this.compFsMaterial );
+			this.copyFsMaterial = new THREE.MeshBasicMaterial();
+			this.copyFsQuad = new THREE.FullScreenQuad( this.copyFsMaterial );
 
 		}
-
-		render( renderer, writeBuffer, readBuffer
-			/*, deltaTime, maskActive*/
-		) {
+		render( renderer, writeBuffer, readBuffer /*, deltaTime, maskActive*/ ) {
 
 			this.uniforms[ 'tOld' ].value = this.textureOld.texture;
 			this.uniforms[ 'tNew' ].value = readBuffer.texture;
 			renderer.setRenderTarget( this.textureComp );
 			this.compFsQuad.render( renderer );
 			this.copyFsQuad.material.map = this.textureComp.texture;
-
 			if ( this.renderToScreen ) {
 
 				renderer.setRenderTarget( null );
@@ -47,12 +43,13 @@
 				if ( this.clear ) renderer.clear();
 				this.copyFsQuad.render( renderer );
 
-			} // Swap buffers.
-
+			}
 
+			// Swap buffers.
 			const temp = this.textureOld;
 			this.textureOld = this.textureComp;
-			this.textureComp = temp; // Now textureOld contains the latest image, ready for the next frame.
+			this.textureComp = temp;
+			// Now textureOld contains the latest image, ready for the next frame.
 
 		}
 
@@ -62,6 +59,16 @@
 			this.textureOld.setSize( width, height );
 
 		}
+		dispose() {
+
+			this.textureComp.dispose();
+			this.textureOld.dispose();
+			this.compFsMaterial.dispose();
+			this.copyFsMaterial.dispose();
+			this.compFsQuad.dispose();
+			this.copyFsQuad.dispose();
+
+		}
 
 	}
 

package/examples/js/postprocessing/BloomPass.js

@@ -2,14 +2,18 @@
 
 	class BloomPass extends THREE.Pass {
 
-		constructor( strength = 1, kernelSize = 25, sigma = 4, resolution = 256 ) {
+		constructor( strength = 1, kernelSize = 25, sigma = 4 ) {
 
-			super(); // render targets
+			super();
 
-			this.renderTargetX = new THREE.WebGLRenderTarget( resolution, resolution );
+			// render targets
+
+			this.renderTargetX = new THREE.WebGLRenderTarget(); // will be resized later
 			this.renderTargetX.texture.name = 'BloomPass.x';
-			this.renderTargetY = new THREE.WebGLRenderTarget( resolution, resolution );
-			this.renderTargetY.texture.name = 'BloomPass.y'; // combine material
+			this.renderTargetY = new THREE.WebGLRenderTarget(); // will be resized later
+			this.renderTargetY.texture.name = 'BloomPass.y';
+
+			// combine material
 
 			this.combineUniforms = THREE.UniformsUtils.clone( CombineShader.uniforms );
 			this.combineUniforms[ 'strength' ].value = strength;
@@ -19,7 +23,9 @@
 				fragmentShader: CombineShader.fragmentShader,
 				blending: THREE.AdditiveBlending,
 				transparent: true
-			} ); // convolution material
+			} );
+
+			// convolution material
 
 			if ( THREE.ConvolutionShader === undefined ) console.error( 'THREE.BloomPass relies on THREE.ConvolutionShader' );
 			const convolutionShader = THREE.ConvolutionShader;
@@ -39,23 +45,28 @@
 			this.fsQuad = new THREE.FullScreenQuad( null );
 
 		}
-
 		render( renderer, writeBuffer, readBuffer, deltaTime, maskActive ) {
 
-			if ( maskActive ) renderer.state.buffers.stencil.setTest( false ); // Render quad with blured scene into texture (convolution pass 1)
+			if ( maskActive ) renderer.state.buffers.stencil.setTest( false );
+
+			// Render quad with blured scene into texture (convolution pass 1)
 
 			this.fsQuad.material = this.materialConvolution;
 			this.convolutionUniforms[ 'tDiffuse' ].value = readBuffer.texture;
 			this.convolutionUniforms[ 'uImageIncrement' ].value = BloomPass.blurX;
 			renderer.setRenderTarget( this.renderTargetX );
 			renderer.clear();
-			this.fsQuad.render( renderer ); // Render quad with blured scene into texture (convolution pass 2)
+			this.fsQuad.render( renderer );
+
+			// Render quad with blured scene into texture (convolution pass 2)
 
 			this.convolutionUniforms[ 'tDiffuse' ].value = this.renderTargetX.texture;
 			this.convolutionUniforms[ 'uImageIncrement' ].value = BloomPass.blurY;
 			renderer.setRenderTarget( this.renderTargetY );
 			renderer.clear();
-			this.fsQuad.render( renderer ); // Render original scene with superimposed blur to texture
+			this.fsQuad.render( renderer );
+
+			// Render original scene with superimposed blur to texture
 
 			this.fsQuad.material = this.materialCombine;
 			this.combineUniforms[ 'tDiffuse' ].value = this.renderTargetY.texture;
@@ -65,9 +76,23 @@
 			this.fsQuad.render( renderer );
 
 		}
+		setSize( width, height ) {
 
-	}
+			this.renderTargetX.setSize( width, height );
+			this.renderTargetY.setSize( width, height );
+
+		}
+		dispose() {
 
+			this.renderTargetX.dispose();
+			this.renderTargetY.dispose();
+			this.materialCombine.dispose();
+			this.materialConvolution.dispose();
+			this.fsQuad.dispose();
+
+		}
+
+	}
 	const CombineShader = {
 		uniforms: {
 			'tDiffuse': {
@@ -77,9 +102,7 @@
 				value: 1.0
 			}
 		},
-		vertexShader:
-  /* glsl */
-  `
+		vertexShader: /* glsl */`
 
 		varying vec2 vUv;
 
@@ -89,9 +112,7 @@
 			gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
 
 		}`,
-		fragmentShader:
-  /* glsl */
-  `
+		fragmentShader: /* glsl */`
 
 		uniform float strength;
 

package/examples/js/postprocessing/BokehPass.js

@@ -14,19 +14,24 @@
 			const focus = params.focus !== undefined ? params.focus : 1.0;
 			const aspect = params.aspect !== undefined ? params.aspect : camera.aspect;
 			const aperture = params.aperture !== undefined ? params.aperture : 0.025;
-			const maxblur = params.maxblur !== undefined ? params.maxblur : 1.0; // render targets
+			const maxblur = params.maxblur !== undefined ? params.maxblur : 1.0;
 
-			const width = params.width || window.innerWidth || 1;
-			const height = params.height || window.innerHeight || 1;
-			this.renderTargetDepth = new THREE.WebGLRenderTarget( width, height, {
+			// render targets
+
+			this.renderTargetDepth = new THREE.WebGLRenderTarget( 1, 1, {
+				// will be resized later
 				minFilter: THREE.NearestFilter,
 				magFilter: THREE.NearestFilter
 			} );
-			this.renderTargetDepth.texture.name = 'BokehPass.depth'; // depth material
+			this.renderTargetDepth.texture.name = 'BokehPass.depth';
+
+			// depth material
 
 			this.materialDepth = new THREE.MeshDepthMaterial();
 			this.materialDepth.depthPacking = THREE.RGBADepthPacking;
-			this.materialDepth.blending = THREE.NoBlending; // bokeh material
+			this.materialDepth.blending = THREE.NoBlending;
+
+			// bokeh material
 
 			if ( THREE.BokehShader === undefined ) {
 
@@ -55,12 +60,10 @@
 			this._oldClearColor = new THREE.Color();
 
 		}
-
-		render( renderer, writeBuffer, readBuffer
-			/*, deltaTime, maskActive*/
-		) {
+		render( renderer, writeBuffer, readBuffer /*, deltaTime, maskActive*/ ) {
 
 			// Render depth into texture
+
 			this.scene.overrideMaterial = this.materialDepth;
 			renderer.getClearColor( this._oldClearColor );
 			const oldClearAlpha = renderer.getClearAlpha();
@@ -70,12 +73,13 @@
 			renderer.setClearAlpha( 1.0 );
 			renderer.setRenderTarget( this.renderTargetDepth );
 			renderer.clear();
-			renderer.render( this.scene, this.camera ); // Render bokeh composite
+			renderer.render( this.scene, this.camera );
+
+			// Render bokeh composite
 
 			this.uniforms[ 'tColor' ].value = readBuffer.texture;
 			this.uniforms[ 'nearClip' ].value = this.camera.near;
 			this.uniforms[ 'farClip' ].value = this.camera.far;
-
 			if ( this.renderToScreen ) {
 
 				renderer.setRenderTarget( null );
@@ -95,6 +99,19 @@
 			renderer.autoClear = oldAutoClear;
 
 		}
+		setSize( width, height ) {
+
+			this.renderTargetDepth.setSize( width, height );
+
+		}
+		dispose() {
+
+			this.renderTargetDepth.dispose();
+			this.materialDepth.dispose();
+			this.materialBokeh.dispose();
+			this.fsQuad.dispose();
+
+		}
 
 	}
 

package/examples/js/postprocessing/ClearPass.js

@@ -11,13 +11,9 @@
 			this._oldClearColor = new THREE.Color();
 
 		}
-
-		render( renderer, writeBuffer, readBuffer
-			/*, deltaTime, maskActive */
-		) {
+		render( renderer, writeBuffer, readBuffer /*, deltaTime, maskActive */ ) {
 
 			let oldClearAlpha;
-
 			if ( this.clearColor ) {
 
 				renderer.getClearColor( this._oldClearColor );
@@ -28,7 +24,6 @@
 
 			renderer.setRenderTarget( this.renderToScreen ? null : readBuffer );
 			renderer.clear();
-
 			if ( this.clearColor ) {
 
 				renderer.setClearColor( this._oldClearColor, oldClearAlpha );