@gnsx/three 0.185.16 → 0.186.0

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

@@ -1,5 +1,5 @@
 import { RenderTarget, Vector2, TempNode, QuadMesh, NodeMaterial, RendererUtils, MathUtils, RGBFormat, RedFormat, UnsignedInt101111Type, UnsignedByteType } from '@gnsx/three/webgpu';
-import { clamp, normalize, reference, Fn, NodeUpdateType, uniform, vec4, passTexture, uv, logarithmicDepthToViewZ, viewZToPerspectiveDepth, getViewPosition, screenCoordinate, float, sub, fract, dot, vec2, rand, vec3, Loop, mul, PI, cos, sin, uint, cross, acos, sign, pow, luminance, If, max, abs, Break, sqrt, HALF_PI, div, ceil, shiftRight, convertToTexture, bool, getNormalFromDepth, countOneBits, interleavedGradientNoise, property, outputStruct } from '@gnsx/three/tsl';
+import { clamp, normalize, reference, Fn, NodeUpdateType, uniform, vec4, passTexture, uv, logarithmicDepthToViewZ, viewZToPerspectiveDepth, getViewPosition, screenCoordinate, float, sub, fract, dot, vec2, rand, vec3, Loop, mul, PI, cos, sin, uint, cross, acos, sign, pow, luminance, If, max, abs, Break, sqrt, HALF_PI, div, ceil, shiftRight, convertToTexture, bool, getNormalFromDepth, countOneBits, interleavedGradientNoise, property, outputStruct, context } from '@gnsx/three/tsl';
 
 const _quadMesh = /*@__PURE__*/ new QuadMesh();
 const _size = /*@__PURE__*/ new Vector2();
@@ -648,7 +648,8 @@ class SSGINode extends TempNode {
 
 		} );
 
-		this._material.colorNode = gi().context( builder.getSharedContext() );
+		this._material.contextNode = context( builder.getSharedContext() );
+		this._material.colorNode = gi();
 		this._material.outputNode = outputNode;
 		this._material.needsUpdate = true;
 
