@needle-tools/three 0.145.4 → 0.146.2

package/examples/js/cameras/CinematicCamera.js

@@ -20,29 +20,31 @@
 				fragmentShader: depthShader.fragmentShader
 			} );
 			this.materialDepth.uniforms[ 'mNear' ].value = near;
-			this.materialDepth.uniforms[ 'mFar' ].value = far; // In case of cinematicCamera, having a default lens set is important
+			this.materialDepth.uniforms[ 'mFar' ].value = far;
 
+			// In case of cinematicCamera, having a default lens set is important
 			this.setLens();
 			this.initPostProcessing();
 
-		} // providing fnumber and coc(Circle of Confusion) as extra arguments
+		}
+
+		// providing fnumber and coc(Circle of Confusion) as extra arguments
 		// In case of cinematicCamera, having a default lens set is important
 		// if fnumber and coc are not provided, cinematicCamera tries to act as a basic THREE.PerspectiveCamera
-
-
 		setLens( focalLength = 35, filmGauge = 35, fNumber = 8, coc = 0.019 ) {
 
 			this.filmGauge = filmGauge;
 			this.setFocalLength( focalLength );
 			this.fNumber = fNumber;
-			this.coc = coc; // fNumber is focalLength by aperture
+			this.coc = coc;
 
-			this.aperture = focalLength / this.fNumber; // hyperFocal is required to calculate depthOfField when a lens tries to focus at a distance with given fNumber and focalLength
+			// fNumber is focalLength by aperture
+			this.aperture = focalLength / this.fNumber;
 
+			// hyperFocal is required to calculate depthOfField when a lens tries to focus at a distance with given fNumber and focalLength
 			this.hyperFocal = focalLength * focalLength / ( this.aperture * this.coc );
 
 		}
-
 		linearize( depth ) {
 
 			const zfar = this.far;
@@ -50,40 +52,42 @@
 			return - zfar * znear / ( depth * ( zfar - znear ) - zfar );
 
 		}
-
 		smoothstep( near, far, depth ) {
 
 			const x = this.saturate( ( depth - near ) / ( far - near ) );
 			return x * x * ( 3 - 2 * x );
 
 		}
-
 		saturate( x ) {
 
 			return Math.max( 0, Math.min( 1, x ) );
 
-		} // function for focusing at a distance from the camera
-
+		}
 
+		// function for focusing at a distance from the camera
 		focusAt( focusDistance = 20 ) {
 
-			const focalLength = this.getFocalLength(); // distance from the camera (normal to frustrum) to focus on
+			const focalLength = this.getFocalLength();
 
-			this.focus = focusDistance; // the nearest point from the camera which is in focus (unused)
+			// distance from the camera (normal to frustrum) to focus on
+			this.focus = focusDistance;
 
-			this.nearPoint = this.hyperFocal * this.focus / ( this.hyperFocal + ( this.focus - focalLength ) ); // the farthest point from the camera which is in focus (unused)
+			// the nearest point from the camera which is in focus (unused)
+			this.nearPoint = this.hyperFocal * this.focus / ( this.hyperFocal + ( this.focus - focalLength ) );
 
-			this.farPoint = this.hyperFocal * this.focus / ( this.hyperFocal - ( this.focus - focalLength ) ); // the gap or width of the space in which is everything is in focus (unused)
+			// the farthest point from the camera which is in focus (unused)
+			this.farPoint = this.hyperFocal * this.focus / ( this.hyperFocal - ( this.focus - focalLength ) );
 
-			this.depthOfField = this.farPoint - this.nearPoint; // Considering minimum distance of focus for a standard lens (unused)
+			// the gap or width of the space in which is everything is in focus (unused)
+			this.depthOfField = this.farPoint - this.nearPoint;
 
+			// Considering minimum distance of focus for a standard lens (unused)
 			if ( this.depthOfField < 0 ) this.depthOfField = 0;
 			this.sdistance = this.smoothstep( this.near, this.far, this.focus );
 			this.ldistance = this.linearize( 1 - this.sdistance );
 			this.postprocessing.bokeh_uniforms[ 'focalDepth' ].value = this.ldistance;
 
 		}
-
 		initPostProcessing() {
 
 			if ( this.postprocessing.enabled ) {
@@ -101,7 +105,9 @@
 				this.postprocessing.bokeh_uniforms[ 'shaderFocus' ].value = 0;
 				this.postprocessing.bokeh_uniforms[ 'fstop' ].value = 2.8;
 				this.postprocessing.bokeh_uniforms[ 'showFocus' ].value = 1;
-				this.postprocessing.bokeh_uniforms[ 'focalDepth' ].value = 0.1; //console.log( this.postprocessing.bokeh_uniforms[ "focalDepth" ].value );
+				this.postprocessing.bokeh_uniforms[ 'focalDepth' ].value = 0.1;
+
+				//console.log( this.postprocessing.bokeh_uniforms[ "focalDepth" ].value );
 
 				this.postprocessing.bokeh_uniforms[ 'znear' ].value = this.near;
 				this.postprocessing.bokeh_uniforms[ 'zfar' ].value = this.near;
@@ -124,23 +130,28 @@
 			}
 
 		}
-
 		renderCinematic( scene, renderer ) {
 
 			if ( this.postprocessing.enabled ) {
 
 				const currentRenderTarget = renderer.getRenderTarget();
-				renderer.clear(); // Render scene into texture
+				renderer.clear();
+
+				// Render scene into texture
 
 				scene.overrideMaterial = null;
 				renderer.setRenderTarget( this.postprocessing.rtTextureColor );
 				renderer.clear();
-				renderer.render( scene, this ); // Render depth into texture
+				renderer.render( scene, this );
+
+				// Render depth into texture
 
 				scene.overrideMaterial = this.materialDepth;
 				renderer.setRenderTarget( this.postprocessing.rtTextureDepth );
 				renderer.clear();
-				renderer.render( scene, this ); // Render bokeh composite
+				renderer.render( scene, this );
+
+				// Render bokeh composite
 
 				renderer.setRenderTarget( null );
 				renderer.render( this.postprocessing.scene, this.postprocessing.camera );