@needle-tools/three 0.146.10 → 0.153.1

package/examples/js/postprocessing/CubeTexturePass.js

@@ -1,60 +0,0 @@
-( function () {
-
-	class CubeTexturePass extends THREE.Pass {
-
-		constructor( camera, tCube, opacity = 1 ) {
-
-			super();
-			this.camera = camera;
-			this.needsSwap = false;
-			this.cubeShader = THREE.ShaderLib[ 'cube' ];
-			this.cubeMesh = new THREE.Mesh( new THREE.BoxGeometry( 10, 10, 10 ), new THREE.ShaderMaterial( {
-				uniforms: THREE.UniformsUtils.clone( this.cubeShader.uniforms ),
-				vertexShader: this.cubeShader.vertexShader,
-				fragmentShader: this.cubeShader.fragmentShader,
-				depthTest: false,
-				depthWrite: false,
-				side: THREE.BackSide
-			} ) );
-			Object.defineProperty( this.cubeMesh.material, 'envMap', {
-				get: function () {
-
-					return this.uniforms.tCube.value;
-
-				}
-			} );
-			this.tCube = tCube;
-			this.opacity = opacity;
-			this.cubeScene = new THREE.Scene();
-			this.cubeCamera = new THREE.PerspectiveCamera();
-			this.cubeScene.add( this.cubeMesh );
-
-		}
-		render( renderer, writeBuffer, readBuffer /*, deltaTime, maskActive*/ ) {
-
-			const oldAutoClear = renderer.autoClear;
-			renderer.autoClear = false;
-			this.cubeCamera.projectionMatrix.copy( this.camera.projectionMatrix );
-			this.cubeCamera.quaternion.setFromRotationMatrix( this.camera.matrixWorld );
-			this.cubeMesh.material.uniforms.tCube.value = this.tCube;
-			this.cubeMesh.material.uniforms.tFlip.value = this.tCube.isCubeTexture && this.tCube.isRenderTargetTexture === false ? - 1 : 1;
-			this.cubeMesh.material.uniforms.opacity.value = this.opacity;
-			this.cubeMesh.material.transparent = this.opacity < 1.0;
-			renderer.setRenderTarget( this.renderToScreen ? null : readBuffer );
-			if ( this.clear ) renderer.clear();
-			renderer.render( this.cubeScene, this.cubeCamera );
-			renderer.autoClear = oldAutoClear;
-
-		}
-		dispose() {
-
-			this.cubeMesh.geometry.dispose();
-			this.cubeMesh.material.dispose();
-
-		}
-
-	}
-
-	THREE.CubeTexturePass = CubeTexturePass;
-
-} )();

package/examples/js/postprocessing/DotScreenPass.js

@@ -1,51 +0,0 @@
-( function () {
-
-	class DotScreenPass extends THREE.Pass {
-
-		constructor( center, angle, scale ) {
-
-			super();
-			if ( THREE.DotScreenShader === undefined ) console.error( 'THREE.DotScreenPass relies on THREE.DotScreenShader' );
-			const shader = THREE.DotScreenShader;
-			this.uniforms = THREE.UniformsUtils.clone( shader.uniforms );
-			if ( center !== undefined ) this.uniforms[ 'center' ].value.copy( center );
-			if ( angle !== undefined ) this.uniforms[ 'angle' ].value = angle;
-			if ( scale !== undefined ) this.uniforms[ 'scale' ].value = scale;
-			this.material = new THREE.ShaderMaterial( {
-				uniforms: this.uniforms,
-				vertexShader: shader.vertexShader,
-				fragmentShader: shader.fragmentShader
-			} );
-			this.fsQuad = new THREE.FullScreenQuad( this.material );
-
-		}
-		render( renderer, writeBuffer, readBuffer /*, deltaTime, maskActive */ ) {
-
-			this.uniforms[ 'tDiffuse' ].value = readBuffer.texture;
-			this.uniforms[ 'tSize' ].value.set( readBuffer.width, readBuffer.height );
-			if ( this.renderToScreen ) {
-
-				renderer.setRenderTarget( null );
-				this.fsQuad.render( renderer );
-
-			} else {
-
-				renderer.setRenderTarget( writeBuffer );
-				if ( this.clear ) renderer.clear();
-				this.fsQuad.render( renderer );
-
-			}
-
-		}
-		dispose() {
-
-			this.material.dispose();
-			this.fsQuad.dispose();
-
-		}
-
-	}
-
-	THREE.DotScreenPass = DotScreenPass;
-
-} )();

