@anov/3d 0.0.3 → 0.0.4-alpha12

package/examples/jsm/postprocessing/BloomPass.js

@@ -1,172 +0,0 @@
-import {
-	AdditiveBlending,
-	HalfFloatType,
-	ShaderMaterial,
-	UniformsUtils,
-	Vector2,
-	WebGLRenderTarget
-} from 'three';
-import { Pass, FullScreenQuad } from './Pass.js';
-import { ConvolutionShader } from '../shaders/ConvolutionShader.js';
-
-class BloomPass extends Pass {
-
-	constructor( strength = 1, kernelSize = 25, sigma = 4 ) {
-
-		super();
-
-		// render targets
-
-		this.renderTargetX = new WebGLRenderTarget( 1, 1, { type: HalfFloatType } ); // will be resized later
-		this.renderTargetX.texture.name = 'BloomPass.x';
-		this.renderTargetY = new WebGLRenderTarget( 1, 1, { type: HalfFloatType } ); // will be resized later
-		this.renderTargetY.texture.name = 'BloomPass.y';
-
-		// combine material
-
-		this.combineUniforms = UniformsUtils.clone( CombineShader.uniforms );
-
-		this.combineUniforms[ 'strength' ].value = strength;
-
-		this.materialCombine = new ShaderMaterial( {
-
-			name: CombineShader.name,
-			uniforms: this.combineUniforms,
-			vertexShader: CombineShader.vertexShader,
-			fragmentShader: CombineShader.fragmentShader,
-			blending: AdditiveBlending,
-			transparent: true
-
-		} );
-
-		// convolution material
-
-		const convolutionShader = ConvolutionShader;
-
-		this.convolutionUniforms = UniformsUtils.clone( convolutionShader.uniforms );
-
-		this.convolutionUniforms[ 'uImageIncrement' ].value = BloomPass.blurX;
-		this.convolutionUniforms[ 'cKernel' ].value = ConvolutionShader.buildKernel( sigma );
-
-		this.materialConvolution = new ShaderMaterial( {
-
-			name: convolutionShader.name,
-			uniforms: this.convolutionUniforms,
-			vertexShader: convolutionShader.vertexShader,
-			fragmentShader: convolutionShader.fragmentShader,
-			defines: {
-				'KERNEL_SIZE_FLOAT': kernelSize.toFixed( 1 ),
-				'KERNEL_SIZE_INT': kernelSize.toFixed( 0 )
-			}
-
-		} );
-
-		this.needsSwap = false;
-
-		this.fsQuad = new 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)
-
-		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.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.material = this.materialCombine;
-
-		this.combineUniforms[ 'tDiffuse' ].value = this.renderTargetY.texture;
-
-		if ( maskActive ) renderer.state.buffers.stencil.setTest( true );
-
-		renderer.setRenderTarget( readBuffer );
-		if ( this.clear ) renderer.clear();
-		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 = {
-
-	name: 'CombineShader',
-
-	uniforms: {
-
-		'tDiffuse': { value: null },
-		'strength': { value: 1.0 }
-
-	},
-
-	vertexShader: /* glsl */`
-
-		varying vec2 vUv;
-
-		void main() {
-
-			vUv = uv;
-			gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
-
-		}`,
-
-	fragmentShader: /* glsl */`
-
-		uniform float strength;
-
-		uniform sampler2D tDiffuse;
-
-		varying vec2 vUv;
-
-		void main() {
-
-			vec4 texel = texture2D( tDiffuse, vUv );
-			gl_FragColor = strength * texel;
-
-		}`
-
-};
-
-BloomPass.blurX = new Vector2( 0.001953125, 0.0 );
-BloomPass.blurY = new Vector2( 0.0, 0.001953125 );
-
-export { BloomPass };

package/examples/jsm/postprocessing/BokehPass.js

@@ -1,140 +0,0 @@
-import {
-	Color,
-	HalfFloatType,
-	MeshDepthMaterial,
-	NearestFilter,
-	NoBlending,
-	RGBADepthPacking,
-	ShaderMaterial,
-	UniformsUtils,
-	WebGLRenderTarget
-} from 'three';
-import { Pass, FullScreenQuad } from './Pass.js';
-import { BokehShader } from '../shaders/BokehShader.js';
-
-/**
- * Depth-of-field post-process with bokeh shader
- */
-
-class BokehPass extends Pass {
-
-	constructor( scene, camera, params ) {
-
-		super();
-
-		this.scene = scene;
-		this.camera = camera;
-
-		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
-
-		this.renderTargetDepth = new WebGLRenderTarget( 1, 1, { // will be resized later
-			minFilter: NearestFilter,
-			magFilter: NearestFilter,
-			type: HalfFloatType
-		} );
-
-		this.renderTargetDepth.texture.name = 'BokehPass.depth';
-
-		// depth material
-
-		this.materialDepth = new MeshDepthMaterial();
-		this.materialDepth.depthPacking = RGBADepthPacking;
-		this.materialDepth.blending = NoBlending;
-
-		// bokeh material
-
-		const bokehShader = BokehShader;
-		const bokehUniforms = UniformsUtils.clone( bokehShader.uniforms );
-
-		bokehUniforms[ 'tDepth' ].value = this.renderTargetDepth.texture;
-
-		bokehUniforms[ 'focus' ].value = focus;
-		bokehUniforms[ 'aspect' ].value = aspect;
-		bokehUniforms[ 'aperture' ].value = aperture;
-		bokehUniforms[ 'maxblur' ].value = maxblur;
-		bokehUniforms[ 'nearClip' ].value = camera.near;
-		bokehUniforms[ 'farClip' ].value = camera.far;
-
-		this.materialBokeh = new ShaderMaterial( {
-			defines: Object.assign( {}, bokehShader.defines ),
-			uniforms: bokehUniforms,
-			vertexShader: bokehShader.vertexShader,
-			fragmentShader: bokehShader.fragmentShader
-		} );
-
-		this.uniforms = bokehUniforms;
-
-		this.fsQuad = new FullScreenQuad( this.materialBokeh );
-
-		this._oldClearColor = new Color();
-
-	}
-
-	render( renderer, writeBuffer, readBuffer/*, deltaTime, maskActive*/ ) {
-
-		// Render depth into texture
-
-		this.scene.overrideMaterial = this.materialDepth;
-
-		renderer.getClearColor( this._oldClearColor );
-		const oldClearAlpha = renderer.getClearAlpha();
-		const oldAutoClear = renderer.autoClear;
-		renderer.autoClear = false;
-
-		renderer.setClearColor( 0xffffff );
-		renderer.setClearAlpha( 1.0 );
-		renderer.setRenderTarget( this.renderTargetDepth );
-		renderer.clear();
-		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 );
-			this.fsQuad.render( renderer );
-
-		} else {
-
-			renderer.setRenderTarget( writeBuffer );
-			renderer.clear();
-			this.fsQuad.render( renderer );
-
-		}
-
-		this.scene.overrideMaterial = null;
-		renderer.setClearColor( this._oldClearColor );
-		renderer.setClearAlpha( oldClearAlpha );
-		renderer.autoClear = oldAutoClear;
-
-	}
-
-	setSize( width, height ) {
-
-		this.renderTargetDepth.setSize( width, height );
-
-	}
-
-	dispose() {
-
-		this.renderTargetDepth.dispose();
-
-		this.materialDepth.dispose();
-		this.materialBokeh.dispose();
-
-		this.fsQuad.dispose();
-
-	}
-
-}
-
-export { BokehPass };

