super-three 0.141.0 → 0.147.0

package/examples/js/postprocessing/SSAOPass.js

@@ -17,24 +17,34 @@
 			this.output = 0;
 			this.minDistance = 0.005;
 			this.maxDistance = 0.1;
-			this._visibilityCache = new Map(); //
+			this._visibilityCache = new Map();
+
+			//
 
 			this.generateSampleKernel();
-			this.generateRandomKernelRotations(); // beauty render target
+			this.generateRandomKernelRotations();
+
+			// beauty render target
 
 			const depthTexture = new THREE.DepthTexture();
 			depthTexture.format = THREE.DepthStencilFormat;
 			depthTexture.type = THREE.UnsignedInt248Type;
-			this.beautyRenderTarget = new THREE.WebGLRenderTarget( this.width, this.height ); // normal render target with depth buffer
+			this.beautyRenderTarget = new THREE.WebGLRenderTarget( this.width, this.height );
+
+			// normal render target with depth buffer
 
 			this.normalRenderTarget = new THREE.WebGLRenderTarget( this.width, this.height, {
 				minFilter: THREE.NearestFilter,
 				magFilter: THREE.NearestFilter,
 				depthTexture: depthTexture
-			} ); // ssao render target
+			} );
+
+			// ssao render target
 
 			this.ssaoRenderTarget = new THREE.WebGLRenderTarget( this.width, this.height );