package/examples/js/postprocessing/EffectComposer.js

@@ -1,272 +0,0 @@
-( function () {
-
-	class EffectComposer {
-
-		constructor( renderer, renderTarget ) {
-
-			this.renderer = renderer;
-			if ( renderTarget === undefined ) {
-
-				const size = renderer.getSize( new THREE.Vector2() );
-				this._pixelRatio = renderer.getPixelRatio();
-				this._width = size.width;
-				this._height = size.height;
-				renderTarget = new THREE.WebGLRenderTarget( this._width * this._pixelRatio, this._height * this._pixelRatio );
-				renderTarget.texture.name = 'EffectComposer.rt1';
-
-			} else {
-
-				this._pixelRatio = 1;
-				this._width = renderTarget.width;
-				this._height = renderTarget.height;
-
-			}
-
-			this.renderTarget1 = renderTarget;
-			this.renderTarget2 = renderTarget.clone();
-			this.renderTarget2.texture.name = 'EffectComposer.rt2';
-			this.writeBuffer = this.renderTarget1;
-			this.readBuffer = this.renderTarget2;
-			this.renderToScreen = true;
-			this.passes = [];
-
-			// dependencies
-
-			if ( THREE.CopyShader === undefined ) {
-
-				console.error( 'THREE.EffectComposer relies on THREE.CopyShader' );
-
-			}
-
-			if ( THREE.ShaderPass === undefined ) {
-
-				console.error( 'THREE.EffectComposer relies on THREE.ShaderPass' );
-
-			}
-
-			this.copyPass = new THREE.ShaderPass( THREE.CopyShader );
-			this.clock = new THREE.Clock();
-
-		}
-		swapBuffers() {
-
-			const tmp = this.readBuffer;
-			this.readBuffer = this.writeBuffer;
-			this.writeBuffer = tmp;
-
-		}
-		addPass( pass ) {
-
-			this.passes.push( pass );
-			pass.setSize( this._width * this._pixelRatio, this._height * this._pixelRatio );
-
-		}
-		insertPass( pass, index ) {
-
-			this.passes.splice( index, 0, pass );
-			pass.setSize( this._width * this._pixelRatio, this._height * this._pixelRatio );
-
-		}
-		removePass( pass ) {
-
-			const index = this.passes.indexOf( pass );
-			if ( index !== - 1 ) {
-
-				this.passes.splice( index, 1 );
-
-			}
-
-		}
-		isLastEnabledPass( passIndex ) {
-
-			for ( let i = passIndex + 1; i < this.passes.length; i ++ ) {
-
-				if ( this.passes[ i ].enabled ) {
-
-					return false;
-
-				}
-
-			}
-
-			return true;
-
-		}
-		render( deltaTime ) {
-
-			// deltaTime value is in seconds
-
-			if ( deltaTime === undefined ) {
-
-				deltaTime = this.clock.getDelta();
-
-			}
-
-			const currentRenderTarget = this.renderer.getRenderTarget();
-			let maskActive = false;
-			for ( let i = 0, il = this.passes.length; i < il; i ++ ) {
-
-				const pass = this.passes[ i ];
-				if ( pass.enabled === false ) continue;
-				pass.renderToScreen = this.renderToScreen && this.isLastEnabledPass( i );
-				pass.render( this.renderer, this.writeBuffer, this.readBuffer, deltaTime, maskActive );
-				if ( pass.needsSwap ) {
-
-					if ( maskActive ) {
-
-						const context = this.renderer.getContext();
-						const stencil = this.renderer.state.buffers.stencil;
-
-						//context.stencilFunc( context.NOTEQUAL, 1, 0xffffffff );
-						stencil.setFunc( context.NOTEQUAL, 1, 0xffffffff );
-						this.copyPass.render( this.renderer, this.writeBuffer, this.readBuffer, deltaTime );
-
-						//context.stencilFunc( context.EQUAL, 1, 0xffffffff );
-						stencil.setFunc( context.EQUAL, 1, 0xffffffff );
-
-					}
-
-					this.swapBuffers();
-
-				}
-
-				if ( THREE.MaskPass !== undefined ) {
-
-					if ( pass instanceof THREE.MaskPass ) {
-
-						maskActive = true;
-
-					} else if ( pass instanceof THREE.ClearMaskPass ) {
-
-						maskActive = false;
-
-					}
-
-				}
-
-			}
-
-			this.renderer.setRenderTarget( currentRenderTarget );
-
-		}
-		reset( renderTarget ) {
-
-			if ( renderTarget === undefined ) {
-
-				const size = this.renderer.getSize( new THREE.Vector2() );
-				this._pixelRatio = this.renderer.getPixelRatio();
-				this._width = size.width;
-				this._height = size.height;
-				renderTarget = this.renderTarget1.clone();
-				renderTarget.setSize( this._width * this._pixelRatio, this._height * this._pixelRatio );
-
-			}
-
-			this.renderTarget1.dispose();
-			this.renderTarget2.dispose();
-			this.renderTarget1 = renderTarget;
-			this.renderTarget2 = renderTarget.clone();
-			this.writeBuffer = this.renderTarget1;
-			this.readBuffer = this.renderTarget2;
-
-		}
-		setSize( width, height ) {
-
-			this._width = width;
-			this._height = height;
-			const effectiveWidth = this._width * this._pixelRatio;
-			const effectiveHeight = this._height * this._pixelRatio;
-			this.renderTarget1.setSize( effectiveWidth, effectiveHeight );
-			this.renderTarget2.setSize( effectiveWidth, effectiveHeight );
-			for ( let i = 0; i < this.passes.length; i ++ ) {
-
-				this.passes[ i ].setSize( effectiveWidth, effectiveHeight );
-
-			}
-
-		}
-		setPixelRatio( pixelRatio ) {
-
-			this._pixelRatio = pixelRatio;
-			this.setSize( this._width, this._height );
-
-		}
-		dispose() {
-
-			this.renderTarget1.dispose();
-			this.renderTarget2.dispose();
-			this.copyPass.dispose();
-
-		}
-
-	}
-	class Pass {
-
-		constructor() {
-
-			// if set to true, the pass is processed by the composer
-			this.enabled = true;
-
-			// if set to true, the pass indicates to swap read and write buffer after rendering
-			this.needsSwap = true;
-
-			// if set to true, the pass clears its buffer before rendering
-			this.clear = false;
-
-			// if set to true, the result of the pass is rendered to screen. This is set automatically by EffectComposer.
-			this.renderToScreen = false;
-
-		}
-		setSize() {}
-		render() {
-
-			console.error( 'THREE.Pass: .render() must be implemented in derived pass.' );
-
-		}
-
-	}
-
-	// Helper for passes that need to fill the viewport with a single quad.
-
-	const _camera = new THREE.OrthographicCamera( - 1, 1, 1, - 1, 0, 1 );
-
-	// https://github.com/mrdoob/three.js/pull/21358
-
-	const _geometry = new THREE.BufferGeometry();
-	_geometry.setAttribute( 'position', new THREE.Float32BufferAttribute( [ - 1, 3, 0, - 1, - 1, 0, 3, - 1, 0 ], 3 ) );
-	_geometry.setAttribute( 'uv', new THREE.Float32BufferAttribute( [ 0, 2, 0, 0, 2, 0 ], 2 ) );
-	class FullScreenQuad {
-
-		constructor( material ) {
-
-			this._mesh = new THREE.Mesh( _geometry, material );
-
-		}
-		dispose() {
-
-			this._mesh.geometry.dispose();
-
-		}
-		render( renderer ) {
-
-			renderer.render( this._mesh, _camera );
-
-		}
-		get material() {
-
-			return this._mesh.material;
-
-		}
-		set material( value ) {
-
-			this._mesh.material = value;
-
-		}
-
-	}
-
-	THREE.EffectComposer = EffectComposer;
-	THREE.FullScreenQuad = FullScreenQuad;
-	THREE.Pass = Pass;
-
-} )();

