@needle-tools/three 0.145.4 → 0.146.2

package/examples/js/postprocessing/OutlinePass.js

@@ -56,10 +56,12 @@
 			this.separableBlurMaterial1.uniforms[ 'kernelRadius' ].value = 1;
 			this.separableBlurMaterial2 = this.getSeperableBlurMaterial( MAX_EDGE_GLOW );
 			this.separableBlurMaterial2.uniforms[ 'texSize' ].value.set( Math.round( resx / 2 ), Math.round( resy / 2 ) );
-			this.separableBlurMaterial2.uniforms[ 'kernelRadius' ].value = MAX_EDGE_GLOW; // Overlay material
+			this.separableBlurMaterial2.uniforms[ 'kernelRadius' ].value = MAX_EDGE_GLOW;
 
-			this.overlayMaterial = this.getOverlayMaterial(); // copy material
+			// Overlay material
+			this.overlayMaterial = this.getOverlayMaterial();
 
+			// copy material
 			if ( THREE.CopyShader === undefined ) console.error( 'THREE.OutlinePass relies on THREE.CopyShader' );
 			const copyShader = THREE.CopyShader;
 			this.copyUniforms = THREE.UniformsUtils.clone( copyShader.uniforms );
@@ -81,7 +83,6 @@
 			this.tempPulseColor1 = new THREE.Color();
 			this.tempPulseColor2 = new THREE.Color();
 			this.textureMatrix = new THREE.Matrix4();
-
 			function replaceDepthToViewZ( string, camera ) {
 
 				const type = camera.isPerspectiveCamera ? 'perspective' : 'orthographic';
@@ -90,7 +91,6 @@
 			}
 
 		}
-
 		dispose() {
 
 			this.renderTargetMaskBuffer.dispose();
@@ -100,9 +100,16 @@
 			this.renderTargetBlurBuffer2.dispose();
 			this.renderTargetEdgeBuffer1.dispose();
 			this.renderTargetEdgeBuffer2.dispose();
+			this.depthMaterial.dispose();
+			this.prepareMaskMaterial.dispose();
+			this.edgeDetectionMaterial.dispose();
+			this.separableBlurMaterial1.dispose();
+			this.separableBlurMaterial2.dispose();
+			this.overlayMaterial.dispose();
+			this.materialCopy.dispose();
+			this.fsQuad.dispose();
 
 		}
-
 		setSize( width, height ) {
 
 			this.renderTargetMaskBuffer.setSize( width, height );
@@ -120,11 +127,9 @@
 			this.separableBlurMaterial2.uniforms[ 'texSize' ].value.set( resx, resy );
 
 		}
