super-three 0.173.5 → 0.175.0

package/examples/jsm/tsl/display/GaussianBlurNode.js

@@ -1,8 +1,6 @@
 import { RenderTarget, Vector2, NodeMaterial, RendererUtils, QuadMesh, TempNode, NodeUpdateType } from 'three/webgpu';
 import { nodeObject, Fn, If, float, uv, uniform, convertToTexture, vec2, vec4, passTexture, mul } from 'three/tsl';
 
-/** @module GaussianBlurNode **/
-
 const _quadMesh = /*@__PURE__*/ new QuadMesh();
 
 let _rendererState;
@@ -51,7 +49,7 @@ class GaussianBlurNode extends TempNode {
 	 *
 	 * @param {TextureNode} textureNode - The texture node that represents the input of the effect.
 	 * @param {Node<vec2|float>} directionNode - Defines the direction and radius of the blur.
-	 * @param {Number} sigma - Controls the kernel of the blur filter. Higher values mean a wider blur radius.
+	 * @param {number} sigma - Controls the kernel of the blur filter. Higher values mean a wider blur radius.
 	 */
 	constructor( textureNode, directionNode = null, sigma = 2 ) {
 
@@ -74,7 +72,7 @@ class GaussianBlurNode extends TempNode {
 		/**
 		 * Controls the kernel of the blur filter. Higher values mean a wider blur radius.
 		 *
-		 * @type {Number}
+		 * @type {number}
 		 */
 		this.sigma = sigma;
 
@@ -126,7 +124,7 @@ class GaussianBlurNode extends TempNode {
 		 * The `updateBeforeType` is set to `NodeUpdateType.FRAME` since the node renders
 		 * its effect once per frame in `updateBefore()`.
 		 *
-		 * @type {String}
+		 * @type {string}
 		 * @default 'frame'
 		 */
 		this.updateBeforeType = NodeUpdateType.FRAME;
@@ -143,7 +141,7 @@ class GaussianBlurNode extends TempNode {
 		 * Whether the effect should use premultiplied alpha or not. Set this to `true`
 		 * if you are going to blur texture input with transparency.
 		 *
-		 * @type {Boolean}
+		 * @type {boolean}
 		 * @default false
 		 */
 		this.premultipliedAlpha = false;
@@ -153,7 +151,7 @@ class GaussianBlurNode extends TempNode {
 	/**
 	 * Sets the given premultiplied alpha value.
 	 *
-	 * @param {Boolean} value - Whether the effect should use premultiplied alpha or not.
+	 * @param {boolean} value - Whether the effect should use premultiplied alpha or not.
 	 * @return {GaussianBlurNode} height - A reference to this node.
 	 */
 	setPremultipliedAlpha( value ) {
@@ -167,7 +165,7 @@ class GaussianBlurNode extends TempNode {
 	/**
 	 * Returns the premultiplied alpha value.
 	 *
-	 * @return {Boolean} Whether the effect should use premultiplied alpha or not.
+	 * @return {boolean} Whether the effect should use premultiplied alpha or not.
 	 */
 	getPremultipliedAlpha() {
 
@@ -178,8 +176,8 @@ class GaussianBlurNode extends TempNode {
 	/**
 	 * Sets the size of the effect.
 	 *
-	 * @param {Number} width - The width of the effect.
-	 * @param {Number} height - The height of the effect.
+	 * @param {number} width - The width of the effect.
+	 * @param {number} height - The height of the effect.
 	 */
 	setSize( width, height ) {
 
@@ -349,8 +347,8 @@ class GaussianBlurNode extends TempNode {
 	 * Computes gaussian coefficients depending on the given kernel radius.
 	 *
 	 * @private
-	 * @param {Number} kernelRadius - The kernel radius.
-	 * @return {Array<Number>}
+	 * @param {number} kernelRadius - The kernel radius.
+	 * @return {Array<number>}
 	 */
 	_getCoefficients( kernelRadius ) {
 
@@ -373,10 +371,11 @@ export default GaussianBlurNode;
 /**
  * TSL function for creating a gaussian blur node for post processing.
  *
+ * @tsl
  * @function
  * @param {Node<vec4>} node - The node that represents the input of the effect.
  * @param {Node<vec2|float>} directionNode - Defines the direction and radius of the blur.
- * @param {Number} sigma - Controls the kernel of the blur filter. Higher values mean a wider blur radius.
+ * @param {number} sigma - Controls the kernel of the blur filter. Higher values mean a wider blur radius.
  * @returns {GaussianBlurNode}
  */
 export const gaussianBlur = ( node, directionNode, sigma ) => nodeObject( new GaussianBlurNode( convertToTexture( node ), directionNode, sigma ) );
@@ -384,10 +383,11 @@ export const gaussianBlur = ( node, directionNode, sigma ) => nodeObject( new Ga
 /**
  * TSL function for creating a gaussian blur node for post processing with enabled premultiplied alpha.
  *
+ * @tsl
  * @function
  * @param {Node<vec4>} node - The node that represents the input of the effect.
  * @param {Node<vec2|float>} directionNode - Defines the direction and radius of the blur.
- * @param {Number} sigma - Controls the kernel of the blur filter. Higher values mean a wider blur radius.
+ * @param {number} sigma - Controls the kernel of the blur filter. Higher values mean a wider blur radius.
  * @returns {GaussianBlurNode}
  */
 export const premultipliedGaussianBlur = ( node, directionNode, sigma ) => nodeObject( new GaussianBlurNode( convertToTexture( node ), directionNode, sigma ).setPremultipliedAlpha( true ) );

package/examples/jsm/tsl/display/LensflareNode.js

@@ -1,8 +1,6 @@
 import { RenderTarget, Vector2, TempNode, NodeUpdateType, QuadMesh, RendererUtils, NodeMaterial } from 'three/webgpu';
 import { convertToTexture, nodeObject, Fn, passTexture, uv, vec2, vec3, vec4, max, float, sub, int, Loop, fract, pow, distance } from 'three/tsl';
 
-/** @module LensflareNode **/
-
 const _quadMesh = /*@__PURE__*/ new QuadMesh();
 const _size = /*@__PURE__*/ new Vector2();
 let _rendererState;
@@ -31,11 +29,11 @@ class LensflareNode extends TempNode {
 	 * @param {TextureNode} textureNode - The texture node that represents the scene's bloom.
 	 * @param {Object} params - The parameter object for configuring the effect.
 	 * @param {Node<vec3> | Color} [params.ghostTint=vec3(1, 1, 1)] - Defines the tint of the flare/ghosts.
-	 * @param {Node<float> | Number} [params.threshold=float(0.5)] - Controls the size and strength of the effect. A higher threshold results in smaller flares.
-	 * @param {Node<float> | Number} [params.ghostSamples=float(4)] - Represents the number of flares/ghosts per bright spot which pivot around the center.
-	 * @param {Node<float> | Number} [params.ghostSpacing=float(0.25)] - Defines the spacing of the flares/ghosts.
-	 * @param {Node<float> | Number} [params.ghostAttenuationFactor=float(25)] - Defines the attenuation factor of flares/ghosts.
-	 * @param {Number} [params.downSampleRatio=4] - Defines how downsampling since the effect is usually not rendered at full resolution.
+	 * @param {Node<float> | number} [params.threshold=float(0.5)] - Controls the size and strength of the effect. A higher threshold results in smaller flares.
+	 * @param {Node<float> | number} [params.ghostSamples=float(4)] - Represents the number of flares/ghosts per bright spot which pivot around the center.
+	 * @param {Node<float> | number} [params.ghostSpacing=float(0.25)] - Defines the spacing of the flares/ghosts.
+	 * @param {Node<float> | number} [params.ghostAttenuationFactor=float(25)] - Defines the attenuation factor of flares/ghosts.
+	 * @param {number} [params.downSampleRatio=4] - Defines how downsampling since the effect is usually not rendered at full resolution.
 	 */
 	constructor( textureNode, params = {} ) {
 
@@ -95,7 +93,7 @@ class LensflareNode extends TempNode {
 		/**
 		 * Defines how downsampling since the effect is usually not rendered at full resolution.
 		 *
-		 * @type {Number}
+		 * @type {number}
 		 */
 		this.downSampleRatio = downSampleRatio;
 
@@ -103,7 +101,7 @@ class LensflareNode extends TempNode {
 		 * The `updateBeforeType` is set to `NodeUpdateType.FRAME` since the node renders
 		 * its effect once per frame in `updateBefore()`.
 		 *
-		 * @type {String}
+		 * @type {string}
 		 * @default 'frame'
 		 */
 		this.updateBeforeType = NodeUpdateType.FRAME;
@@ -150,8 +148,8 @@ class LensflareNode extends TempNode {
 	/**
 	 * Sets the size of the effect.
 	 *
-	 * @param {Number} width - The width of the effect.
-	 * @param {Number} height - The height of the effect.
+	 * @param {number} width - The width of the effect.
+	 * @param {number} height - The height of the effect.
 	 */
 	setSize( width, height ) {
 
@@ -265,15 +263,16 @@ export default LensflareNode;
 /**
  * TSL function for creating a bloom-based lens flare effect.
  *
+ * @tsl
  * @function
  * @param {TextureNode} node - The node that represents the scene's bloom.
  * @param {Object} params - The parameter object for configuring the effect.
  * @param {Node<vec3> | Color} [params.ghostTint=vec3(1, 1, 1)] - Defines the tint of the flare/ghosts.
- * @param {Node<float> | Number} [params.threshold=float(0.5)] - Controls the size and strength of the effect. A higher threshold results in smaller flares.
- * @param {Node<float> | Number} [params.ghostSamples=float(4)] - Represents the number of flares/ghosts per bright spot which pivot around the center.
- * @param {Node<float> | Number} [params.ghostSpacing=float(0.25)] - Defines the spacing of the flares/ghosts.
- * @param {Node<float> | Number} [params.ghostAttenuationFactor=float(25)] - Defines the attenuation factor of flares/ghosts.
- * @param {Number} [params.downSampleRatio=4] - Defines how downsampling since the effect is usually not rendered at full resolution.
+ * @param {Node<float> | number} [params.threshold=float(0.5)] - Controls the size and strength of the effect. A higher threshold results in smaller flares.
+ * @param {Node<float> | number} [params.ghostSamples=float(4)] - Represents the number of flares/ghosts per bright spot which pivot around the center.
+ * @param {Node<float> | number} [params.ghostSpacing=float(0.25)] - Defines the spacing of the flares/ghosts.
+ * @param {Node<float> | number} [params.ghostAttenuationFactor=float(25)] - Defines the attenuation factor of flares/ghosts.
+ * @param {number} [params.downSampleRatio=4] - Defines how downsampling since the effect is usually not rendered at full resolution.
  * @returns {LensflareNode}
  */
 export const lensflare = ( node, params ) => nodeObject( new LensflareNode( convertToTexture( node ), params ) );

package/examples/jsm/tsl/display/Lut3DNode.js

@@ -1,8 +1,6 @@
 import { TempNode } from 'three/webgpu';
 import { nodeObject, Fn, float, uniform, vec3, vec4, mix } from 'three/tsl';
 
-/** @module Lut3DNode **/
-
 /**
  * A post processing node for color grading via lookup tables.
  *
@@ -21,7 +19,7 @@ class Lut3DNode extends TempNode {
 	 *
 	 * @param {Node} inputNode - The node that represents the input of the effect.
 	 * @param {TextureNode} lutNode - A texture node that represents the lookup table.
-	 * @param {Number} size - The size of the lookup table.
+	 * @param {number} size - The size of the lookup table.
 	 * @param {Node<float>} intensityNode - Controls the intensity of the effect.
 	 */
 	constructor( inputNode, lutNode, size, intensityNode ) {
@@ -99,11 +97,12 @@ export default Lut3DNode;
 /**
  * TSL function for creating a LUT node for color grading via post processing.
  *
+ * @tsl
  * @function
  * @param {Node} node - The node that represents the input of the effect.
  * @param {TextureNode} lut - A texture node that represents the lookup table.
- * @param {Number} size - The size of the lookup table.
- * @param {Node<float> | Number} intensity - Controls the intensity of the effect.
+ * @param {number} size - The size of the lookup table.
+ * @param {Node<float> | number} intensity - Controls the intensity of the effect.
  * @returns {Lut3DNode}
  */
 export const lut3D = ( node, lut, size, intensity ) => nodeObject( new Lut3DNode( nodeObject( node ), nodeObject( lut ), size, nodeObject( intensity ) ) );

package/examples/jsm/tsl/display/MotionBlur.js

@@ -1,10 +1,9 @@
 import { Fn, float, uv, Loop, int } from 'three/tsl';
 
-/** @module MotionBlur **/
-
 /**
  * Applies a motion blur effect to the given input node.
  *
+ * @tsl
  * @function
  * @param {Node<vec4>} inputNode - The input node to apply the motion blur for.
  * @param {Node<vec2>} velocity - The motion vectors of the beauty pass.

package/examples/jsm/tsl/display/OutlineNode.js

@@ -1,8 +1,6 @@
 import { DepthTexture, FloatType, RenderTarget, Vector2, TempNode, QuadMesh, NodeMaterial, RendererUtils, NodeUpdateType } from 'three/webgpu';
 import { Loop, int, exp, min, float, mul, uv, vec2, vec3, Fn, textureSize, orthographicDepthToViewZ, screenUV, nodeObject, uniform, vec4, passTexture, texture, perspectiveDepthToViewZ, positionView, reference } from 'three/tsl';
 
-/** @module OutlineNode **/
-
 const _quadMesh = /*@__PURE__*/ new QuadMesh();
 const _size = /*@__PURE__*/ new Vector2();
 const _BLUR_DIRECTION_X = /*@__PURE__*/ new Vector2( 1.0, 0.0 );
@@ -60,7 +58,7 @@ class OutlineNode extends TempNode {
 	 * @param {Array<Object3D>} params.selectedObjects - An array of selected objects.
 	 * @param {Node<float>} [params.edgeThickness=float(1)] - The thickness of the edges.
 	 * @param {Node<float>} [params.edgeGlow=float(0)] - Can be used for an animated glow/pulse effects.
-	 * @param {Number} [params.downSampleRatio=2] - The downsample ratio.
+	 * @param {number} [params.downSampleRatio=2] - The downsample ratio.
 	 */
 	constructor( scene, camera, params = {} ) {
 
@@ -111,7 +109,7 @@ class OutlineNode extends TempNode {
 		/**
 		 * The downsample ratio.
 		 *
-		 * @type {Number}
+		 * @type {number}
 		 * @default 2
 		 */
 		this.downSampleRatio = downSampleRatio;
@@ -120,7 +118,7 @@ class OutlineNode extends TempNode {
 		 * The `updateBeforeType` is set to `NodeUpdateType.FRAME` since the node renders
 		 * its effect once per frame in `updateBefore()`.
 		 *
-		 * @type {String}
+		 * @type {string}
 		 * @default 'frame'
 		 */
 		this.updateBeforeType = NodeUpdateType.FRAME;
@@ -405,8 +403,8 @@ class OutlineNode extends TempNode {
 	/**
 	 * Sets the size of the effect.
 	 *
-	 * @param {Number} width - The width of the effect.
-	 * @param {Number} height - The height of the effect.
+	 * @param {number} width - The width of the effect.
+	 * @param {number} height - The height of the effect.
 	 */
 	setSize( width, height ) {
 
@@ -738,6 +736,7 @@ export default OutlineNode;
 /**
  * TSL function for creating an outline effect around selected objects.
  *
+ * @tsl
  * @function
  * @param {Scene} scene - A reference to the scene.
  * @param {Camera} camera - The camera the scene is rendered with.
@@ -745,7 +744,7 @@ export default OutlineNode;
  * @param {Array<Object3D>} params.selectedObjects - An array of selected objects.
  * @param {Node<float>} [params.edgeThickness=float(1)] - The thickness of the edges.
  * @param {Node<float>} [params.edgeGlow=float(0)] - Can be used for animated glow/pulse effects.
- * @param {Number} [params.downSampleRatio=2] - The downsample ratio.
+ * @param {number} [params.downSampleRatio=2] - The downsample ratio.
  * @returns {OutlineNode}
  */
 export const outline = ( scene, camera, params ) => nodeObject( new OutlineNode( scene, camera, params ) );

package/examples/jsm/tsl/display/ParallaxBarrierPassNode.js

@@ -2,8 +2,6 @@ import { NodeMaterial } from 'three/webgpu';
 import { nodeObject, Fn, vec4, uv, If, mod, screenCoordinate } from 'three/tsl';
 import StereoCompositePassNode from './StereoCompositePassNode.js';
 
-/** @module ParallaxBarrierPassNode **/
-
 /**
  * A render pass node that creates a parallax barrier effect.
  *
@@ -30,7 +28,7 @@ class ParallaxBarrierPassNode extends StereoCompositePassNode {
 		/**
 		 * This flag can be used for type testing.
 		 *
-		 * @type {Boolean}
+		 * @type {boolean}
 		 * @readonly
 		 * @default true
 		 */
@@ -81,6 +79,7 @@ export default ParallaxBarrierPassNode;
 /**
  * TSL function for creating an parallax barrier pass node.
  *
+ * @tsl
  * @function
  * @param {Scene} scene - The scene to render.
  * @param {Camera} camera - The camera to render the scene with.

package/examples/jsm/tsl/display/PixelationPassNode.js

@@ -1,8 +1,6 @@
 import { NearestFilter, Vector4, TempNode, NodeUpdateType, PassNode } from 'three/webgpu';
 import { nodeObject, Fn, float, uv, uniform, convertToTexture, vec2, vec3, clamp, floor, dot, smoothstep, If, sign, step, mrt, output, normalView, property } from 'three/tsl';
 
-/** @module PixelationPassNode **/
-
 /**
  * A inner node definition that implements the actual pixelation TSL code.
  *
@@ -84,7 +82,7 @@ class PixelationNode extends TempNode {
 		 * The `updateBeforeType` is set to `NodeUpdateType.FRAME` since the node updates
 		 * its internal uniforms once per frame in `updateBefore()`.
 		 *
-		 * @type {String}
+		 * @type {string}
 		 * @default 'frame'
 		 */
 		this.updateBeforeType = NodeUpdateType.FRAME;
@@ -235,9 +233,9 @@ class PixelationPassNode extends PassNode {
 	 *
 	 * @param {Scene} scene - The scene to render.
 	 * @param {Camera} camera - The camera to render the scene with.
-	 * @param {Node<float> | Number} [pixelSize=6] - The pixel size.
-	 * @param {Node<float> | Number} [normalEdgeStrength=03] - The normal edge strength.
-	 * @param {Node<float> | Number} [depthEdgeStrength=03] - The depth edge strength.
+	 * @param {Node<float> | number} [pixelSize=6] - The pixel size.
+	 * @param {Node<float> | number} [normalEdgeStrength=0.3] - The normal edge strength.
+	 * @param {Node<float> | number} [depthEdgeStrength=0.4] - The depth edge strength.
 	 */
 	constructor( scene, camera, pixelSize = 6, normalEdgeStrength = 0.3, depthEdgeStrength = 0.4 ) {
 
@@ -246,7 +244,7 @@ class PixelationPassNode extends PassNode {
 		/**
 		 * The pixel size.
 		 *
-		 * @type {Number}
+		 * @type {number}
 		 * @default 6
 		 */
 		this.pixelSize = pixelSize;
@@ -254,7 +252,7 @@ class PixelationPassNode extends PassNode {
 		/**
 		 * The normal edge strength.
 		 *
-		 * @type {Number}
+		 * @type {number}
 		 * @default 0.3
 		 */
 		this.normalEdgeStrength = normalEdgeStrength;
@@ -262,7 +260,7 @@ class PixelationPassNode extends PassNode {
 		/**
 		 * The depth edge strength.
 		 *
-		 * @type {Number}
+		 * @type {number}
 		 * @default 0.4
 		 */
 		this.depthEdgeStrength = depthEdgeStrength;
@@ -270,7 +268,7 @@ class PixelationPassNode extends PassNode {
 		/**
 		 * This flag can be used for type testing.
 		 *
-		 * @type {Boolean}
+		 * @type {boolean}
 		 * @readonly
 		 * @default true
 		 */
@@ -286,8 +284,8 @@ class PixelationPassNode extends PassNode {
 	/**
 	 * Sets the size of the pass.
 	 *
-	 * @param {Number} width - The width of the pass.
-	 * @param {Number} height - The height of the pass.
+	 * @param {number} width - The width of the pass.
+	 * @param {number} height - The height of the pass.
 	 */
 	setSize( width, height ) {
 
@@ -321,12 +319,13 @@ class PixelationPassNode extends PassNode {
 /**
  * TSL function for creating a pixelation render pass node for post processing.
  *
+ * @tsl
  * @function
  * @param {Scene} scene - The scene to render.
  * @param {Camera} camera - The camera to render the scene with.
- * @param {Node<float> | Number} [pixelSize=6] - The pixel size.
- * @param {Node<float> | Number} [normalEdgeStrength=03] - The normal edge strength.
- * @param {Node<float> | Number} [depthEdgeStrength=03] - The depth edge strength.
+ * @param {Node<float> | number} [pixelSize=6] - The pixel size.
+ * @param {Node<float> | number} [normalEdgeStrength=0.3] - The normal edge strength.
+ * @param {Node<float> | number} [depthEdgeStrength=0.4] - The depth edge strength.
  * @returns {PixelationPassNode}
  */
 export const pixelationPass = ( scene, camera, pixelSize, normalEdgeStrength, depthEdgeStrength ) => nodeObject( new PixelationPassNode( scene, camera, pixelSize, normalEdgeStrength, depthEdgeStrength ) );

package/examples/jsm/tsl/display/RGBShiftNode.js

@@ -1,8 +1,6 @@
 import { TempNode } from 'three/webgpu';
 import { nodeObject, Fn, uv, uniform, vec2, sin, cos, vec4, convertToTexture } from 'three/tsl';
 
-/** @module RGBShiftNode **/
-
 /**
  * Post processing node for shifting/splitting RGB color channels. The effect
  * separates color channels and offsets them from each other.
@@ -21,8 +19,8 @@ class RGBShiftNode extends TempNode {
 	 * Constructs a new RGB shift node.
 	 *
 	 * @param {TextureNode} textureNode - The texture node that represents the input of the effect.
-	 * @param {Number} [amount=0.005] - The amount of the RGB shift.
-	 * @param {Number} [angle=0] - Defines the orientation in which colors are shifted.
+	 * @param {number} [amount=0.005] - The amount of the RGB shift.
+	 * @param {number} [angle=0] - Defines the orientation in which colors are shifted.
 	 */
 	constructor( textureNode, amount = 0.005, angle = 0 ) {
 
@@ -87,10 +85,11 @@ export default RGBShiftNode;
 /**
  * TSL function for creating a RGB shift or split effect for post processing.
  *
+ * @tsl
  * @function
  * @param {Node<vec4>} node - The node that represents the input of the effect.
- * @param {Number} [amount=0.005] - The amount of the RGB shift.
- * @param {Number} [angle=0] - Defines in which direction colors are shifted.
+ * @param {number} [amount=0.005] - The amount of the RGB shift.
+ * @param {number} [angle=0] - Defines in which direction colors are shifted.
  * @returns {RGBShiftNode}
  */
 export const rgbShift = ( node, amount, angle ) => nodeObject( new RGBShiftNode( convertToTexture( node ), amount, angle ) );

package/examples/jsm/tsl/display/SMAANode.js

@@ -1,8 +1,6 @@
 import { HalfFloatType, LinearFilter, NearestFilter, RenderTarget, Texture, Vector2, QuadMesh, NodeMaterial, TempNode, RendererUtils } from 'three/webgpu';
 import { abs, nodeObject, Fn, NodeUpdateType, uv, uniform, convertToTexture, varyingProperty, vec2, vec4, modelViewProjection, passTexture, max, step, dot, float, texture, If, Loop, int, Break, sqrt, sign, mix } from 'three/tsl';
 
-/** @module SMAANode **/
-
 const _quadMesh = /*@__PURE__*/ new QuadMesh();
 const _size = /*@__PURE__*/ new Vector2();
 
@@ -46,7 +44,7 @@ class SMAANode extends TempNode {
 		 * The `updateBeforeType` is set to `NodeUpdateType.FRAME` since the node renders
 		 * its effect once per frame in `updateBefore()`.
 		 *
-		 * @type {String}
+		 * @type {string}
 		 * @default 'frame'
 		 */
 		this.updateBeforeType = NodeUpdateType.FRAME;
@@ -218,8 +216,8 @@ class SMAANode extends TempNode {
 	/**
 	 * Sets the size of the effect.
 	 *
-	 * @param {Number} width - The width of the effect.
-	 * @param {Number} height - The height of the effect.
+	 * @param {number} width - The width of the effect.
+	 * @param {number} height - The height of the effect.
 	 */
 	setSize( width, height ) {
 
@@ -734,7 +732,7 @@ class SMAANode extends TempNode {
 	 * Returns the area texture as a Base64 string.
 	 *
 	 * @private
-	 * @return {String} The area texture.
+	 * @return {string} The area texture.
 	 */
 	_getAreaTexture() {
 
@@ -746,7 +744,7 @@ class SMAANode extends TempNode {
 	 * Returns the search texture as a Base64 string..
 	 *
 	 * @private
-	 * @return {String} The search texture.
+	 * @return {string} The search texture.
 	 */
 	_getSearchTexture() {
 
@@ -758,4 +756,12 @@ class SMAANode extends TempNode {
 
 export default SMAANode;
 
+/**
+ * TSL function for creating a SMAA node for anti-aliasing via post processing.
+ *
+ * @tsl
+ * @function
+ * @param {Node<vec4>} node - The node that represents the input of the effect.
+ * @returns {SMAANode}
+ */
 export const smaa = ( node ) => nodeObject( new SMAANode( convertToTexture( node ) ) );

package/examples/jsm/tsl/display/SSAAPassNode.js

@@ -1,8 +1,6 @@
 import { AdditiveBlending, Color, Vector2, RendererUtils, PassNode, QuadMesh, NodeMaterial } from 'three/webgpu';
 import { nodeObject, uniform, mrt, texture, getTextureIndex } from 'three/tsl';
 
-/** @module SSAAPassNode **/
-
 const _size = /*@__PURE__*/ new Vector2();
 
 let _rendererState;
@@ -39,7 +37,7 @@ class SSAAPassNode extends PassNode {
 		/**
 		 * This flag can be used for type testing.
 		 *
-		 * @type {Boolean}
+		 * @type {boolean}
 		 * @readonly
 		 * @default true
 		 */
@@ -49,7 +47,7 @@ class SSAAPassNode extends PassNode {
 		 * The sample level specified  as n, where the number of samples is 2^n,
 		 * so sampleLevel = 4, is 2^4 samples, 16.
 		 *
-		 * @type {Number}
+		 * @type {number}
 		 * @default 4
 		 */
 		this.sampleLevel = 4;
@@ -57,7 +55,7 @@ class SSAAPassNode extends PassNode {
 		/**
 		 * Whether rounding errors should be mitigated or not.
 		 *
-		 * @type {Boolean}
+		 * @type {boolean}
 		 * @default true
 		 */
 		this.unbiased = true;
@@ -73,7 +71,7 @@ class SSAAPassNode extends PassNode {
 		/**
 		 * The clear alpha of the pass.
 		 *
-		 * @type {Number}
+		 * @type {number}
 		 * @default 0
 		 */
 		this.clearAlpha = 0;
@@ -90,7 +88,8 @@ class SSAAPassNode extends PassNode {
 		 * Reference to the internal render target that holds the current sample.
 		 *
 		 * @private
-		 * @type {RenderTarget?}
+		 * @type {?RenderTarget}
+		 * @default null
 		 */
 		this._sampleRenderTarget = null;
 
@@ -349,6 +348,7 @@ const _JitterVectors = [
 /**
  * TSL function for creating a SSAA pass node for Supersampling Anti-Aliasing.
  *
+ * @tsl
  * @function
  * @param {Scene} scene - The scene to render.
  * @param {Camera} camera - The camera to render the scene with.

package/examples/jsm/tsl/display/SSRNode.js

@@ -1,8 +1,6 @@
 import { NearestFilter, RenderTarget, Vector2, RendererUtils, QuadMesh, TempNode, NodeMaterial, NodeUpdateType } from 'three/webgpu';
 import { reference, viewZToPerspectiveDepth, logarithmicDepthToViewZ, getScreenPosition, getViewPosition, sqrt, mul, div, cross, float, Continue, Break, Loop, int, max, abs, sub, If, dot, reflect, normalize, screenCoordinate, nodeObject, Fn, passTexture, uv, uniform, perspectiveDepthToViewZ, orthographicDepthToViewZ, vec2, vec3, vec4 } from 'three/tsl';
 
-/** @module SSRNode **/
-
 const _quadMesh = /*@__PURE__*/ new QuadMesh();
 const _size = /*@__PURE__*/ new Vector2();
 let _rendererState;
@@ -76,7 +74,7 @@ class SSRNode extends TempNode {
 		 * to `1` improves quality but also results in more
 		 * computational overhead.
 		 *
-		 * @type {Number}
+		 * @type {number}
 		 * @default 0.5
 		 */
 		this.resolutionScale = 0.5;
@@ -85,7 +83,7 @@ class SSRNode extends TempNode {
 		 * The `updateBeforeType` is set to `NodeUpdateType.FRAME` since the node renders
 		 * its effect once per frame in `updateBefore()`.
 		 *
-		 * @type {String}
+		 * @type {string}
 		 * @default 'frame'
 		 */
 		this.updateBeforeType = NodeUpdateType.FRAME;
@@ -100,7 +98,7 @@ class SSRNode extends TempNode {
 		this._ssrRenderTarget.texture.name = 'SSRNode.SSR';
 
 		/**
-		 * Controls how far a fragment can reflect
+		 * Controls how far a fragment can reflect.
 		 *
 		 *
 		 * @type {UniformNode<float>}
@@ -211,8 +209,8 @@ class SSRNode extends TempNode {
 	/**
 	 * Sets the size of the effect.
 	 *
-	 * @param {Number} width - The width of the effect.
-	 * @param {Number} height - The height of the effect.
+	 * @param {number} width - The width of the effect.
+	 * @param {number} height - The height of the effect.
 	 */
 	setSize( width, height ) {
 
@@ -528,6 +526,7 @@ export default SSRNode;
 /**
  * TSL function for creating screen space reflections (SSR).
  *
+ * @tsl
  * @function
  * @param {Node<vec4>} colorNode - The node that represents the beauty pass.
  * @param {Node<float>} depthNode - A node that represents the beauty pass's depth.

package/examples/jsm/tsl/display/Sepia.js

@@ -1,10 +1,9 @@
 import { dot, Fn, vec3, vec4 } from 'three/tsl';
 
-/** @module Sepia **/
-
 /**
  * Applies a sepia effect to the given color node.
  *
+ * @tsl
  * @function
  * @param {Node<vec4>} color - The color node to apply the sepia for.
  * @return {Node<vec4>} The updated color node.

package/examples/jsm/tsl/display/SobelOperatorNode.js

@@ -1,8 +1,6 @@
 import { Vector2, TempNode, NodeUpdateType } from 'three/webgpu';
 import { nodeObject, Fn, uv, uniform, convertToTexture, vec2, vec3, vec4, mat3, luminance, add } from 'three/tsl';
 
-/** @module SobelOperatorNode **/
-
 /**
  * Post processing node for detecting edges with a sobel filter.
  * A sobel filter should be applied after tone mapping and output color
@@ -38,7 +36,7 @@ class SobelOperatorNode extends TempNode {
 		 * The `updateBeforeType` is set to `NodeUpdateType.FRAME` since the node updates
 		 * its internal uniforms once per frame in `updateBefore()`.
 		 *
-		 * @type {String}
+		 * @type {string}
 		 * @default 'frame'
 		 */
 		this.updateBeforeType = NodeUpdateType.FRAME;
@@ -161,6 +159,7 @@ export default SobelOperatorNode;
 /**
  * TSL function for creating a sobel operator node which performs edge detection with a sobel filter.
  *
+ * @tsl
  * @function
  * @param {Node<vec4>} node - The node that represents the input of the effect.
  * @returns {SobelOperatorNode}