package/examples/js/postprocessing/FilmPass.js

@@ -1,52 +0,0 @@
-( function () {
-
-	class FilmPass extends THREE.Pass {
-
-		constructor( noiseIntensity, scanlinesIntensity, scanlinesCount, grayscale ) {
-
-			super();
-			if ( THREE.FilmShader === undefined ) console.error( 'THREE.FilmPass relies on THREE.FilmShader' );
-			const shader = THREE.FilmShader;
-			this.uniforms = THREE.UniformsUtils.clone( shader.uniforms );
-			this.material = new THREE.ShaderMaterial( {
-				uniforms: this.uniforms,
-				vertexShader: shader.vertexShader,
-				fragmentShader: shader.fragmentShader
-			} );
-			if ( grayscale !== undefined ) this.uniforms.grayscale.value = grayscale;
-			if ( noiseIntensity !== undefined ) this.uniforms.nIntensity.value = noiseIntensity;
-			if ( scanlinesIntensity !== undefined ) this.uniforms.sIntensity.value = scanlinesIntensity;
-			if ( scanlinesCount !== undefined ) this.uniforms.sCount.value = scanlinesCount;
-			this.fsQuad = new THREE.FullScreenQuad( this.material );
-
-		}
-		render( renderer, writeBuffer, readBuffer, deltaTime /*, maskActive */ ) {
-
-			this.uniforms[ 'tDiffuse' ].value = readBuffer.texture;
-			this.uniforms[ 'time' ].value += deltaTime;
-			if ( this.renderToScreen ) {
-
-				renderer.setRenderTarget( null );
-				this.fsQuad.render( renderer );
-
-			} else {
-
-				renderer.setRenderTarget( writeBuffer );
-				if ( this.clear ) renderer.clear();
-				this.fsQuad.render( renderer );
-
-			}
-
-		}
-		dispose() {
-
-			this.material.dispose();
-			this.fsQuad.dispose();
-
-		}
-
-	}
-
-	THREE.FilmPass = FilmPass;
-
-} )();

