three-gpu-pathtracer 0.0.24 → 0.0.26

package/src/webgpu/PathTracerBackend.js

@@ -0,0 +1,216 @@
+import { ColorManagement, FloatType, RGBAFormat } from 'three';
+import { RedIntegerFormat, StorageTexture, UnsignedIntType } from 'three/webgpu';
+import { ZeroOutKernel } from './compute/ZeroOutKernel.js';
+
+export class PathTracerBackend {
+
+	constructor( renderer ) {
+
+		this.renderer = renderer;
+		this.maxBounces = 15;
+
+		// how much work a single update dispatches, in path slots. Lower values keep frames
+		// responsive on slower hardware; the unit is resolution independent.
+		this.frameBudget = 250000;
+		this.maxTransparentBounces = 15;
+		this.lowResMode = false;
+
+		// stop taking samples once a pixel reaches this count. zero means no limit.
+		this.maxSamples = 0;
+
+		this._renderTask = null;
+
+		this.outputTarget = new StorageTexture( 1, 1, );
+		this.outputTarget.format = RGBAFormat;
+		this.outputTarget.type = FloatType;
+		this.outputTarget.colorSpace = ColorManagement.workingColorSpace;
+		this.outputTarget.name = 'Output #0';
+		this.outputTarget.generateMipmaps = false;
+
+		this.prevOutputTarget = new StorageTexture( 1, 1, );
+		this.prevOutputTarget.format = RGBAFormat;
+		this.prevOutputTarget.type = FloatType;
+		this.prevOutputTarget.colorSpace = ColorManagement.workingColorSpace;
+		this.prevOutputTarget.name = 'Output #1';
+		this.prevOutputTarget.generateMipmaps = false;
+
+		this.sampleCountTarget = new StorageTexture( 1, 1, );
+		this.sampleCountTarget.format = RedIntegerFormat;
+		this.sampleCountTarget.type = UnsignedIntType;
+		this.sampleCountTarget.name = 'Sample Count';
+		this.sampleCountTarget.generateMipmaps = false;
+
+		this.sampleCountClearKernel = new ZeroOutKernel().setWorkgroupSize( 8, 8, 1 );
+		this.outputTargetClearKernel = new ZeroOutKernel().setWorkgroupSize( 8, 8, 1 );
+
+	}
+
+	setRandom( random ) {
+
+	}
+
+	setBVHData( data ) {
+
+	}
+
+	setTextures( textures ) {
+
+	}
+
+	setMaterial( material ) {
+
+	}
+
+	setFilterGlossy( value ) {
+
+	}
+
+	setClamping( _direct, _indirect ) {
+
+	}
+
+	setEnvironment(
+		envMap,
+		envMapIntensity,
+		envMapRotation,
+	) {
+
+	}
+
+	setLights( lights ) {
+
+	}
+
+	setBackground(
+		background,
+		backgroundIntensity,
+		backgroundRotation,
+		backgroundBlurriness,
+	) {
+
+	}
+
+	// Rebuild the render task after a shader-generating function changes.
+	rebuild() {
+
+		this._renderTask = null;
+
+	}
+
+	setSize( w, h ) {
+
+		w = Math.ceil( w );
+		h = Math.ceil( h );
+
+		const { width, height } = this.outputTarget;
+		if ( width === w && height === h ) {
+
+			return false;
+
+		}
+
+		this.outputTarget.dispose();
+		this.prevOutputTarget.dispose();
+		this.sampleCountTarget.dispose();
+
+		this.outputTarget = this.outputTarget.clone();
+		this.prevOutputTarget = this.outputTarget.clone();
+		this.sampleCountTarget = this.sampleCountTarget.clone();
+
+		this.outputTarget.setSize( w, h );
+		this.prevOutputTarget.setSize( w, h );
+		this.sampleCountTarget.setSize( w, h );
+
+		this.reset();
+		return true;
+
+	}
+
+	getSize( target ) {
+
+		const { width, height } = this.outputTarget;
+		target.x = width;
+		target.y = height;
+
+		return target;
+
+	}
+
+	update() {
+
+		const { renderer } = this;
+		if ( ! renderer.initialized ) {
+
+			return;
+
+		}
+
+		if ( ! this._renderTask ) {
+
+			this._renderTask = this.createRenderTask();
+
+		}
+
+		this._renderTask.next();
+
+	}
+
+	*createRenderTask() {
+
+	}
+
+	// Measures the current per pixel sample counts. Backends that need GPU work to answer this do
+	// it here, so it only happens when asked for rather than every round.
+	async getSampleCountsAsync() {
+
+		return { min: 0, max: 0, avg: 0 };
+
+	}
+
+	resetSeed() {}
+
+	reset() {
+
+		const {
+			renderer,
+			outputTargetClearKernel,
+			sampleCountClearKernel,
+
+			outputTarget,
+			prevOutputTarget,
+			sampleCountTarget,
+		} = this;
+
+		if ( ! renderer.initialized ) {
+
+			return;
+
+		}
+
+		const { width, height } = outputTarget;
+		const dispatchSize = outputTargetClearKernel.getDispatchSize( width, height );
+
+		outputTargetClearKernel.target = outputTarget;
+		renderer.compute( outputTargetClearKernel.kernel, dispatchSize );
+
+		outputTargetClearKernel.target = prevOutputTarget;
+		renderer.compute( outputTargetClearKernel.kernel, dispatchSize );
+
+		sampleCountClearKernel.target = sampleCountTarget;
+		renderer.compute( sampleCountClearKernel.kernel, dispatchSize );
+
+		this._renderTask = null;
+
+	}
+
+	dispose() {
+
+		this.outputTarget.dispose();
+		this.prevOutputTarget.dispose();
+		this.sampleCountTarget.dispose();
+
+		this._renderTask = null;
+
+	}
+
+}

