Typos (#30843)

* Typos

* fix alpha

---------

Co-authored-by: Samuel Rigaud <[email protected]>

Author: s-rigaud

examples/jsm/postprocessing/EffectComposer.js

@@ -119,7 +119,7 @@ class EffectComposer {
 		this.copyPass.material.blending = NoBlending;
 
 		/**
-		 * The intenral clock for managing time data.
+		 * The internal clock for managing time data.
 		 *
 		 * @private
 		 * @type {Clock}

examples/jsm/postprocessing/GTAOPass.js

@@ -366,7 +366,7 @@ class GTAOPass extends Pass {
 	}
 
 	/**
-	 * Updates the GTAO material from the given paramter object.
+	 * Updates the GTAO material from the given parameter object.
 	 *
 	 * @param {Object} parameters - The GTAO material parameters.
 	 */
@@ -420,7 +420,7 @@ class GTAOPass extends Pass {
 	}
 
 	/**
-	 * Updates the Denoise material from the given paramter object.
+	 * Updates the Denoise material from the given parameter object.
 	 *
 	 * @param {Object} parameters - The denoise parameters.
 	 */

examples/jsm/postprocessing/GlitchPass.js

@@ -50,7 +50,7 @@ class GlitchPass extends Pass {
 		} );
 
 		/**
-		 * Whether to noticeably increase the effect instensity or not.
+		 * Whether to noticeably increase the effect intensity or not.
 		 *
 		 * @type {boolean}
 		 * @default false

examples/jsm/postprocessing/RenderTransitionPass.js

@@ -82,7 +82,7 @@ class RenderTransitionPass extends Pass {
 	 * Sets the transition factor. Must be in the range `[0,1]`.
 	 * This value determines to what degree both scenes are mixed.
 	 *
-	 * @param {boolenumberan} value - The transition factor.
+	 * @param {boolean|number} value - The transition factor.
 	 */
 	setTransition( value ) {
 
@@ -116,7 +116,7 @@ class RenderTransitionPass extends Pass {
 	 * Sets the texture threshold. This value defined how strong the texture effects
 	 * the transition. Must be in the range `[0,1]` (0 means full effect, 1 means no effect).
 	 *
-	 * @param {boolenumberan} value - The threshold value.
+	 * @param {boolean|number} value - The threshold value.
 	 */
 	setTextureThreshold( value ) {
 

examples/jsm/postprocessing/SAOPass.js

@@ -82,7 +82,7 @@ class SAOPass extends Pass {
 		this._oldClearAlpha = 1;
 
 		/**
-		 * The SAO paramter.
+		 * The SAO parameter.
 		 *
 		 * @type {Object}
 		 */

examples/jsm/postprocessing/SMAAPass.js

@@ -100,7 +100,7 @@ class SSRPass extends Pass {
 		this.groundReflector = groundReflector;
 
 		/**
-		 * The opactiy.
+		 * The opacity.
 		 *
 		 * @type {number}
 		 * @default 0.5
@@ -221,7 +221,7 @@ class SSRPass extends Pass {
 		this._distanceAttenuation = SSRShader.defines.DISTANCE_ATTENUATION;
 
 		/**
-		 * Whether to use distance attenutation or not.
+		 * Whether to use distance attenuation or not.
 		 *
 		 * @name SSRPass#distanceAttenuation
 		 * @type {boolean}

examples/jsm/postprocessing/SSRPass.js

@@ -263,7 +263,7 @@ const VolumeRenderShader1 = {
 						// note: could allow multiple lights
 						for (int i=0; i<1; i++)
 						{
-								 // Get light direction (make sure to prevent zero devision)
+								 // Get light direction (make sure to prevent zero division)
 								vec3 L = normalize(view_ray);	//lightDirs[i];
 								float lightEnabled = float( length(L) > 0.0 );
 								L = normalize(L + (1.0 - lightEnabled));

examples/jsm/shaders/VolumeShader.js

@@ -22,11 +22,11 @@ class AnamorphicNode extends TempNode {
 	 * Constructs a new anamorphic node.
 	 *
 	 * @param {TextureNode} textureNode - The texture node that represents the input of the effect.
-	 * @param {Node<float>} tresholdNode - The threshold is one option to control the intensity and size of the effect.
+	 * @param {Node<float>} thresholdNode - The threshold is one option to control the intensity and size of the effect.
 	 * @param {Node<float>} scaleNode - Defines the vertical scale of the flares.
 	 * @param {number} samples - More samples result in larger flares and a more expensive runtime behavior.
 	 */
-	constructor( textureNode, tresholdNode, scaleNode, samples ) {
+	constructor( textureNode, thresholdNode, scaleNode, samples ) {
 
 		super( 'vec4' );
 
@@ -42,7 +42,7 @@ class AnamorphicNode extends TempNode {
 		 *
 		 * @type {Node<float>}
 		 */
-		this.tresholdNode = tresholdNode;
+		this.thresholdNode = thresholdNode;
 
 		/**
 		 * Defines the vertical scale of the flares.
@@ -202,7 +202,7 @@ class AnamorphicNode extends TempNode {
 
 				const uv = vec2( uvNode.x.add( this._invSize.x.mul( i ).mul( this.scaleNode ) ), uvNode.y );
 				const color = sampleTexture( uv );
-				const pass = threshold( color, this.tresholdNode ).mul( softness );
+				const pass = threshold( color, this.thresholdNode ).mul( softness );
 
 				total.addAssign( pass );
 

examples/jsm/tsl/display/AnamorphicNode.js

@@ -211,17 +211,17 @@
 								object.material.roughness = 0.2;
 								object.material.color.set( 1, 1, 1 );
 								object.material.metalnessMap = object.material.map;
-			
+
 							} else {
 
 								object.material.metalness = 1;
 								object.material.roughness = 0;
 								object.material.transparent = true;
 								object.material.opacity = 0.8;
 								object.material.color.set( 1, 1, 1 );
-			
+
 							}
-			
+
 						}
 
 					} );
@@ -253,7 +253,7 @@
 						actions[ m ].enabled = true;
 						actions[ m ].setEffectiveTimeScale( 1 );
 						if ( m !== 'Idle' ) actions[ m ].setEffectiveWeight( 0 );
-			
+
 					}
 
 					actions.Idle.play();
@@ -272,7 +272,7 @@
 				const ease = controls.ease;
 				const rotate = controls.rotate;
 				const position = controls.position;
-				const azimut = orbitControls.getAzimuthalAngle();
+				const azimuth = orbitControls.getAzimuthalAngle();
 
 				const active = key[ 0 ] === 0 && key[ 1 ] === 0 ? false : true;
 				const play = active ? ( key[ 2 ] ? 'Run' : 'Walk' ) : 'Idle';
@@ -293,7 +293,7 @@
 						current.weight = 1.0;
 						current.stopFading();
 						old.stopFading();
-						// sycro if not idle
+						// synchro if not idle
 						if ( play !== 'Idle' ) current.time = old.time * ( current.getClip().duration / old.getClip().duration );
 						old._scheduleFading( fade, old.getEffectiveWeight(), 0 );
 						current._scheduleFading( fade, current.getEffectiveWeight(), 1 );
@@ -320,11 +320,11 @@
 					ease.set( key[ 1 ], 0, key[ 0 ] ).multiplyScalar( velocity * delta );
 
 					// calculate camera direction
-					const angle = unwrapRad( Math.atan2( ease.x, ease.z ) + azimut );
+					const angle = unwrapRad( Math.atan2( ease.x, ease.z ) + azimuth );
 					rotate.setFromAxisAngle( up, angle );
 
 					// apply camera angle on ease
-					controls.ease.applyAxisAngle( up, azimut );
+					controls.ease.applyAxisAngle( up, azimuth );
 
 					position.add( ease );
 					camera.position.add( ease );
@@ -335,7 +335,7 @@
 					orbitControls.target.copy( position ).add( { x: 0, y: 1, z: 0 } );
 					followGroup.position.copy( position );
 
-					// decale floor at infinie
+					// Move the floor without any limit
 					const dx = ( position.x - floor.position.x );
 					const dz = ( position.z - floor.position.z );
 					if ( Math.abs( dx ) > controls.floorDecale ) floor.position.x += dx;
@@ -344,15 +344,15 @@
 				}
 
 				if ( mixer ) mixer.update( delta );
-			
+
 				orbitControls.update();
 
 			}
 
 			function unwrapRad( r ) {
 
 				return Math.atan2( Math.sin( r ), Math.cos( r ) );
-			
+
 			}
 
 			function createPanel() {
@@ -364,7 +364,7 @@
 					skeleton.visible = b;
 
 				} );
-			
+
 				panel.add( settings, 'fixe_transition' );
 
 			}
@@ -387,7 +387,7 @@
 					case 'ArrowLeft': case 'KeyA': case 'KeyQ': key[ 1 ] = - 1; break;
 					case 'ArrowRight': case 'KeyD': key[ 1 ] = 1; break;
 					case 'ShiftLeft' : case 'ShiftRight' : key[ 2 ] = 1; break;
-			
+
 	}
 
 			}
@@ -402,7 +402,7 @@
 					case 'ArrowLeft': case 'KeyA': case 'KeyQ': key[ 1 ] = key[ 1 ] < 0 ? 0 : key[ 1 ]; break;
 					case 'ArrowRight': case 'KeyD': key[ 1 ] = key[ 1 ] > 0 ? 0 : key[ 1 ]; break;
 					case 'ShiftLeft' : case 'ShiftRight' : key[ 2 ] = 0; break;
-			
+
 	}
 
 			}

examples/webgl_animation_walk.html

@@ -101,7 +101,7 @@
 				vec2 normal = vec2(
 					( texture2D( levelTexture, point1 + vec2( - cellSize.x, 0 ) ).x - texture2D( levelTexture, point1 + vec2( cellSize.x, 0 ) ).x ) * WIDTH / BOUNDS,
 					( texture2D( levelTexture, point1 + vec2( 0, - cellSize.y ) ).x - texture2D( levelTexture, point1 + vec2( 0, cellSize.y ) ).x ) * WIDTH / BOUNDS );
-			
+
 
 				if ( gl_FragCoord.x < 1.5 ) {
 
@@ -199,7 +199,7 @@
 			};
 
 			init();
-			
+
 
 			async function init() {
 
@@ -239,7 +239,7 @@
 				const rgbeLoader = new RGBELoader().setPath( './textures/equirectangular/' );
 				const glbloader = new GLTFLoader().setPath( 'models/gltf/' );
 				glbloader.setDRACOLoader( new DRACOLoader().setDecoderPath( 'jsm/libs/draco/gltf/' ) );
-			
+
 				const [ env, model ] = await Promise.all( [ rgbeLoader.loadAsync( 'blouberg_sunrise_2_1k.hdr' ), glbloader.loadAsync( 'duck.glb' ) ] );
 				env.mapping = THREE.EquirectangularReflectionMapping;
 				scene.environment = env;
@@ -268,7 +268,7 @@
 						if ( ducks[ i ] ) ducks[ i ].visible = ducksEnabled;
 
 					}
-			
+
 				};
 
 				gui.add( effectController, 'mouseSize', 0.1, 1.0, 0.1 ).onChange( valuesChanger );
@@ -280,13 +280,13 @@
 
 					waterMesh.material.wireframe = v;
 					poolBorder.material.wireframe = v;
-			
+
 				} );
 				gui.add( effectController, 'shadow' ).onChange( addShadow );
-			
+
 				//const buttonSmooth = { smoothWater: function () {smoothWater();} };
 				//gui.add( buttonSmooth, 'smoothWater' );
-			
+
 
 				initWater();
 
@@ -452,7 +452,7 @@
 				} else {
 
 					if ( sun.shadow ) sun.shadow.dispose();
-			
+
 				}
 
 				// debug shadow
@@ -536,7 +536,7 @@
 						sphere.userData.velocity.multiplyScalar( 0.998 );
 						pos.add( sphere.userData.velocity );
 
-			
+
 
 						const decal = 0.001;
 						const limit = BOUNDS_HALF - 0.2;
@@ -568,7 +568,7 @@
 						// duck orientation test
 
 						const startNormal = new THREE.Vector3( pixels[ 1 ], 1, - pixels[ 2 ] ).normalize();
-			
+
 						const dir = startPos.sub( pos );
 						dir.y = 0;
 						dir.normalize();
@@ -605,7 +605,7 @@
 
 				mousedown = false;
 				controls.enabled = true;
-			
+
 			}
 
 			function onPointerMove( event ) {
@@ -698,13 +698,13 @@
 
 					this.extra = {};
 
-					this.addParametre( 'heightmap', null );
-			
+					this.addParameter( 'heightmap', null );
+
 					this.setValues( parameters );
 
 				}
 
-				addParametre( name, value ) {
+				addParameter( name, value ) {
 
 					this.extra[ name ] = value;
 					Object.defineProperty( this, name, {
@@ -713,18 +713,18 @@
 
 							this.extra[ name ] = v;
 							if ( this.userData.shader ) this.userData.shader.uniforms[ name ].value = this.extra[ name ];
-			
+
 						}
 					} );
-			
+
 				}
 
 				onBeforeCompile( shader ) {
 
 					for ( const name in this.extra ) {
 
 						shader.uniforms[ name ] = { value: this.extra[ name ] };
-			
+
 					}
 
 					shader.vertexShader = shader.vertexShader.replace( '#include <common>', shaderChange.common );