package/examples/js/postprocessing/GlitchPass.js

@@ -1,104 +0,0 @@
-( function () {
-
-	class GlitchPass extends THREE.Pass {
-
-		constructor( dt_size = 64 ) {
-
-			super();
-			if ( THREE.DigitalGlitch === undefined ) console.error( 'THREE.GlitchPass relies on THREE.DigitalGlitch' );
-			const shader = THREE.DigitalGlitch;
-			this.uniforms = THREE.UniformsUtils.clone( shader.uniforms );
-			this.heightMap = this.generateHeightmap( dt_size );
-			this.uniforms[ 'tDisp' ].value = this.heightMap;
-			this.material = new THREE.ShaderMaterial( {
-				uniforms: this.uniforms,
-				vertexShader: shader.vertexShader,
-				fragmentShader: shader.fragmentShader
-			} );
-			this.fsQuad = new THREE.FullScreenQuad( this.material );
-			this.goWild = false;
-			this.curF = 0;
-			this.generateTrigger();
-
-		}
-		render( renderer, writeBuffer, readBuffer /*, deltaTime, maskActive */ ) {
-
-			if ( renderer.capabilities.isWebGL2 === false ) this.uniforms[ 'tDisp' ].value.format = THREE.LuminanceFormat;
-			this.uniforms[ 'tDiffuse' ].value = readBuffer.texture;
-			this.uniforms[ 'seed' ].value = Math.random(); //default seeding
-			this.uniforms[ 'byp' ].value = 0;
-			if ( this.curF % this.randX == 0 || this.goWild == true ) {
-
-				this.uniforms[ 'amount' ].value = Math.random() / 30;
-				this.uniforms[ 'angle' ].value = THREE.MathUtils.randFloat( - Math.PI, Math.PI );
-				this.uniforms[ 'seed_x' ].value = THREE.MathUtils.randFloat( - 1, 1 );
-				this.uniforms[ 'seed_y' ].value = THREE.MathUtils.randFloat( - 1, 1 );
-				this.uniforms[ 'distortion_x' ].value = THREE.MathUtils.randFloat( 0, 1 );
-				this.uniforms[ 'distortion_y' ].value = THREE.MathUtils.randFloat( 0, 1 );
-				this.curF = 0;
-				this.generateTrigger();
-
-			} else if ( this.curF % this.randX < this.randX / 5 ) {
-
-				this.uniforms[ 'amount' ].value = Math.random() / 90;
-				this.uniforms[ 'angle' ].value = THREE.MathUtils.randFloat( - Math.PI, Math.PI );
-				this.uniforms[ 'distortion_x' ].value = THREE.MathUtils.randFloat( 0, 1 );
-				this.uniforms[ 'distortion_y' ].value = THREE.MathUtils.randFloat( 0, 1 );
-				this.uniforms[ 'seed_x' ].value = THREE.MathUtils.randFloat( - 0.3, 0.3 );
-				this.uniforms[ 'seed_y' ].value = THREE.MathUtils.randFloat( - 0.3, 0.3 );
-
-			} else if ( this.goWild == false ) {
-
-				this.uniforms[ 'byp' ].value = 1;
-
-			}
-
-			this.curF ++;
-			if ( this.renderToScreen ) {
-
-				renderer.setRenderTarget( null );
-				this.fsQuad.render( renderer );
-
-			} else {
-
-				renderer.setRenderTarget( writeBuffer );
-				if ( this.clear ) renderer.clear();
-				this.fsQuad.render( renderer );
-
-			}
-
-		}
-		generateTrigger() {
-
-			this.randX = THREE.MathUtils.randInt( 120, 240 );
-
-		}
-		generateHeightmap( dt_size ) {
-
-			const data_arr = new Float32Array( dt_size * dt_size );
-			const length = dt_size * dt_size;
-			for ( let i = 0; i < length; i ++ ) {
-
-				const val = THREE.MathUtils.randFloat( 0, 1 );
-				data_arr[ i ] = val;
-
-			}
-
-			const texture = new THREE.DataTexture( data_arr, dt_size, dt_size, THREE.RedFormat, THREE.FloatType );
-			texture.needsUpdate = true;
-			return texture;
-
-		}
-		dispose() {
-
-			this.material.dispose();
-			this.heightMap.dispose();
-			this.fsQuad.dispose();
-
-		}
-
-	}
-
-	THREE.GlitchPass = GlitchPass;
-
-} )();