@@ -664,6 +665,8 @@ class SSGINode extends TempNode {
 	 */
 	dispose() {
 
+		super.dispose();
+
 		this._ssgiRenderTarget.dispose();
 
 		this._material.dispose();

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

@@ -1,4 +1,4 @@
-import { Break, Continue, Fn, If, Loop, abs, bool, cross, distance, div, dot, float, getScreenPosition, getViewPosition, int, logarithmicDepthToViewZ, luminance, max, min, mix, mul, nodeObject, normalize, orthographicDepthToViewZ, passTexture, perspectiveDepthToViewZ, reference, reflect, sub, texture, trunc, uniform, uv, vec2, vec3, vec4, viewZToPerspectiveDepth } from '@gnsx/three/tsl';
+import { Break, Continue, Fn, If, Loop, abs, bool, cross, distance, div, dot, float, getScreenPosition, getViewPosition, int, logarithmicDepthToViewZ, luminance, max, min, mix, mul, nodeObject, normalize, orthographicDepthToViewZ, passTexture, perspectiveDepthToViewZ, reference, reflect, sub, texture, trunc, uniform, uv, vec2, vec3, vec4, viewZToPerspectiveDepth, context } from '@gnsx/three/tsl';
 import { HalfFloatType, LinearFilter, LinearMipmapLinearFilter, Matrix4, NodeMaterial, NodeUpdateType, QuadMesh, RenderTarget, RendererUtils, TempNode, Vector2, Vector3 } from '@gnsx/three/webgpu';
 import { bindAnalyticNoise } from '../utils/RNoise.js';
 import { ENV_RAY_LENGTH, getSpecularDominantFactor, ggxReflectionSample } from '../utils/SpecularHelpers.js';
@@ -625,7 +625,8 @@ class SSRNode extends TempNode {
 
 		if ( this._ssrFn === null ) return;
 
-		this._ssrMaterial.fragmentNode = this._ssrFn().context( this._sharedContext );
+		this._ssrMaterial.contextNode = context( this._sharedContext );
+		this._ssrMaterial.fragmentNode = this._ssrFn();
 		this._ssrMaterial.needsUpdate = true;
 
 	}
@@ -953,6 +954,8 @@ class SSRNode extends TempNode {
 
 				sampleEnvReflection = () => {
 
+					if ( this._importanceEnvironment === null ) return vec3( 0 );
+
 					const envColor = vec3( 0 ).toVar();
 
 					if ( this.envImportanceSampling ) {
@@ -1314,6 +1317,8 @@ class SSRNode extends TempNode {
 	 */
 	dispose() {
 
+		super.dispose();
+
 		this._ssrRenderTarget.dispose();
 		this._blurRenderTarget.dispose();
 

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

@@ -1,5 +1,5 @@
 import { RedFormat, RenderTarget, Vector2, RendererUtils, QuadMesh, TempNode, NodeMaterial, NodeUpdateType, UnsignedByteType } from '@gnsx/three/webgpu';
-import { reference, viewZToPerspectiveDepth, logarithmicDepthToViewZ, getScreenPosition, getViewPosition, float, Break, Loop, int, max, abs, If, interleavedGradientNoise, screenCoordinate, Fn, passTexture, uv, uniform, perspectiveDepthToViewZ, orthographicDepthToViewZ, vec2, lightPosition, lightTargetPosition, fract, rand, mix } from '@gnsx/three/tsl';
+import { reference, viewZToPerspectiveDepth, logarithmicDepthToViewZ, getScreenPosition, getViewPosition, float, Break, Loop, int, max, abs, If, interleavedGradientNoise, screenCoordinate, Fn, passTexture, uv, uniform, perspectiveDepthToViewZ, orthographicDepthToViewZ, vec2, lightPosition, lightTargetPosition, fract, rand, mix, context } from '@gnsx/three/tsl';
 
 const _quadMesh = /*@__PURE__*/ new QuadMesh();
 const _size = /*@__PURE__*/ new Vector2();
@@ -454,7 +454,8 @@ class SSSNode extends TempNode {
 
 		} );
 
-		this._material.fragmentNode = sss().context( builder.getSharedContext() );
+		this._material.contextNode = context( builder.getSharedContext() );
+		this._material.fragmentNode = sss();
 		this._material.needsUpdate = true;
 
 		return this._textureNode;
@@ -467,6 +468,8 @@ class SSSNode extends TempNode {
 	 */
 	dispose() {
 
+		super.dispose();
+
 		this._sssRenderTarget.dispose();
 
 		this._material.dispose();

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

@@ -1,5 +1,5 @@
 import { HalfFloatType, RenderTarget, Vector2, NodeMaterial, RendererUtils, QuadMesh, TempNode, NodeUpdateType } from '@gnsx/three/webgpu';
-import { Fn, float, vec3, vec4, ivec2, int, uv, floor, abs, max, min, exp2, nodeObject, passTexture, textureSize, textureLoad, convertToTexture } from '@gnsx/three/tsl';
+import { Fn, float, vec3, vec4, ivec2, int, uv, floor, abs, max, min, exp2, nodeObject, passTexture, textureSize, textureLoad, convertToTexture, context } from '@gnsx/three/tsl';
 
 const _quadMesh = /*@__PURE__*/ new QuadMesh();
 const _size = /*@__PURE__*/ new Vector2();
@@ -236,10 +236,9 @@ class SharpenNode extends TempNode {
 
 		//
 
-		const context = builder.getSharedContext();
-
 		const material = this._material || ( this._material = new NodeMaterial() );
-		material.fragmentNode = rcas().context( context );
+		material.contextNode = context( builder.getSharedContext() );
+		material.fragmentNode = rcas();
 		material.name = 'Sharpen_RCAS';
 		material.needsUpdate = true;
 
@@ -260,6 +259,8 @@ class SharpenNode extends TempNode {
 	 */
 	dispose() {
 
+		super.dispose();
+
 		this._renderTarget.dispose();
 
 		if ( this._material !== null ) this._material.dispose();

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

@@ -139,11 +139,9 @@ class StereoCompositePassNode extends PassNode {
 
 		//
 
-		this._pixelRatio = renderer.getPixelRatio();
-
 		this.updateStereoCamera( renderer.coordinateSystem );
 
-		const size = renderer.getSize( _size );
+		const size = renderer.getDrawingBufferSize( _size );
 		this.setSize( size.width, size.height );
 
 		// left

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

@@ -61,13 +61,11 @@ class StereoPassNode extends PassNode {
 
 		//
 
-		this._pixelRatio = renderer.getPixelRatio();
-
 		stereo.cameraL.coordinateSystem = renderer.coordinateSystem;
 		stereo.cameraR.coordinateSystem = renderer.coordinateSystem;
 		stereo.update( camera );
 
-		const size = renderer.getSize( _size );
+		const size = renderer.getDrawingBufferSize( _size );
 		this.setSize( size.width, size.height );
 
 		renderer.autoClear = false;

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

@@ -1,5 +1,6 @@
-import { HalfFloatType, Vector2, RenderTarget, RendererUtils, QuadMesh, NodeMaterial, TempNode, NodeUpdateType, Matrix4, DepthTexture } from '@gnsx/three/webgpu';
-import { add, exp, float, If, Fn, max, texture, uniform, uv, vec2, vec4, luminance, convertToTexture, passTexture, velocity, getViewPosition, viewZToPerspectiveDepth, struct, ivec2, mix, property, outputStruct } from '@gnsx/three/tsl';
+import { HalfFloatType, Vector2, RenderTarget, RendererUtils, QuadMesh, NodeMaterial, TempNode, NodeUpdateType, Matrix4, DepthTexture, FloatType } from '@gnsx/three/webgpu';
+import { exp, float, Fn, max, texture, uniform, uv, vec2, vec4, luminance, convertToTexture, passTexture, velocity, ivec2, mix, property, outputStruct, context, OnBeforeRenderPipeline, OnAfterRenderPipeline } from '@gnsx/three/tsl';
+import { clipAABB, computeHaltonOffsets, flickerReduction, sampleCurrentDepth, samplePreviousDepth } from '../utils/TAAUtils.js';
 
 const _quadMesh = /*@__PURE__*/ new QuadMesh();
 const _size = /*@__PURE__*/ new Vector2();
@@ -367,7 +368,7 @@ class TAAUNode extends TempNode {
 		// update jitter index
 
 		this._jitterIndex ++;
-		this._jitterIndex = this._jitterIndex % ( _haltonOffsets.length - 1 );
+		this._jitterIndex = this._jitterIndex % _haltonOffsets.length;
 
 	}
 
@@ -501,13 +502,13 @@ class TAAUNode extends TempNode {
 	 */
 	setup( builder ) {
 
-		const renderPipeline = builder.context.renderPipeline;
+		if ( builder.renderPipeline && ! builder.context.renderPipelineState.viewOffsetOwner ) {
 
-		if ( renderPipeline ) {
+			builder.context.renderPipelineState.viewOffsetOwner = this;
 
 			this._needsPostProcessingSync = true;
 
-			renderPipeline.context.onBeforeRenderPipeline = () => {
+			OnBeforeRenderPipeline( () => {
 
 				const beautyRenderTarget = ( this.beautyNode.isRTTNode ) ? this.beautyNode.renderTarget : this.beautyNode.passNode.renderTarget;
 
@@ -516,112 +517,21 @@ class TAAUNode extends TempNode {
 
 				this.setViewOffset( inputWidth, inputHeight );
 
-			};
+			} );
 
-			renderPipeline.context.onAfterRenderPipeline = () => {
+			OnAfterRenderPipeline( () => {
 
 				this.clearViewOffset();
 
-			};
+			} );
 
 		}
 
-		const currentDepthStruct = struct( {
+		if ( builder.renderer.reversedDepthBuffer === true ) {
 
-			closestDepth: 'float',
-			closestPositionTexel: 'vec2',
-			farthestDepth: 'float',
+			this._previousDepthRenderTarget.depthTexture.type = FloatType;
 
-		} );
-
-		// Samples 3×3 neighborhood pixels and returns the closest and farthest depths.
-		const sampleCurrentDepth = Fn( ( [ positionTexel ] ) => {
-
-			const closestDepth = float( 2 ).toVar();
-			const closestPositionTexel = vec2( 0 ).toVar();
-			const farthestDepth = float( - 1 ).toVar();
-
-			for ( let x = - 1; x <= 1; ++ x ) {
-
-				for ( let y = - 1; y <= 1; ++ y ) {
-
-					const neighbor = positionTexel.add( vec2( x, y ) ).toVar();
-					const depth = this.depthNode.load( neighbor ).r.toVar();
-
-					If( depth.lessThan( closestDepth ), () => {
-
-						closestDepth.assign( depth );
-						closestPositionTexel.assign( neighbor );
-
-					} );
-
-					If( depth.greaterThan( farthestDepth ), () => {
-
-						farthestDepth.assign( depth );
-
-					} );
-
-				}
-
-			}
-
-			return currentDepthStruct( closestDepth, closestPositionTexel, farthestDepth );
-
-		} );
-
-		// Samples a previous depth and reproject it using the current camera matrices.
-		const samplePreviousDepth = ( uv ) => {
-
-			const depth = this._previousDepthNode.sample( uv ).r;
-			const positionView = getViewPosition( uv, depth, this._previousCameraProjectionMatrixInverse );
-			const positionWorld = this._previousCameraWorldMatrix.mul( vec4( positionView, 1 ) ).xyz;
-			const viewZ = this._cameraWorldMatrixInverse.mul( vec4( positionWorld, 1 ) ).z;
-			return viewZToPerspectiveDepth( viewZ, this._cameraNearFar.x, this._cameraNearFar.y );
-
-		};
-
-		// Optimized version of AABB clipping.
-		// Reference: https://github.com/playdeadgames/temporal
-		const clipAABB = Fn( ( [ currentColor, historyColor, minColor, maxColor ] ) => {
-
-			const pClip = maxColor.rgb.add( minColor.rgb ).mul( 0.5 );
-			const eClip = maxColor.rgb.sub( minColor.rgb ).mul( 0.5 ).add( 1e-7 );
-			const vClip = historyColor.sub( vec4( pClip, currentColor.a ) );
-			const vUnit = vClip.xyz.div( eClip );
-			const absUnit = vUnit.abs();
-			const maxUnit = max( absUnit.x, absUnit.y, absUnit.z );
-			return maxUnit.greaterThan( 1 ).select(
-				vec4( pClip, currentColor.a ).add( vClip.div( maxUnit ) ),
-				historyColor
-			);
-
-		} ).setLayout( {
-			name: 'clipAABB',
-			type: 'vec4',
-			inputs: [
-				{ name: 'currentColor', type: 'vec4' },
-				{ name: 'historyColor', type: 'vec4' },
-				{ name: 'minColor', type: 'vec4' },
-				{ name: 'maxColor', type: 'vec4' }
-			]
-		} );
-
-		// Flicker reduction based on luminance weighing.
-		const flickerReduction = Fn( ( [ currentColor, historyColor, currentWeight ] ) => {
-
-			const historyWeight = currentWeight.oneMinus();
-			const compressedCurrent = currentColor.mul( float( 1 ).div( ( max( currentColor.r, currentColor.g, currentColor.b ).add( 1 ) ) ) );
-			const compressedHistory = historyColor.mul( float( 1 ).div( ( max( historyColor.r, historyColor.g, historyColor.b ).add( 1 ) ) ) );
-
-			const luminanceCurrent = luminance( compressedCurrent.rgb );
-			const luminanceHistory = luminance( compressedHistory.rgb );
-
-			currentWeight.mulAssign( float( 1 ).div( luminanceCurrent.add( 1 ) ) );
-			historyWeight.mulAssign( float( 1 ).div( luminanceHistory.add( 1 ) ) );
-
-			return add( currentColor.mul( currentWeight ), historyColor.mul( historyWeight ) ).div( max( currentWeight.add( historyWeight ), 0.00001 ) ).toVar();
-
-		} );
+		}
 
 		const historyNode = texture( this._historyRenderTarget.textures[ 0 ] );
 		const lockNode = texture( this._historyRenderTarget.textures[ 1 ] );
@@ -660,7 +570,7 @@ class TAAUNode extends TempNode {
 
 			// depth dilation around the closest input tap
 
-			const currentDepth = sampleCurrentDepth( closestTapF );
+			const currentDepth = sampleCurrentDepth( this.depthNode, closestTapF, this._cameraNearFar );
 			const closestDepth = currentDepth.get( 'closestDepth' );
 			const closestPositionTexel = currentDepth.get( 'closestPositionTexel' );
 			const farthestDepth = currentDepth.get( 'farthestDepth' );
@@ -669,7 +579,7 @@ class TAAUNode extends TempNode {
 
 			const offsetUV = this.velocityNode.load( closestPositionTexel ).xy.mul( vec2( 0.5, - 0.5 ) );
 			const historyUV = uvNode.sub( offsetUV );
-			const previousDepth = samplePreviousDepth( historyUV );
+			const previousDepth = samplePreviousDepth( this._previousDepthNode, historyUV, this._previousCameraProjectionMatrixInverse, this._previousCameraWorldMatrix, this._cameraWorldMatrixInverse, this._cameraNearFar, this.camera );
 
 			// history validity
 
@@ -763,6 +673,9 @@ class TAAUNode extends TempNode {
 
 		// materials
 
+		const sharedContext = context( builder.getSharedContext() );
+
+		this._resolveMaterial.contextNode = sharedContext;
 		this._resolveMaterial.colorNode = resolve();
 		this._resolveMaterial.outputNode = outputNode;
 
@@ -775,6 +688,7 @@ class TAAUNode extends TempNode {
 
 		} )();
 
+		this._seedMaterial.contextNode = sharedContext;
 		this._seedMaterial.outputNode = outputNode;
 
 		return this._textureNode;
@@ -787,6 +701,8 @@ class TAAUNode extends TempNode {
 	 */
 	dispose() {
 
+		super.dispose();
+
 		this._historyRenderTarget.dispose();
 		this._resolveRenderTarget.dispose();
 		this._previousDepthRenderTarget.dispose();
@@ -800,26 +716,7 @@ class TAAUNode extends TempNode {
 
 export default TAAUNode;
 
-function _halton( index, base ) {
-
-	let fraction = 1;
-	let result = 0;
-	while ( index > 0 ) {
-
-		fraction /= base;
-		result += fraction * ( index % base );
-		index = Math.floor( index / base );
-
-	}
-
-	return result;
-
-}
-
-const _haltonOffsets = /*@__PURE__*/ Array.from(
-	{ length: 32 },
-	( _, index ) => [ _halton( index + 1, 2 ), _halton( index + 1, 3 ) ]
-);
+const _haltonOffsets = /*@__PURE__*/ computeHaltonOffsets( 32 );
 
 /**
  * TSL function for creating a TAAU node for Temporal Anti-Aliasing Upscaling.

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

@@ -1,5 +1,6 @@
 import { HalfFloatType, Vector2, RenderTarget, RendererUtils, QuadMesh, NodeMaterial, TempNode, NodeUpdateType, Matrix4, DepthTexture, FloatType } from '@gnsx/three/webgpu';
-import { add, float, If, Fn, max, texture, uniform, uv, vec2, vec4, luminance, convertToTexture, passTexture, velocity, getViewPosition, viewZToPerspectiveDepth, struct, ivec2, mix, logarithmicDepthToViewZ, viewZToOrthographicDepth } from '@gnsx/three/tsl';
+import { float, Fn, max, texture, uniform, uv, vec2, convertToTexture, passTexture, velocity, ivec2, mix, context, OnBeforeRenderPipeline, OnAfterRenderPipeline } from '@gnsx/three/tsl';
+import { clipAABB, computeHaltonOffsets, flickerReduction, sampleCurrentDepth, samplePreviousDepth } from '../utils/TAAUtils.js';
 
 const _quadMesh = /*@__PURE__*/ new QuadMesh();
 const _size = /*@__PURE__*/ new Vector2();
@@ -334,7 +335,7 @@ class TRAANode extends TempNode {
 		// update jitter index
 
 		this._jitterIndex ++;
-		this._jitterIndex = this._jitterIndex % ( _haltonOffsets.length - 1 );
+		this._jitterIndex = this._jitterIndex % _haltonOffsets.length;
 
 	}
 
@@ -442,24 +443,24 @@ class TRAANode extends TempNode {
 	 */
 	setup( builder ) {
 
-		const renderPipeline = builder.context.renderPipeline;
+		if ( builder.renderPipeline && ! builder.context.renderPipelineState.viewOffsetOwner ) {
 
-		if ( renderPipeline ) {
+			builder.context.renderPipelineState.viewOffsetOwner = this;
 
 			this._needsPostProcessingSync = true;
 
-			renderPipeline.context.onBeforeRenderPipeline = () => {
+			OnBeforeRenderPipeline( () => {
 
 				const size = builder.renderer.getDrawingBufferSize( _size );
 				this.setViewOffset( size.width, size.height );
 
-			};
+			} );
 
-			renderPipeline.context.onAfterRenderPipeline = () => {
+			OnAfterRenderPipeline( () => {
 
 				this.clearViewOffset();
 
-			};
+			} );
 
 		}
 
@@ -479,100 +480,6 @@ class TRAANode extends TempNode {
 
 		}
 
-		const logarithmicToPerspectiveDepth = ( depth ) => {
-
-			const { x: near, y: far } = this._cameraNearFar;
-			const viewZ = logarithmicDepthToViewZ( depth, near, far );
-			return viewZToPerspectiveDepth( viewZ, near, far );
-
-		};
-
-		const currentDepthStruct = struct( {
-
-			closestDepth: 'float',
-			closestPositionTexel: 'vec2',
-			farthestDepth: 'float',
-
-		} );
-
-		// Samples 3×3 neighborhood pixels and returns the closest and farthest depths.
-		const sampleCurrentDepth = Fn( ( [ positionTexel ] ) => {
-
-			const closestDepth = float( 2 ).toVar();
-			const closestPositionTexel = vec2( 0 ).toVar();
-			const farthestDepth = float( - 1 ).toVar();
-
-			for ( let x = - 1; x <= 1; ++ x ) {
-
-				for ( let y = - 1; y <= 1; ++ y ) {
-
-					const neighbor = positionTexel.add( vec2( x, y ) ).toVar();
-					let depth = this.depthNode.load( neighbor ).r;
-					if ( builder.renderer.reversedDepthBuffer ) depth = depth.oneMinus();
-					if ( builder.renderer.logarithmicDepthBuffer ) depth = logarithmicToPerspectiveDepth( depth );
-					depth = depth.toVar();
-
-					If( depth.lessThan( closestDepth ), () => {
-
-						closestDepth.assign( depth );
-						closestPositionTexel.assign( neighbor );
-
-					} );
-
-					If( depth.greaterThan( farthestDepth ), () => {
-
-						farthestDepth.assign( depth );
-
-					} );
-
-				}
-
-			}
-
-			return currentDepthStruct( closestDepth, closestPositionTexel, farthestDepth );
-
-		} );
-
-		// Samples a previous depth and reproject it using the current camera matrices.
-		const samplePreviousDepth = ( uv ) => {
-
-			let depth = this._previousDepthNode.sample( uv ).r;
-			if ( builder.renderer.logarithmicDepthBuffer ) depth = logarithmicToPerspectiveDepth( depth );
-			const positionView = getViewPosition( uv, depth, this._previousCameraProjectionMatrixInverse );
-			const positionWorld = this._previousCameraWorldMatrix.mul( vec4( positionView, 1 ) ).xyz;
-			const viewZ = this._cameraWorldMatrixInverse.mul( vec4( positionWorld, 1 ) ).z;
-			return this.camera.isOrthographicCamera
-				? viewZToOrthographicDepth( viewZ, this._cameraNearFar.x, this._cameraNearFar.y )
-				: viewZToPerspectiveDepth( viewZ, this._cameraNearFar.x, this._cameraNearFar.y );
-
-		};
-
-		// Optimized version of AABB clipping.
-		// Reference: https://github.com/playdeadgames/temporal
-		const clipAABB = Fn( ( [ currentColor, historyColor, minColor, maxColor ] ) => {
-
-			const pClip = maxColor.rgb.add( minColor.rgb ).mul( 0.5 );
-			const eClip = maxColor.rgb.sub( minColor.rgb ).mul( 0.5 ).add( 1e-7 );
-			const vClip = historyColor.sub( vec4( pClip, currentColor.a ) );
-			const vUnit = vClip.xyz.div( eClip );
-			const absUnit = vUnit.abs();
-			const maxUnit = max( absUnit.x, absUnit.y, absUnit.z );
-			return maxUnit.greaterThan( 1 ).select(
-				vec4( pClip, currentColor.a ).add( vClip.div( maxUnit ) ),
-				historyColor
-			);
-
-		} ).setLayout( {
-			name: 'clipAABB',
-			type: 'vec4',
-			inputs: [
-				{ name: 'currentColor', type: 'vec4' },
-				{ name: 'historyColor', type: 'vec4' },
-				{ name: 'minColor', type: 'vec4' },
-				{ name: 'maxColor', type: 'vec4' }
-			]
-		} );
-
 		// Performs variance clipping.
 		// See: https://developer.download.nvidia.com/gameworks/events/GDC2016/msalvi_temporal_supersampling.pdf
 		const varianceClipping = Fn( ( [ positionTexel, currentColor, historyColor, gamma ] ) => {
@@ -627,23 +534,6 @@ class TRAANode extends TempNode {
 			]
 		} );
 
-		// Flicker reduction based on luminance weighing.
-		const flickerReduction = Fn( ( [ currentColor, historyColor, currentWeight ] ) => {
-
-			const historyWeight = currentWeight.oneMinus();
-			const compressedCurrent = currentColor.mul( float( 1 ).div( ( max( currentColor.r, currentColor.g, currentColor.b ).add( 1 ) ) ) );
-			const compressedHistory = historyColor.mul( float( 1 ).div( ( max( historyColor.r, historyColor.g, historyColor.b ).add( 1 ) ) ) );
-
-			const luminanceCurrent = luminance( compressedCurrent.rgb );
-			const luminanceHistory = luminance( compressedHistory.rgb );
-
-			currentWeight.mulAssign( float( 1 ).div( luminanceCurrent.add( 1 ) ) );
-			historyWeight.mulAssign( float( 1 ).div( luminanceHistory.add( 1 ) ) );
-
-			return add( currentColor.mul( currentWeight ), historyColor.mul( historyWeight ) ).div( max( currentWeight.add( historyWeight ), 0.00001 ) ).toVar();
-
-		} );
-
 		const historyNode = texture( this._historyRenderTarget.texture );
 
 		const resolve = Fn( () => {
@@ -654,7 +544,7 @@ class TRAANode extends TempNode {
 
 			// sample the closest and farthest depths in the current buffer
 
-			const currentDepth = sampleCurrentDepth( positionTexel );
+			const currentDepth = sampleCurrentDepth( this.depthNode, positionTexel, this._cameraNearFar );
 			const closestDepth = currentDepth.get( 'closestDepth' );
 			const closestPositionTexel = currentDepth.get( 'closestPositionTexel' );
 			const farthestDepth = currentDepth.get( 'farthestDepth' );
@@ -666,7 +556,7 @@ class TRAANode extends TempNode {
 			// sample the previous depth
 
 			const historyUV = uvNode.sub( offsetUV );
-			const previousDepth = samplePreviousDepth( historyUV );
+			const previousDepth = samplePreviousDepth( this._previousDepthNode, historyUV, this._previousCameraProjectionMatrixInverse, this._previousCameraWorldMatrix, this._cameraWorldMatrixInverse, this._cameraNearFar, this.camera );
 
 			// history is considered valid when the UV is in range and there's no disocclusion except on edges
 
@@ -678,7 +568,7 @@ class TRAANode extends TempNode {
 			// sample the current and previous colors
 
 			const currentColor = this.beautyNode.sample( uvNode );
-			const historyColor = historyNode.sample( uvNode.sub( offsetUV ) );
+			const historyColor = historyNode.sample( historyUV );
 
 			// increase the weight towards the current frame under motion
 
@@ -709,6 +599,7 @@ class TRAANode extends TempNode {
 
 		// materials
 
+		this._resolveMaterial.contextNode = context( builder.getSharedContext() );
 		this._resolveMaterial.colorNode = resolve();
 
 		return this._textureNode;
@@ -721,6 +612,8 @@ class TRAANode extends TempNode {
 	 */
 	dispose() {
 
+		super.dispose();
+
 		this._historyRenderTarget.dispose();
 		this._resolveRenderTarget.dispose();
 
@@ -732,26 +625,7 @@ class TRAANode extends TempNode {
 
 export default TRAANode;
 
-function _halton( index, base ) {
-
-	let fraction = 1;
-	let result = 0;
-	while ( index > 0 ) {
-
-		fraction /= base;
-		result += fraction * ( index % base );
-		index = Math.floor( index / base );
-
-	}
-
-	return result;
-
-}
-
-const _haltonOffsets = /*@__PURE__*/ Array.from(
-	{ length: 32 },
-	( _, index ) => [ _halton( index + 1, 2 ), _halton( index + 1, 3 ) ]
-);
+const _haltonOffsets = /*@__PURE__*/ computeHaltonOffsets( 32 );
 
 /**
  * TSL function for creating a TRAA node for Temporal Reprojection Anti-Aliasing.