package/src/webgpu/TurquinTexture.js

@@ -0,0 +1,169 @@
+import { Storage3DTexture, RGBAFormat, LinearFilter, HalfFloatType, MathUtils } from 'three/webgpu';
+import { storageTexture3D, globalId, uniform, texture3D, sampler } from 'three/tsl';
+import { turquinIntegralFn } from './nodes/material.wgsl.js';
+import { ComputeKernel } from './compute/ComputeKernel.js';
+import { wgslTagFn, proxyFn } from 'three-mesh-bvh/webgpu';
+
+const RESOLUTION = 32;
+const WORKGROUP_SIZE = 16;
+
+// A 3D texture of the GGX single-scatter directional albedo E, used for Turquin multiscatter
+// energy compensation (https://blog.selfshadow.com/publications/turquin/ms_comp_final.pdf).
+export class TurquinTexture extends Storage3DTexture {
+
+	constructor() {
+
+		// layer 0: conductor
+		// layer 1 - 10: dielectric reflection over the ior range
+		// layer 11 - 20: transmissive total energy entering
+		// layer 21 - 30: transmissive total energy exiting
+		super( RESOLUTION, RESOLUTION, 31 );
+
+		// rgba16float is the one float format that is both storable and filterable everywhere
+		this.type = HalfFloatType;
+		this.format = RGBAFormat;
+		this.minFilter = LinearFilter;
+		this.magFilter = LinearFilter;
+
+		// TODO: turquin paper suggests 32 layers for dielectric
+		this.dielectricLayerCount = 10;
+		this.transmissiveLayerCount = 10;
+		this.minIoR = 1;
+		this.maxIoR = 2.5;
+
+		// construct the fns
+		this.sampleConductorFn = proxyFn( '_sampleConductorFn', this );
+		this.sampleDielectricFn = proxyFn( '_sampleDielectricFn', this );
+		this.sampleTransmissiveFn = proxyFn( '_sampleTransmissiveFn', this );
+
+	}
+
+	// bakes the albedo table into the texture. Must be called once the renderer is initialized.
+	generate( renderer ) {
+
+		const {
+			dielectricLayerCount,
+			transmissiveLayerCount,
+			minIoR,
+			maxIoR,
+		} = this;
+
+		const params = {
+			outputTarget: storageTexture3D( this ).toWriteOnly(),
+			globalId,
+			eta: uniform( 1 ),
+			layer: uniform( 0, 'uint' ),
+			includeFresnel: uniform( 0 ),
+			includeRefraction: uniform( 0 ),
+		};
+
+		const dispatch = [ RESOLUTION / WORKGROUP_SIZE, RESOLUTION / WORKGROUP_SIZE, 1 ];
+		const kernel = new ComputeKernel( turquinIntegralFn( params.outputTarget )( params ), { workgroupSize: [ WORKGROUP_SIZE, WORKGROUP_SIZE, 1 ] } );
+
+		// metallic
+		params.layer.value = 0;
+		params.eta.value = 1;
+		params.includeFresnel.value = 0;
+		params.includeRefraction.value = 0;
+		renderer.compute( kernel.kernel, dispatch );
+
+		// dielectric
+		for ( let i = 0; i < dielectricLayerCount; i ++ ) {
+
+			params.layer.value ++;
+			params.eta.value = 1 / MathUtils.mapLinear( i, 0, dielectricLayerCount - 1, minIoR, maxIoR );
+			params.includeFresnel.value = 1;
+			renderer.compute( kernel.kernel, dispatch );
+
+		}
+
+		// transmissive total energy - entering and exiting layers over the same ior range
+		params.includeFresnel.value = 1;
+		params.includeRefraction.value = 1;
+		for ( let i = 0; i < transmissiveLayerCount; i ++ ) {
+
+			const ior = MathUtils.mapLinear( i, 0, transmissiveLayerCount - 1, minIoR, maxIoR );
+
+			// entering - air incident
+			params.layer.value = 1 + dielectricLayerCount + i;
+			params.eta.value = 1 / ior;
+			renderer.compute( kernel.kernel, dispatch );
+
+			// exiting - volume incident, TIR side
+			params.layer.value = 1 + dielectricLayerCount + transmissiveLayerCount + i;
+			params.eta.value = ior;
+			renderer.compute( kernel.kernel, dispatch );
+
+		}
+
+		// fns
+		// function that maps the given value from range [a0, a1] to [b0, b1]
+		const mapLinearClampedFn = wgslTagFn/* wgsl */`
+			fn mapLinearClamped( v: f32, a0: f32, a1: f32, b0: f32, b1: f32 ) -> f32 {
+
+				let mapped = saturate( ( v - a0 ) / ( a1 - a0 ) );
+				return mix( b0, b1, mapped );
+
+			}
+		`;
+
+		// texture nodes
+		const textureNode = texture3D( this ).setName( 'turquinTexture' );
+		const samplerNode = sampler( this ).setName( 'turquinSampler' );
+
+		// conductor fetch fn
+		const layerDepth = 1.0 / ( 1 + dielectricLayerCount + 2 * transmissiveLayerCount );
+		this._sampleConductorFn = wgslTagFn/* wgsl */`
+			fn sampleConductor( cosTheta0: f32, roughness: f32 ) -> f32 {
+
+				let layer = 0.5;
+				let uvw = vec3f( cosTheta0, roughness, layer * ${ layerDepth } );
+				return textureSampleLevel( ${ textureNode }, ${ samplerNode }, uvw, 0 ).r;
+
+			}
+		`;
+
+		// dielectric fetch fn - ior is clamped at the valid range
+		this._sampleDielectricFn = wgslTagFn/* wgsl */`
+			fn sampleDielectric( cosTheta0: f32, roughness: f32, ior: f32 ) -> f32 {
+
+				let blockStart = 1.0;
+				let layer = ${ mapLinearClampedFn }(
+					ior,
+					f32( ${ minIoR } ), f32( ${ maxIoR } ),
+					0.5, f32( ${ dielectricLayerCount } ) - 0.5,
+				) + blockStart;
+
+				let uvw = vec3f( cosTheta0, roughness, layer * ${ layerDepth } );
+				return textureSampleLevel( ${ textureNode }, ${ samplerNode }, uvw, 0 ).r;
+
+			}
+		`;
+
+		// transmissive fetch fn - entering selects the air-incident block, otherwise the
+		// volume-incident (TIR) block. ior is clamped at the valid range
+		const enterBlockStart = 1 + dielectricLayerCount;
+		const exitBlockStart = 1 + dielectricLayerCount + transmissiveLayerCount;
+		this._sampleTransmissiveFn = wgslTagFn/* wgsl */`
+			fn sampleTransmissive( cosTheta0: f32, roughness: f32, ior: f32, entering: bool ) -> f32 {
+
+				let blockStart = select(
+					f32( ${ exitBlockStart } ),
+					f32( ${ enterBlockStart } ),
+					entering
+				);
+				let layer = ${ mapLinearClampedFn }(
+					ior,
+					f32( ${ minIoR } ), f32( ${ maxIoR } ),
+					0.5, f32( ${ transmissiveLayerCount } ) - 0.5,
+				) + blockStart;
+
+				let uvw = vec3f( cosTheta0, roughness, layer * ${ layerDepth } );
+				return textureSampleLevel( ${ textureNode }, ${ samplerNode }, uvw, 0 ).r;
+
+			}
+		`;
+
+	}
+
+}