package/examples/js/postprocessing/HalftonePass.js

@@ -1,75 +0,0 @@
-( function () {
-
-	/**
- * RGB Halftone pass for three.js effects composer. Requires THREE.HalftoneShader.
- */
-
-	class HalftonePass extends THREE.Pass {
-
-		constructor( width, height, params ) {
-
-			super();
-			if ( THREE.HalftoneShader === undefined ) {
-
-				console.error( 'THREE.HalftonePass requires THREE.HalftoneShader' );
-
-			}
-
-			this.uniforms = THREE.UniformsUtils.clone( THREE.HalftoneShader.uniforms );
-			this.material = new THREE.ShaderMaterial( {
-				uniforms: this.uniforms,
-				fragmentShader: THREE.HalftoneShader.fragmentShader,
-				vertexShader: THREE.HalftoneShader.vertexShader
-			} );
-
-			// set params
-			this.uniforms.width.value = width;
-			this.uniforms.height.value = height;
-			for ( const key in params ) {
-
-				if ( params.hasOwnProperty( key ) && this.uniforms.hasOwnProperty( key ) ) {
-
-					this.uniforms[ key ].value = params[ key ];
-
-				}
-
-			}
-
-			this.fsQuad = new THREE.FullScreenQuad( this.material );
-
-		}
-		render( renderer, writeBuffer, readBuffer /*, deltaTime, maskActive*/ ) {
-
-			this.material.uniforms[ 'tDiffuse' ].value = readBuffer.texture;
-			if ( this.renderToScreen ) {
-
-				renderer.setRenderTarget( null );
-				this.fsQuad.render( renderer );
-
-			} else {
-
-				renderer.setRenderTarget( writeBuffer );
-				if ( this.clear ) renderer.clear();
-				this.fsQuad.render( renderer );
-
-			}
-
-		}
-		setSize( width, height ) {
-
-			this.uniforms.width.value = width;
-			this.uniforms.height.value = height;
-
-		}
-		dispose() {
-
-			this.material.dispose();
-			this.fsQuad.dispose();
-
-		}
-
-	}
-
-	THREE.HalftonePass = HalftonePass;
-
-} )();