diff --git a/examples/jsm/csm/CSMShadowNode.js b/examples/jsm/csm/CSMShadowNode.js index c42154d1aaaa2a..e984bb101d7fc2 100644 --- a/examples/jsm/csm/CSMShadowNode.js +++ b/examples/jsm/csm/CSMShadowNode.js @@ -255,7 +255,7 @@ class CSMShadowNode extends ShadowBaseNode { setupFade() { const cameraNear = reference( 'camera.near', 'float', this ).setGroup( renderGroup ); - const cascades = reference( '_cascades', 'vec2', this ).setGroup( renderGroup ).label( 'cacades' ); + const cascades = reference( '_cascades', 'vec2', this ).setGroup( renderGroup ).label( 'cascades' ); const shadowFar = uniform( 'float' ).setGroup( renderGroup ).label( 'shadowFar' ) .onRenderUpdate( () => Math.min( this.maxFar, this.camera.far ) ); @@ -311,7 +311,7 @@ class CSMShadowNode extends ShadowBaseNode { if ( i === 0 ) { - // dont fade at nearest edge + // don't fade at nearest edge ratio = linearDepth.greaterThan( cascadeCenter ).select( ratio, 1 ); } @@ -331,7 +331,7 @@ class CSMShadowNode extends ShadowBaseNode { setupStandard() { const cameraNear = reference( 'camera.near', 'float', this ).setGroup( renderGroup ); - const cascades = reference( '_cascades', 'vec2', this ).setGroup( renderGroup ).label( 'cacades' ); + const cascades = reference( '_cascades', 'vec2', this ).setGroup( renderGroup ).label( 'cascades' ); const shadowFar = uniform( 'float' ).setGroup( renderGroup ).label( 'shadowFar' ) .onRenderUpdate( () => Math.min( this.maxFar, this.camera.far ) ); diff --git a/examples/jsm/postprocessing/OutlinePass.js b/examples/jsm/postprocessing/OutlinePass.js index 7ccfc75d72eac9..19d75ed224cd3a 100644 --- a/examples/jsm/postprocessing/OutlinePass.js +++ b/examples/jsm/postprocessing/OutlinePass.js @@ -81,10 +81,10 @@ class OutlinePass extends Pass { const MAX_EDGE_THICKNESS = 4; const MAX_EDGE_GLOW = 4; - this.separableBlurMaterial1 = this.getSeperableBlurMaterial( MAX_EDGE_THICKNESS ); + this.separableBlurMaterial1 = this.getSeparableBlurMaterial( MAX_EDGE_THICKNESS ); this.separableBlurMaterial1.uniforms[ 'texSize' ].value.set( resx, resy ); this.separableBlurMaterial1.uniforms[ 'kernelRadius' ].value = 1; - this.separableBlurMaterial2 = this.getSeperableBlurMaterial( MAX_EDGE_GLOW ); + this.separableBlurMaterial2 = this.getSeparableBlurMaterial( 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; @@ -241,7 +241,7 @@ class OutlinePass extends Pass { } else if ( object.isPoints || object.isLine ) { - // the visibilty of points and lines is always set to false in order to + // the visibility of points and lines is always set to false in order to // not affect the outline computation if ( bVisible === true ) { @@ -521,7 +521,7 @@ class OutlinePass extends Pass { } - getSeperableBlurMaterial( maxRadius ) { + getSeparableBlurMaterial( maxRadius ) { return new ShaderMaterial( { diff --git a/examples/jsm/postprocessing/UnrealBloomPass.js b/examples/jsm/postprocessing/UnrealBloomPass.js index 48a244051df0ff..35d6c325cf8229 100644 --- a/examples/jsm/postprocessing/UnrealBloomPass.js +++ b/examples/jsm/postprocessing/UnrealBloomPass.js @@ -92,7 +92,7 @@ class UnrealBloomPass extends Pass { for ( let i = 0; i < this.nMips; i ++ ) { - this.separableBlurMaterials.push( this.getSeperableBlurMaterial( kernelSizeArray[ i ] ) ); + this.separableBlurMaterials.push( this.getSeparableBlurMaterial( kernelSizeArray[ i ] ) ); this.separableBlurMaterials[ i ].uniforms[ 'invSize' ].value = new Vector2( 1 / resx, 1 / resy ); @@ -296,7 +296,7 @@ class UnrealBloomPass extends Pass { } - getSeperableBlurMaterial( kernelRadius ) { + getSeparableBlurMaterial( kernelRadius ) { const coefficients = []; diff --git a/examples/jsm/tsl/display/BloomNode.js b/examples/jsm/tsl/display/BloomNode.js index 95844930ec3d26..76e6d29a018de5 100644 --- a/examples/jsm/tsl/display/BloomNode.js +++ b/examples/jsm/tsl/display/BloomNode.js @@ -369,7 +369,7 @@ class BloomNode extends TempNode { for ( let i = 0; i < this._nMips; i ++ ) { - this._separableBlurMaterials.push( this._getSeperableBlurMaterial( builder, kernelSizeArray[ i ] ) ); + this._separableBlurMaterials.push( this._getSeparableBlurMaterial( builder, kernelSizeArray[ i ] ) ); } @@ -447,7 +447,7 @@ class BloomNode extends TempNode { * @param {Number} kernelRadius - The kernel radius. * @return {NodeMaterial} */ - _getSeperableBlurMaterial( builder, kernelRadius ) { + _getSeparableBlurMaterial( builder, kernelRadius ) { const coefficients = []; @@ -467,7 +467,7 @@ class BloomNode extends TempNode { const uvNode = uv(); const sampleTexel = ( uv ) => colorTexture.sample( uv ); - const seperableBlurPass = Fn( () => { + const separableBlurPass = Fn( () => { const weightSum = gaussianCoefficients.element( 0 ).toVar(); const diffuseSum = sampleTexel( uvNode ).rgb.mul( weightSum ).toVar(); @@ -488,17 +488,17 @@ class BloomNode extends TempNode { } ); - const seperableBlurMaterial = new NodeMaterial(); - seperableBlurMaterial.fragmentNode = seperableBlurPass().context( builder.getSharedContext() ); - seperableBlurMaterial.name = 'Bloom_seperable'; - seperableBlurMaterial.needsUpdate = true; + const separableBlurMaterial = new NodeMaterial(); + separableBlurMaterial.fragmentNode = separableBlurPass().context( builder.getSharedContext() ); + separableBlurMaterial.name = 'Bloom_separable'; + separableBlurMaterial.needsUpdate = true; // uniforms - seperableBlurMaterial.colorTexture = colorTexture; - seperableBlurMaterial.direction = direction; - seperableBlurMaterial.invSize = invSize; + separableBlurMaterial.colorTexture = colorTexture; + separableBlurMaterial.direction = direction; + separableBlurMaterial.invSize = invSize; - return seperableBlurMaterial; + return separableBlurMaterial; } diff --git a/examples/jsm/tsl/display/OutlineNode.js b/examples/jsm/tsl/display/OutlineNode.js index efbd5d7b2b8971..70467d51971da6 100644 --- a/examples/jsm/tsl/display/OutlineNode.js +++ b/examples/jsm/tsl/display/OutlineNode.js @@ -617,7 +617,7 @@ class OutlineNode extends TempNode { this._edgeDetectionMaterial.fragmentNode = edgeDetection(); this._edgeDetectionMaterial.needsUpdate = true; - // seperable blur material + // separable blur material const MAX_RADIUS = 4; @@ -627,7 +627,7 @@ class OutlineNode extends TempNode { } ); - const seperableBlur = Fn( ( [ kernelRadius ] ) => { + const separableBlur = Fn( ( [ kernelRadius ] ) => { const resolution = textureSize( this._maskTextureDownsSampleUniform ); const invSize = vec2( 1 ).div( resolution ).toVar(); @@ -657,10 +657,10 @@ class OutlineNode extends TempNode { } ); - this._separableBlurMaterial.fragmentNode = seperableBlur( this.edgeThicknessNode ); + this._separableBlurMaterial.fragmentNode = separableBlur( this.edgeThicknessNode ); this._separableBlurMaterial.needsUpdate = true; - this._separableBlurMaterial2.fragmentNode = seperableBlur( MAX_RADIUS ); + this._separableBlurMaterial2.fragmentNode = separableBlur( MAX_RADIUS ); this._separableBlurMaterial2.needsUpdate = true; // composite material