-
 		changeVisibilityOfSelectedObjects( bVisible ) {
 
 			const cache = this._visibilityCache;
-
 			function gatherSelectedMeshesCallBack( object ) {
 
 				if ( object.isMesh ) {
@@ -152,12 +157,10 @@
 			}
 
 		}
-
 		changeVisibilityOfNonSelectedObjects( bVisible ) {
 
 			const cache = this._visibilityCache;
 			const selectedMeshes = [];
-
 			function gatherSelectedMeshesCallBack( object ) {
 
 				if ( object.isMesh ) selectedMeshes.push( object );
@@ -176,12 +179,11 @@
 				if ( object.isMesh || object.isSprite ) {
 
 					// only meshes and sprites are supported by OutlinePass
-					let bFound = false;
 
+					let bFound = false;
 					for ( let i = 0; i < selectedMeshes.length; i ++ ) {
 
 						const selectedObjectId = selectedMeshes[ i ].id;
-
 						if ( selectedObjectId === object.id ) {
 
 							bFound = true;
@@ -194,7 +196,6 @@
 					if ( bFound === false ) {
 
 						const visibility = object.visible;
-
 						if ( bVisible === false || cache.get( object ) === true ) {
 
 							object.visible = bVisible;
@@ -209,6 +210,7 @@
 
 					// the visibilty of points and lines is always set to false in order to
 					// not affect the outline computation
+
 					if ( bVisible === true ) {
 
 						object.visible = cache.get( object ); // restore
@@ -227,7 +229,6 @@
 			this.renderScene.traverse( VisibilityChangeCallBack );
 
 		}
-
 		updateTextureMatrix() {
 
 			this.textureMatrix.set( 0.5, 0.0, 0.0, 0.5, 0.0, 0.5, 0.0, 0.5, 0.0, 0.0, 0.5, 0.5, 0.0, 0.0, 0.0, 1.0 );
@@ -235,7 +236,6 @@
 			this.textureMatrix.multiply( this.renderCamera.matrixWorldInverse );
 
 		}
-
 		render( renderer, writeBuffer, readBuffer, deltaTime, maskActive ) {
 
 			if ( this.selectedObjects.length > 0 ) {
@@ -245,24 +245,27 @@
 				const oldAutoClear = renderer.autoClear;
 				renderer.autoClear = false;
 				if ( maskActive ) renderer.state.buffers.stencil.setTest( false );
-				renderer.setClearColor( 0xffffff, 1 ); // Make selected objects invisible
+				renderer.setClearColor( 0xffffff, 1 );
 
+				// Make selected objects invisible
 				this.changeVisibilityOfSelectedObjects( false );
 				const currentBackground = this.renderScene.background;
-				this.renderScene.background = null; // 1. Draw Non Selected objects in the depth buffer
+				this.renderScene.background = null;
 
+				// 1. Draw Non Selected objects in the depth buffer
 				this.renderScene.overrideMaterial = this.depthMaterial;
 				renderer.setRenderTarget( this.renderTargetDepthBuffer );
 				renderer.clear();
-				renderer.render( this.renderScene, this.renderCamera ); // Make selected objects visible
+				renderer.render( this.renderScene, this.renderCamera );
 
+				// Make selected objects visible
 				this.changeVisibilityOfSelectedObjects( true );
+				this._visibilityCache.clear();
 
-				this._visibilityCache.clear(); // Update Texture Matrix for Depth compare
-
-
-				this.updateTextureMatrix(); // Make non selected objects invisible, and draw only the selected objects, by comparing the depth buffer of non selected objects
+				// Update Texture Matrix for Depth compare
+				this.updateTextureMatrix();
 
+				// Make non selected objects invisible, and draw only the selected objects, by comparing the depth buffer of non selected objects
 				this.changeVisibilityOfNonSelectedObjects( false );
 				this.renderScene.overrideMaterial = this.prepareMaskMaterial;
 				this.prepareMaskMaterial.uniforms[ 'cameraNearFar' ].value.set( this.renderCamera.near, this.renderCamera.far );
@@ -273,11 +276,10 @@
 				renderer.render( this.renderScene, this.renderCamera );
 				this.renderScene.overrideMaterial = null;
 				this.changeVisibilityOfNonSelectedObjects( true );
-
 				this._visibilityCache.clear();
+				this.renderScene.background = currentBackground;
 
-				this.renderScene.background = currentBackground; // 2. Downsample to Half resolution
-
+				// 2. Downsample to Half resolution
 				this.fsQuad.material = this.materialCopy;
 				this.copyUniforms[ 'tDiffuse' ].value = this.renderTargetMaskBuffer.texture;
 				renderer.setRenderTarget( this.renderTargetMaskDownSampleBuffer );
@@ -285,16 +287,15 @@
 				this.fsQuad.render( renderer );
 				this.tempPulseColor1.copy( this.visibleEdgeColor );
 				this.tempPulseColor2.copy( this.hiddenEdgeColor );
-
 				if ( this.pulsePeriod > 0 ) {
 
 					const scalar = ( 1 + 0.25 ) / 2 + Math.cos( performance.now() * 0.01 / this.pulsePeriod ) * ( 1.0 - 0.25 ) / 2;
 					this.tempPulseColor1.multiplyScalar( scalar );
 					this.tempPulseColor2.multiplyScalar( scalar );
 
-				} // 3. Apply Edge Detection THREE.Pass
-
+				}
 
+				// 3. Apply Edge Detection THREE.Pass
 				this.fsQuad.material = this.edgeDetectionMaterial;
 				this.edgeDetectionMaterial.uniforms[ 'maskTexture' ].value = this.renderTargetMaskDownSampleBuffer.texture;
 				this.edgeDetectionMaterial.uniforms[ 'texSize' ].value.set( this.renderTargetMaskDownSampleBuffer.width, this.renderTargetMaskDownSampleBuffer.height );
@@ -302,8 +303,9 @@
 				this.edgeDetectionMaterial.uniforms[ 'hiddenEdgeColor' ].value = this.tempPulseColor2;
 				renderer.setRenderTarget( this.renderTargetEdgeBuffer1 );
 				renderer.clear();
-				this.fsQuad.render( renderer ); // 4. Apply Blur on Half res
+				this.fsQuad.render( renderer );
 
+				// 4. Apply Blur on Half res
 				this.fsQuad.material = this.separableBlurMaterial1;
 				this.separableBlurMaterial1.uniforms[ 'colorTexture' ].value = this.renderTargetEdgeBuffer1.texture;
 				this.separableBlurMaterial1.uniforms[ 'direction' ].value = OutlinePass.BlurDirectionX;
@@ -315,8 +317,9 @@
 				this.separableBlurMaterial1.uniforms[ 'direction' ].value = OutlinePass.BlurDirectionY;
 				renderer.setRenderTarget( this.renderTargetEdgeBuffer1 );
 				renderer.clear();
-				this.fsQuad.render( renderer ); // Apply Blur on quarter res
+				this.fsQuad.render( renderer );
 
+				// Apply Blur on quarter res
 				this.fsQuad.material = this.separableBlurMaterial2;
 				this.separableBlurMaterial2.uniforms[ 'colorTexture' ].value = this.renderTargetEdgeBuffer1.texture;
 				this.separableBlurMaterial2.uniforms[ 'direction' ].value = OutlinePass.BlurDirectionX;
@@ -327,8 +330,9 @@
 				this.separableBlurMaterial2.uniforms[ 'direction' ].value = OutlinePass.BlurDirectionY;
 				renderer.setRenderTarget( this.renderTargetEdgeBuffer2 );
 				renderer.clear();
-				this.fsQuad.render( renderer ); // Blend it additively over the input texture
+				this.fsQuad.render( renderer );
 
+				// Blend it additively over the input texture
 				this.fsQuad.material = this.overlayMaterial;
 				this.overlayMaterial.uniforms[ 'maskTexture' ].value = this.renderTargetMaskBuffer.texture;
 				this.overlayMaterial.uniforms[ 'edgeTexture1' ].value = this.renderTargetEdgeBuffer1.texture;
@@ -355,7 +359,6 @@
 			}
 
 		}
-
 		getPrepareMaskMaterial() {
 
 			return new THREE.ShaderMaterial( {
@@ -384,9 +387,19 @@
 					#include <morphtarget_vertex>
 					#include <skinning_vertex>
 					#include <project_vertex>
-					#include <worldpos_vertex>
 
 					vPosition = mvPosition;
+
+					vec4 worldPosition = vec4( transformed, 1.0 );
+
+					#ifdef USE_INSTANCING
+
+						worldPosition = instanceMatrix * worldPosition;
+
+					#endif
+					
+					worldPosition = modelMatrix * worldPosition;
+
 					projTexCoord = textureMatrix * worldPosition;
 
 				}`,
@@ -407,7 +420,6 @@
 			} );
 
 		}
-
 		getEdgeDetectionMaterial() {
 
 			return new THREE.ShaderMaterial( {
@@ -457,7 +469,6 @@
 			} );
 
 		}
-
 		getSeperableBlurMaterial( maxRadius ) {
 
 			return new THREE.ShaderMaterial( {
@@ -516,7 +527,6 @@
 			} );
 
 		}
-
 		getOverlayMaterial() {
 
 			return new THREE.ShaderMaterial( {
@@ -580,7 +590,6 @@
 		}
 
 	}
-
 	OutlinePass.BlurDirectionX = new THREE.Vector2( 1.0, 0.0 );
 	OutlinePass.BlurDirectionY = new THREE.Vector2( 0.0, 1.0 );
 

package/examples/js/postprocessing/Pass.js

@@ -5,36 +5,37 @@
 		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.enabled = true;
 
-			this.needsSwap = true; // if set to true, the pass clears its buffer before rendering
+			// if set to true, the pass indicates to swap read and write buffer after rendering
+			this.needsSwap = true;
 
-			this.clear = false; // if set to true, the result of the pass is rendered to screen. This is set automatically by EffectComposer.
+			// 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.' );
 
 		}
+		dispose() {}
 
-	} // Helper for passes that need to fill the viewport with a single quad.
+	}
 
+	// 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 _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 ) {
@@ -42,25 +43,21 @@
 			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;

package/examples/js/postprocessing/RenderPass.js

@@ -16,15 +16,11 @@
 			this._oldClearColor = new THREE.Color();
 
 		}
-
-		render( renderer, writeBuffer, readBuffer
-			/*, deltaTime, maskActive */
-		) {
+		render( renderer, writeBuffer, readBuffer /*, deltaTime, maskActive */ ) {
 
 			const oldAutoClear = renderer.autoClear;
 			renderer.autoClear = false;
 			let oldClearAlpha, oldOverrideMaterial;
-
 			if ( this.overrideMaterial !== undefined ) {
 
 				oldOverrideMaterial = this.scene.overrideMaterial;
@@ -46,11 +42,11 @@
 
 			}
 
-			renderer.setRenderTarget( this.renderToScreen ? null : readBuffer ); // TODO: Avoid using autoClear properties, see https://github.com/mrdoob/three.js/pull/15571#issuecomment-465669600
+			renderer.setRenderTarget( this.renderToScreen ? null : readBuffer );
 
+			// TODO: Avoid using autoClear properties, see https://github.com/mrdoob/three.js/pull/15571#issuecomment-465669600
 			if ( this.clear ) renderer.clear( renderer.autoClearColor, renderer.autoClearDepth, renderer.autoClearStencil );
 			renderer.render( this.scene, this.camera );
-
 			if ( this.clearColor ) {
 
 				renderer.setClearColor( this._oldClearColor, oldClearAlpha );

package/examples/js/postprocessing/SAOPass.js

@@ -40,7 +40,6 @@
 			} );
 			this.depthRenderTarget = this.normalRenderTarget.clone();
 			let depthTexture;
-
 			if ( this.supportsDepthTextureExtension ) {
 
 				depthTexture = new THREE.DepthTexture();
@@ -55,7 +54,6 @@
 			this.depthMaterial.blending = THREE.NoBlending;
 			this.normalMaterial = new THREE.MeshNormalMaterial();
 			this.normalMaterial.blending = THREE.NoBlending;
-
 			if ( THREE.SAOShader === undefined ) {
 
 				console.error( 'THREE.SAOPass relies on THREE.SAOShader' );
@@ -78,7 +76,6 @@
 			this.saoMaterial.uniforms[ 'cameraInverseProjectionMatrix' ].value.copy( this.camera.projectionMatrixInverse );
 			this.saoMaterial.uniforms[ 'cameraProjectionMatrix' ].value = this.camera.projectionMatrix;
 			this.saoMaterial.blending = THREE.NoBlending;
-
 			if ( THREE.DepthLimitedBlurShader === undefined ) {
 
 				console.error( 'THREE.SAOPass relies on THREE.DepthLimitedBlurShader' );
@@ -109,7 +106,6 @@
 			this.hBlurMaterial.uniforms[ 'tDepth' ].value = this.supportsDepthTextureExtension ? depthTexture : this.depthRenderTarget.texture;
 			this.hBlurMaterial.uniforms[ 'size' ].value.set( this.resolution.x, this.resolution.y );
 			this.hBlurMaterial.blending = THREE.NoBlending;
-
 			if ( THREE.CopyShader === undefined ) {
 
 				console.error( 'THREE.SAOPass relies on THREE.CopyShader' );
@@ -132,7 +128,6 @@
 			this.materialCopy.blendSrcAlpha = THREE.DstAlphaFactor;
 			this.materialCopy.blendDstAlpha = THREE.ZeroFactor;
 			this.materialCopy.blendEquationAlpha = THREE.AddEquation;
-
 			if ( THREE.UnpackDepthRGBAShader === undefined ) {
 
 				console.error( 'THREE.SAOPass relies on THREE.UnpackDepthRGBAShader' );
@@ -148,10 +143,7 @@
 			this.fsQuad = new THREE.FullScreenQuad( null );
 
 		}
-
-		render( renderer, writeBuffer, readBuffer
-			/*, deltaTime, maskActive*/
-		) {
+		render( renderer, writeBuffer, readBuffer /*, deltaTime, maskActive*/ ) {
 
 			// Rendering readBuffer first when rendering to screen
 			if ( this.renderToScreen ) {
@@ -181,7 +173,8 @@
 			this.saoMaterial.uniforms[ 'kernelRadius' ].value = this.params.saoKernelRadius;
 			this.saoMaterial.uniforms[ 'minResolution' ].value = this.params.saoMinResolution;
 			this.saoMaterial.uniforms[ 'cameraNear' ].value = this.camera.near;
-			this.saoMaterial.uniforms[ 'cameraFar' ].value = this.camera.far; // this.saoMaterial.uniforms['randomSeed'].value = Math.random();
+			this.saoMaterial.uniforms[ 'cameraFar' ].value = this.camera.far;
+			// this.saoMaterial.uniforms['randomSeed'].value = Math.random();
 
 			const depthCutoff = this.params.saoBlurDepthCutoff * ( this.camera.far - this.camera.near );
 			this.vBlurMaterial.uniforms[ 'depthCutoff' ].value = depthCutoff;
@@ -191,7 +184,6 @@
 			this.hBlurMaterial.uniforms[ 'cameraNear' ].value = this.camera.near;
 			this.hBlurMaterial.uniforms[ 'cameraFar' ].value = this.camera.far;
 			this.params.saoBlurRadius = Math.floor( this.params.saoBlurRadius );
-
 			if ( this.prevStdDev !== this.params.saoBlurStdDev || this.prevNumSamples !== this.params.saoBlurRadius ) {
 
 				THREE.BlurShaderUtils.configure( this.vBlurMaterial, this.params.saoBlurRadius, this.params.saoBlurStdDev, new THREE.Vector2( 0, 1 ) );
@@ -199,14 +191,15 @@
 				this.prevStdDev = this.params.saoBlurStdDev;
 				this.prevNumSamples = this.params.saoBlurRadius;
 
-			} // Rendering scene to depth texture
-
+			}
 
+			// Rendering scene to depth texture
 			renderer.setClearColor( 0x000000 );
 			renderer.setRenderTarget( this.beautyRenderTarget );
 			renderer.clear();
-			renderer.render( this.scene, this.camera ); // Re-render scene if depth texture extension is not supported
+			renderer.render( this.scene, this.camera );
 
+			// Re-render scene if depth texture extension is not supported
 			if ( ! this.supportsDepthTextureExtension ) {
 
 				// Clear rule : far clipping plane in both RGBA and Basic encoding
@@ -219,11 +212,12 @@
 				// Clear rule : default normal is facing the camera
 				this.renderOverride( renderer, this.normalMaterial, this.normalRenderTarget, 0x7777ff, 1.0 );
 
-			} // Rendering SAO texture
-
+			}
 
-			this.renderPass( renderer, this.saoMaterial, this.saoRenderTarget, 0xffffff, 1.0 ); // Blurring SAO texture
+			// Rendering SAO texture
+			this.renderPass( renderer, this.saoMaterial, this.saoRenderTarget, 0xffffff, 1.0 );
 
+			// Blurring SAO texture
 			if ( this.params.saoBlur ) {
 
 				this.renderPass( renderer, this.vBlurMaterial, this.blurIntermediateRenderTarget, 0xffffff, 1.0 );
@@ -231,8 +225,8 @@
 
 			}
 
-			let outputMaterial = this.materialCopy; // Setting up SAO rendering
-
+			let outputMaterial = this.materialCopy;
+			// Setting up SAO rendering
 			if ( this.params.output === 3 ) {
 
 				if ( this.supportsDepthTextureExtension ) {
@@ -258,9 +252,9 @@
 				this.materialCopy.uniforms[ 'tDiffuse' ].value = this.saoRenderTarget.texture;
 				this.materialCopy.needsUpdate = true;
 
-			} // Blending depends on output, only want a THREE.CustomBlending when showing SAO
-
+			}
 
+			// Blending depends on output, only want a THREE.CustomBlending when showing SAO
 			if ( this.params.output === 0 ) {
 
 				outputMaterial.blending = THREE.CustomBlending;
@@ -269,25 +263,24 @@
 
 				outputMaterial.blending = THREE.NoBlending;
 
-			} // Rendering SAOPass result on top of previous pass
-
+			}
 
+			// Rendering SAOPass result on top of previous pass
 			this.renderPass( renderer, outputMaterial, this.renderToScreen ? null : readBuffer );
 			renderer.setClearColor( this._oldClearColor, this.oldClearAlpha );
 			renderer.autoClear = oldAutoClear;
 
 		}
-
 		renderPass( renderer, passMaterial, renderTarget, clearColor, clearAlpha ) {
 
 			// save original state
 			renderer.getClearColor( this.originalClearColor );
 			const originalClearAlpha = renderer.getClearAlpha();
 			const originalAutoClear = renderer.autoClear;
-			renderer.setRenderTarget( renderTarget ); // setup pass state
+			renderer.setRenderTarget( renderTarget );
 
+			// setup pass state
 			renderer.autoClear = false;
-
 			if ( clearColor !== undefined && clearColor !== null ) {
 
 				renderer.setClearColor( clearColor );
@@ -297,14 +290,14 @@
 			}
 
 			this.fsQuad.material = passMaterial;
-			this.fsQuad.render( renderer ); // restore original state
+			this.fsQuad.render( renderer );
 
+			// restore original state
 			renderer.autoClear = originalAutoClear;
 			renderer.setClearColor( this.originalClearColor );
 			renderer.setClearAlpha( originalClearAlpha );
 
 		}
-
 		renderOverride( renderer, overrideMaterial, renderTarget, clearColor, clearAlpha ) {
 
 			renderer.getClearColor( this.originalClearColor );
@@ -314,7 +307,6 @@
 			renderer.autoClear = false;
 			clearColor = overrideMaterial.clearColor || clearColor;
 			clearAlpha = overrideMaterial.clearAlpha || clearAlpha;
-
 			if ( clearColor !== undefined && clearColor !== null ) {
 
 				renderer.setClearColor( clearColor );
@@ -325,14 +317,14 @@
 
 			this.scene.overrideMaterial = overrideMaterial;
 			renderer.render( this.scene, this.camera );
-			this.scene.overrideMaterial = null; // restore original state
+			this.scene.overrideMaterial = null;
 
+			// restore original state
 			renderer.autoClear = originalAutoClear;
 			renderer.setClearColor( this.originalClearColor );
 			renderer.setClearAlpha( originalClearAlpha );
 
 		}
-
 		setSize( width, height ) {
 
 			this.beautyRenderTarget.setSize( width, height );
@@ -350,9 +342,25 @@
 			this.hBlurMaterial.needsUpdate = true;
 
 		}
+		dispose() {
+
+			this.saoRenderTarget.dispose();
+			this.blurIntermediateRenderTarget.dispose();
+			this.beautyRenderTarget.dispose();
+			this.normalRenderTarget.dispose();
+			this.depthRenderTarget.dispose();
+			this.depthMaterial.dispose();
+			this.normalMaterial.dispose();
+			this.saoMaterial.dispose();
+			this.vBlurMaterial.dispose();
+			this.hBlurMaterial.dispose();
+			this.materialCopy.dispose();
+			this.depthCopy.dispose();
+			this.fsQuad.dispose();
 
-	}
+		}
 
+	}
 	SAOPass.OUTPUT = {
 		'Beauty': 1,
 		'Default': 0,