-			this.blurRenderTarget = this.ssaoRenderTarget.clone(); // ssao material
+			this.blurRenderTarget = this.ssaoRenderTarget.clone();
+
+			// ssao material
 
 			if ( THREE.SSAOShader === undefined ) {
 
@@ -58,10 +68,14 @@
 			this.ssaoMaterial.uniforms[ 'cameraFar' ].value = this.camera.far;
 			this.ssaoMaterial.uniforms[ 'resolution' ].value.set( this.width, this.height );
 			this.ssaoMaterial.uniforms[ 'cameraProjectionMatrix' ].value.copy( this.camera.projectionMatrix );
-			this.ssaoMaterial.uniforms[ 'cameraInverseProjectionMatrix' ].value.copy( this.camera.projectionMatrixInverse ); // normal material
+			this.ssaoMaterial.uniforms[ 'cameraInverseProjectionMatrix' ].value.copy( this.camera.projectionMatrixInverse );
+
+			// normal material
 
 			this.normalMaterial = new THREE.MeshNormalMaterial();
-			this.normalMaterial.blending = THREE.NoBlending; // blur material
+			this.normalMaterial.blending = THREE.NoBlending;
+
+			// blur material
 
 			this.blurMaterial = new THREE.ShaderMaterial( {
 				defines: Object.assign( {}, THREE.SSAOBlurShader.defines ),
@@ -70,7 +84,9 @@
 				fragmentShader: THREE.SSAOBlurShader.fragmentShader
 			} );
 			this.blurMaterial.uniforms[ 'tDiffuse' ].value = this.ssaoRenderTarget.texture;
-			this.blurMaterial.uniforms[ 'resolution' ].value.set( this.width, this.height ); // material for rendering the depth
+			this.blurMaterial.uniforms[ 'resolution' ].value.set( this.width, this.height );
+
+			// material for rendering the depth
 
 			this.depthRenderMaterial = new THREE.ShaderMaterial( {
 				defines: Object.assign( {}, THREE.SSAODepthShader.defines ),
@@ -81,7 +97,9 @@
 			} );
 			this.depthRenderMaterial.uniforms[ 'tDepth' ].value = this.normalRenderTarget.depthTexture;
 			this.depthRenderMaterial.uniforms[ 'cameraNear' ].value = this.camera.near;
-			this.depthRenderMaterial.uniforms[ 'cameraFar' ].value = this.camera.far; // material for rendering the content of a render target
+			this.depthRenderMaterial.uniforms[ 'cameraFar' ].value = this.camera.far;
+
+			// material for rendering the content of a render target
 
 			this.copyMaterial = new THREE.ShaderMaterial( {
 				uniforms: THREE.UniformsUtils.clone( THREE.CopyShader.uniforms ),
@@ -101,44 +119,55 @@
 			this.originalClearColor = new THREE.Color();
 
 		}
-
 		dispose() {
 
 			// dispose render targets
+
 			this.beautyRenderTarget.dispose();
 			this.normalRenderTarget.dispose();
 			this.ssaoRenderTarget.dispose();
-			this.blurRenderTarget.dispose(); // dispose materials
+			this.blurRenderTarget.dispose();
+
+			// dispose materials
 
 			this.normalMaterial.dispose();
 			this.blurMaterial.dispose();
 			this.copyMaterial.dispose();
-			this.depthRenderMaterial.dispose(); // dipsose full screen quad
+			this.depthRenderMaterial.dispose();
+
+			// dipsose full screen quad
 
 			this.fsQuad.dispose();
 
 		}
+		render( renderer, writeBuffer /*, readBuffer, deltaTime, maskActive */ ) {
 
-		render( renderer, writeBuffer
-			/*, readBuffer, deltaTime, maskActive */
-		) {
+			if ( renderer.capabilities.isWebGL2 === false ) this.noiseTexture.format = THREE.LuminanceFormat;
 
-			if ( renderer.capabilities.isWebGL2 === false ) this.noiseTexture.format = THREE.LuminanceFormat; // render beauty
+			// render beauty
 
 			renderer.setRenderTarget( this.beautyRenderTarget );
 			renderer.clear();
-			renderer.render( this.scene, this.camera ); // render normals and depth (honor only meshes, points and lines do not contribute to SSAO)
+			renderer.render( this.scene, this.camera );
+
+			// render normals and depth (honor only meshes, points and lines do not contribute to SSAO)
 
 			this.overrideVisibility();
 			this.renderOverride( renderer, this.normalMaterial, this.normalRenderTarget, 0x7777ff, 1.0 );
-			this.restoreVisibility(); // render SSAO
+			this.restoreVisibility();
+
+			// render SSAO
 
 			this.ssaoMaterial.uniforms[ 'kernelRadius' ].value = this.kernelRadius;
 			this.ssaoMaterial.uniforms[ 'minDistance' ].value = this.minDistance;
 			this.ssaoMaterial.uniforms[ 'maxDistance' ].value = this.maxDistance;
-			this.renderPass( renderer, this.ssaoMaterial, this.ssaoRenderTarget ); // render blur
+			this.renderPass( renderer, this.ssaoMaterial, this.ssaoRenderTarget );
+
+			// render blur
 
-			this.renderPass( renderer, this.blurMaterial, this.blurRenderTarget ); // output result to screen
+			this.renderPass( renderer, this.blurMaterial, this.blurRenderTarget );
+
+			// output result to screen
 
 			switch ( this.output ) {
 
@@ -147,29 +176,24 @@
 					this.copyMaterial.blending = THREE.NoBlending;
 					this.renderPass( renderer, this.copyMaterial, this.renderToScreen ? null : writeBuffer );
 					break;
-
 				case SSAOPass.OUTPUT.Blur:
 					this.copyMaterial.uniforms[ 'tDiffuse' ].value = this.blurRenderTarget.texture;
 					this.copyMaterial.blending = THREE.NoBlending;
 					this.renderPass( renderer, this.copyMaterial, this.renderToScreen ? null : writeBuffer );
 					break;
-
 				case SSAOPass.OUTPUT.Beauty:
 					this.copyMaterial.uniforms[ 'tDiffuse' ].value = this.beautyRenderTarget.texture;
 					this.copyMaterial.blending = THREE.NoBlending;
 					this.renderPass( renderer, this.copyMaterial, this.renderToScreen ? null : writeBuffer );
 					break;
-
 				case SSAOPass.OUTPUT.Depth:
 					this.renderPass( renderer, this.depthRenderMaterial, this.renderToScreen ? null : writeBuffer );
 					break;
-
 				case SSAOPass.OUTPUT.Normal:
 					this.copyMaterial.uniforms[ 'tDiffuse' ].value = this.normalRenderTarget.texture;
 					this.copyMaterial.blending = THREE.NoBlending;
 					this.renderPass( renderer, this.copyMaterial, this.renderToScreen ? null : writeBuffer );
 					break;
-
 				case SSAOPass.OUTPUT.Default:
 					this.copyMaterial.uniforms[ 'tDiffuse' ].value = this.beautyRenderTarget.texture;
 					this.copyMaterial.blending = THREE.NoBlending;
@@ -178,24 +202,22 @@
 					this.copyMaterial.blending = THREE.CustomBlending;
 					this.renderPass( renderer, this.copyMaterial, this.renderToScreen ? null : writeBuffer );
 					break;
-
 				default:
 					console.warn( 'THREE.SSAOPass: Unknown output type.' );
 
 			}
 
 		}
-
 		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 );
@@ -205,14 +227,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 );
@@ -222,7 +244,6 @@
 			renderer.autoClear = false;
 			clearColor = overrideMaterial.clearColor || clearColor;
 			clearAlpha = overrideMaterial.clearAlpha || clearAlpha;
-
 			if ( clearColor !== undefined && clearColor !== null ) {
 
 				renderer.setClearColor( clearColor );
@@ -233,14 +254,15 @@
 
 			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.width = width;
@@ -255,12 +277,10 @@
 			this.blurMaterial.uniforms[ 'resolution' ].value.set( width, height );
 
 		}
-
 		generateSampleKernel() {
 
 			const kernelSize = this.kernelSize;
 			const kernel = this.kernel;
-
 			for ( let i = 0; i < kernelSize; i ++ ) {
 
 				const sample = new THREE.Vector3();
@@ -276,12 +296,10 @@
 			}
 
 		}
-
 		generateRandomKernelRotations() {
 
 			const width = 4,
 				height = 4;
-
 			if ( THREE.SimplexNoise === undefined ) {
 
 				console.error( 'THREE.SSAOPass: The pass relies on THREE.SimplexNoise.' );
@@ -291,7 +309,6 @@
 			const simplex = new THREE.SimplexNoise();
 			const size = width * height;
 			const data = new Float32Array( size );
-
 			for ( let i = 0; i < size; i ++ ) {
 
 				const x = Math.random() * 2 - 1;
@@ -307,7 +324,6 @@
 			this.noiseTexture.needsUpdate = true;
 
 		}
-
 		overrideVisibility() {
 
 			const scene = this.scene;
@@ -320,7 +336,6 @@
 			} );
 
 		}
-
 		restoreVisibility() {
 
 			const scene = this.scene;
@@ -336,7 +351,6 @@
 		}
 
 	}
-
 	SSAOPass.OUTPUT = {
 		'Default': 0,
 		'SSAO': 1,