package/examples/jsm/postprocessing/ClearPass.js

@@ -1,46 +0,0 @@
-import {
-	Color
-} from 'three';
-import { Pass } from './Pass.js';
-
-class ClearPass extends Pass {
-
-	constructor( clearColor, clearAlpha ) {
-
-		super();
-
-		this.needsSwap = false;
-
-		this.clearColor = ( clearColor !== undefined ) ? clearColor : 0x000000;
-		this.clearAlpha = ( clearAlpha !== undefined ) ? clearAlpha : 0;
-		this._oldClearColor = new Color();
-
-	}
-
-	render( renderer, writeBuffer, readBuffer /*, deltaTime, maskActive */ ) {
-
-		let oldClearAlpha;
-
-		if ( this.clearColor ) {
-
-			renderer.getClearColor( this._oldClearColor );
-			oldClearAlpha = renderer.getClearAlpha();
-
-			renderer.setClearColor( this.clearColor, this.clearAlpha );
-
-		}
-
-		renderer.setRenderTarget( this.renderToScreen ? null : readBuffer );
-		renderer.clear();
-
-		if ( this.clearColor ) {
-
-			renderer.setClearColor( this._oldClearColor, oldClearAlpha );
-
-		}
-
-	}
-
-}
-
-export { ClearPass };

package/examples/jsm/postprocessing/CubeTexturePass.js

@@ -1,85 +0,0 @@
-import {
-	BackSide,
-	BoxGeometry,
-	Mesh,
-	PerspectiveCamera,
-	Scene,
-	ShaderLib,
-	ShaderMaterial,
-	UniformsUtils
-} from 'three';
-import { Pass } from './Pass.js';
-
-class CubeTexturePass extends Pass {
-
-	constructor( camera, tCube, opacity = 1 ) {
-
-		super();
-
-		this.camera = camera;
-
-		this.needsSwap = false;
-
-		this.cubeShader = ShaderLib[ 'cube' ];
-		this.cubeMesh = new Mesh(
-			new BoxGeometry( 10, 10, 10 ),
-			new ShaderMaterial( {
-				uniforms: UniformsUtils.clone( this.cubeShader.uniforms ),
-				vertexShader: this.cubeShader.vertexShader,
-				fragmentShader: this.cubeShader.fragmentShader,
-				depthTest: false,
-				depthWrite: false,
-				side: BackSide
-			} )
-		);
-
-		Object.defineProperty( this.cubeMesh.material, 'envMap', {
-
-			get: function () {
-
-				return this.uniforms.tCube.value;
-
-			}
-
-		} );
-
-		this.tCube = tCube;
-		this.opacity = opacity;
-
-		this.cubeScene = new Scene();
-		this.cubeCamera = new 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();
-
-	}
-
-}
-
-export { CubeTexturePass };

package/examples/jsm/postprocessing/DotScreenPass.js

@@ -1,65 +0,0 @@
-import {
-	ShaderMaterial,
-	UniformsUtils
-} from 'three';
-import { Pass, FullScreenQuad } from './Pass.js';
-import { DotScreenShader } from '../shaders/DotScreenShader.js';
-
-class DotScreenPass extends Pass {
-
-	constructor( center, angle, scale ) {
-
-		super();
-
-		const shader = DotScreenShader;
-
-		this.uniforms = 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 ShaderMaterial( {
-
-			name: shader.name,
-			uniforms: this.uniforms,
-			vertexShader: shader.vertexShader,
-			fragmentShader: shader.fragmentShader
-
-		} );
-
-		this.fsQuad = new 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();
-
-	}
-
-}
-
-export { DotScreenPass };