three-gpu-pathtracer 0.0.7 → 0.0.8

package/src/textures/GradientEquirectTexture.js

@@ -0,0 +1,35 @@
+import { Color, Vector3 } from 'three';
+import { ProceduralEquirectTexture } from './ProceduralEquirectTexture.js';
+
+const _direction = new Vector3();
+export class GradientEquirectTexture extends ProceduralEquirectTexture {
+
+	constructor( resolution = 512 ) {
+
+		super( resolution, resolution );
+
+		this.topColor = new Color().set( 0xffffff );
+		this.bottomColor = new Color().set( 0x000000 );
+		this.exponent = 2;
+		this.generationCallback = ( polar, uv, coord, color ) => {
+
+			_direction.setFromSpherical( polar );
+
+			const t = _direction.y * 0.5 + 0.5;
+			color.lerpColors( this.bottomColor, this.topColor, t ** this.exponent );
+
+		};
+
+	}
+
+	copy( other ) {
+
+		super.copy( other );
+
+		this.topColor.copy( other.topColor );
+		this.bottomColor.copy( other.bottomColor );
+		return this;
+
+	}
+
+}

package/src/textures/ProceduralEquirectTexture.js

@@ -0,0 +1,75 @@
+import {
+	ClampToEdgeWrapping,
+	Color,
+	DataTexture,
+	EquirectangularReflectionMapping,
+	FloatType,
+	LinearFilter,
+	RepeatWrapping,
+	RGBAFormat,
+	Spherical,
+	Vector2,
+} from 'three';
+
+const _uv = new Vector2();
+const _coord = new Vector2();
+const _polar = new Spherical();
+const _color = new Color();
+export class ProceduralEquirectTexture extends DataTexture {
+
+	constructor( width, height ) {
+
+		super(
+			new Float32Array( width * height * 4 ),
+			width, height, RGBAFormat, FloatType, EquirectangularReflectionMapping,
+			RepeatWrapping, ClampToEdgeWrapping, LinearFilter, LinearFilter,
+		);
+
+		this.generationCallback = null;
+
+	}
+
+	update() {
+
+		this.dispose();
+		this.needsUpdate = true;
+
+		const { data, width, height } = this.image;
+		for ( let x = 0; x < width; x ++ ) {
+
+			for ( let y = 0; y < height; y ++ ) {
+
+				_coord.set( width, height );
+
+				_uv.set( x / width, y / height );
+				_uv.x -= 0.5;
+				_uv.y = 1.0 - _uv.y;
+
+				_polar.theta = _uv.x * 2.0 * Math.PI;
+				_polar.phi = _uv.y * Math.PI;
+				_polar.radius = 1.0;
+
+				this.generationCallback( _polar, _uv, _coord, _color );
+
+				const i = y * width + x;
+				const i4 = 4 * i;
+				data[ i4 + 0 ] = _color.r;
+				data[ i4 + 1 ] = _color.g;
+				data[ i4 + 2 ] = _color.b;
+				data[ i4 + 3 ] = 1.0;
+
+			}
+
+		}
+
+	}
+
+	copy( other ) {
+
+		super.copy( other );
+		this.generationCallback = other.generationCallback;
+		return this;
+
+	}
+
+}

package/src/uniforms/AttributesTextureArray.js

@@ -0,0 +1,35 @@
+import { FloatAttributeTextureArray } from './FloatAttributeTextureArray.js';
+
+export class AttributesTextureArray extends FloatAttributeTextureArray {
+
+	updateNormalAttribute( attr ) {
+
+		this.updateAttribute( 0, attr );
+
+	}
+
+	updateTangentAttribute( attr ) {
+
+		this.updateAttribute( 1, attr );
+
+	}
+
+	updateUvAttribute( attr ) {
+
+		this.updateAttribute( 2, attr );
+
+	}
+
+	updateColorAttribute( attr ) {
+
+		this.updateAttribute( 3, attr );
+
+	}
+
+	updateFrom( normal, tangent, uv, color ) {
+
+		this.setAttributes( [ normal, tangent, uv, color ] );
+
+	}
+
+}

package/src/uniforms/EquirectHdrInfoUniform.js

@@ -1,259 +1,259 @@
-import { DataTexture, FloatType, RedFormat, LinearFilter, DataUtils, HalfFloatType, Source, RepeatWrapping } from 'three';
-
-function binarySearchFindClosestIndexOf( array, targetValue, offset = 0, count = array.length ) {
-
-	let lower = 0;
-	let upper = count;
-	while ( lower < upper ) {
-
-		const mid = ~ ~ ( 0.5 * upper + 0.5 * lower );
-
-
-		// check if the middle array value is above or below the target and shift
-		// which half of the array we're looking at
-		if ( array[ offset + mid ] < targetValue ) {
-
-			lower = mid + 1;
-
-		} else {
-
-			upper = mid;
-
-		}
-
-	}
-
-	return lower;
-
-}
-
-function colorToLuminance( r, g, b ) {
-
-	// https://en.wikipedia.org/wiki/Relative_luminance
-	return 0.2126 * r + 0.7152 * g + 0.0722 * b;
-
-}
-
-// ensures the data is all floating point values and flipY is false
-function preprocessEnvMap( envMap ) {
-
-	const map = envMap.clone();
-	map.source = new Source( { ...map.image } );
-	const { width, height, data } = map.image;
-
-	// TODO: is there a simple way to avoid cloning and adjusting the env map data here?
-	// convert the data from half float uint 16 arrays to float arrays for cdf computation
-	let newData = data;
-	if ( map.type === HalfFloatType ) {
-
-		newData = new Float32Array( data.length );
-		for ( const i in data ) {
-
-			newData[ i ] = DataUtils.fromHalfFloat( data[ i ] );
-
-		}
-
-		map.image.data = newData;
-		map.type = FloatType;
-
-	}
-
-	// remove any y flipping for cdf computation
-	if ( map.flipY ) {
-
-		const ogData = newData;
-		newData = newData.slice();
-		for ( let y = 0; y < height; y ++ ) {
-
-			for ( let x = 0; x < width; x ++ ) {
-
-				const newY = height - y - 1;
-				const ogIndex = 4 * ( y * width + x );
-				const newIndex = 4 * ( newY * width + x );
-
-				newData[ newIndex + 0 ] = ogData[ ogIndex + 0 ];
-				newData[ newIndex + 1 ] = ogData[ ogIndex + 1 ];
-				newData[ newIndex + 2 ] = ogData[ ogIndex + 2 ];
-				newData[ newIndex + 3 ] = ogData[ ogIndex + 3 ];
-
-			}
-
-		}
-
-		map.flipY = false;
-		map.image.data = newData;
-
-	}
-
-	return map;
-
-}
-
-export class EquirectHdrInfoUniform {
-
-	constructor() {
-
-		// Stores a map of [0, 1] value -> cumulative importance row & pdf
-		// used to sampling a random value to a relevant row to sample from
-		const marginalWeights = new DataTexture();
-		marginalWeights.type = FloatType;
-		marginalWeights.format = RedFormat;
-		marginalWeights.minFilter = LinearFilter;
-		marginalWeights.magFilter = LinearFilter;
-		marginalWeights.generateMipmaps = false;
-
-		// Stores a map of [0, 1] value -> cumulative importance column & pdf
-		// used to sampling a random value to a relevant pixel to sample from
-		const conditionalWeights = new DataTexture();
-		conditionalWeights.type = FloatType;
-		conditionalWeights.format = RedFormat;
-		conditionalWeights.minFilter = LinearFilter;
-		conditionalWeights.magFilter = LinearFilter;
-		conditionalWeights.generateMipmaps = false;
-
-		this.marginalWeights = marginalWeights;
-		this.conditionalWeights = conditionalWeights;
-		this.map = null;
-
-		// the total sum value is separated into two values to work around low precision
-		// storage of floating values in structs
-		this.totalSumWhole = 0;
-		this.totalSumDecimal = 0;
-
-	}
-
-	dispose() {
-
-		this.marginalWeights.dispose();
-		this.conditionalWeights.dispose();
-		if ( this.map ) this.map.dispose();
-
-	}
-
-	updateFrom( hdr ) {
-
-		// https://github.com/knightcrawler25/GLSL-PathTracer/blob/3c6fd9b6b3da47cd50c527eeb45845eef06c55c3/src/loaders/hdrloader.cpp
-		// https://pbr-book.org/3ed-2018/Light_Transport_I_Surface_Reflection/Sampling_Light_Sources#InfiniteAreaLights
-		const map = preprocessEnvMap( hdr );
-		map.wrapS = RepeatWrapping;
-		map.wrapT = RepeatWrapping;
-
-		const { width, height, data } = map.image;
-
-		// "conditional" = "pixel relative to row pixels sum"
-		// "marginal" = "row relative to row sum"
-
-		// track the importance of any given pixel in the image by tracking its weight relative to other pixels in the image
-		const pdfConditional = new Float32Array( width * height );
-		const cdfConditional = new Float32Array( width * height );
-
-		const pdfMarginal = new Float32Array( height );
-		const cdfMarginal = new Float32Array( height );
-
-		let totalSumValue = 0.0;
-		let cumulativeWeightMarginal = 0.0;
-		for ( let y = 0; y < height; y ++ ) {
-
-			let cumulativeRowWeight = 0.0;
-			for ( let x = 0; x < width; x ++ ) {
-
-				const i = y * width + x;
-				const r = data[ 4 * i + 0 ];
-				const g = data[ 4 * i + 1 ];
-				const b = data[ 4 * i + 2 ];
-
-				// the probability of the pixel being selected in this row is the
-				// scale of the luminance relative to the rest of the pixels.
-				// TODO: this should also account for the solid angle of the pixel when sampling
-				const weight = colorToLuminance( r, g, b );
-				cumulativeRowWeight += weight;
-				totalSumValue += weight;
-
-				pdfConditional[ i ] = weight;
-				cdfConditional[ i ] = cumulativeRowWeight;
-
-			}
-
-			// can happen if the row is all black
-			if ( cumulativeRowWeight !== 0 ) {
-
-				// scale the pdf and cdf to [0.0, 1.0]
-				for ( let i = y * width, l = y * width + width; i < l; i ++ ) {
-
-					pdfConditional[ i ] /= cumulativeRowWeight;
-					cdfConditional[ i ] /= cumulativeRowWeight;
-
-				}
-
-			}
-
-			cumulativeWeightMarginal += cumulativeRowWeight;
-
-			// compute the marginal pdf and cdf along the height of the map.
-			pdfMarginal[ y ] = cumulativeRowWeight;
-			cdfMarginal[ y ] = cumulativeWeightMarginal;
-
-		}
-
-		// can happen if the texture is all black
-		if ( cumulativeWeightMarginal !== 0 ) {
-
-			// scale the marginal pdf and cdf to [0.0, 1.0]
-			for ( let i = 0, l = pdfMarginal.length; i < l; i ++ ) {
-
-				pdfMarginal[ i ] /= cumulativeWeightMarginal;
-				cdfMarginal[ i ] /= cumulativeWeightMarginal;
-
-			}
-
-		}
-
-		// compute a sorted index of distributions and the probabilities along them for both
-		// the marginal and conditional data. These will be used to sample with a random number
-		// to retrieve a uv value to sample in the environment map.
-		// These values continually increase so it's okay to interpolate between them.
-		const marginalDataArray = new Float32Array( height );
-		const conditionalDataArray = new Float32Array( width * height );
-
-		for ( let i = 0; i < height; i ++ ) {
-
-			const dist = ( i + 1 ) / height;
-			const row = binarySearchFindClosestIndexOf( cdfMarginal, dist );
-
-			marginalDataArray[ i ] = row / height;
-
-		}
-
-		for ( let y = 0; y < height; y ++ ) {
-
-			for ( let x = 0; x < width; x ++ ) {
-
-				const i = y * width + x;
-				const dist = ( x + 1 ) / width;
-				const col = binarySearchFindClosestIndexOf( cdfConditional, dist, y * width, width );
-
-				conditionalDataArray[ i ] = col / width;
-
-			}
-
-		}
-
-		this.dispose();
-
-		const { marginalWeights, conditionalWeights } = this;
-		marginalWeights.image = { width: height, height: 1, data: marginalDataArray };
-		marginalWeights.needsUpdate = true;
-
-		conditionalWeights.image = { width, height, data: conditionalDataArray };
-		conditionalWeights.needsUpdate = true;
-
-		const totalSumWhole = ~ ~ totalSumValue;
-		const totalSumDecimal = ( totalSumValue - totalSumWhole );
-		this.totalSumWhole = totalSumWhole;
-		this.totalSumDecimal = totalSumDecimal;
-
-		this.map = map;
-
-	}
-
-}
+import { DataTexture, FloatType, RedFormat, LinearFilter, DataUtils, HalfFloatType, Source, RepeatWrapping } from 'three';
+
+function binarySearchFindClosestIndexOf( array, targetValue, offset = 0, count = array.length ) {
+
+	let lower = 0;
+	let upper = count;
+	while ( lower < upper ) {
+
+		const mid = ~ ~ ( 0.5 * upper + 0.5 * lower );
+
+
+		// check if the middle array value is above or below the target and shift
+		// which half of the array we're looking at
+		if ( array[ offset + mid ] < targetValue ) {
+
+			lower = mid + 1;
+
+		} else {
+
+			upper = mid;
+
+		}
+
+	}
+
+	return lower;
+
+}
+
+function colorToLuminance( r, g, b ) {
+
+	// https://en.wikipedia.org/wiki/Relative_luminance
+	return 0.2126 * r + 0.7152 * g + 0.0722 * b;
+
+}
+
+// ensures the data is all floating point values and flipY is false
+function preprocessEnvMap( envMap ) {
+
+	const map = envMap.clone();
+	map.source = new Source( { ...map.image } );
+	const { width, height, data } = map.image;
+
+	// TODO: is there a simple way to avoid cloning and adjusting the env map data here?
+	// convert the data from half float uint 16 arrays to float arrays for cdf computation
+	let newData = data;
+	if ( map.type === HalfFloatType ) {
+
+		newData = new Float32Array( data.length );
+		for ( const i in data ) {
+
+			newData[ i ] = DataUtils.fromHalfFloat( data[ i ] );
+
+		}
+
+		map.image.data = newData;
+		map.type = FloatType;
+
+	}
+
+	// remove any y flipping for cdf computation
+	if ( map.flipY ) {
+
+		const ogData = newData;
+		newData = newData.slice();
+		for ( let y = 0; y < height; y ++ ) {
+
+			for ( let x = 0; x < width; x ++ ) {
+
+				const newY = height - y - 1;
+				const ogIndex = 4 * ( y * width + x );
+				const newIndex = 4 * ( newY * width + x );
+
+				newData[ newIndex + 0 ] = ogData[ ogIndex + 0 ];
+				newData[ newIndex + 1 ] = ogData[ ogIndex + 1 ];
+				newData[ newIndex + 2 ] = ogData[ ogIndex + 2 ];
+				newData[ newIndex + 3 ] = ogData[ ogIndex + 3 ];
+
+			}
+
+		}
+
+		map.flipY = false;
+		map.image.data = newData;
+
+	}
+
+	return map;
+
+}
+
+export class EquirectHdrInfoUniform {
+
+	constructor() {
+
+		// Stores a map of [0, 1] value -> cumulative importance row & pdf
+		// used to sampling a random value to a relevant row to sample from
+		const marginalWeights = new DataTexture();
+		marginalWeights.type = FloatType;
+		marginalWeights.format = RedFormat;
+		marginalWeights.minFilter = LinearFilter;
+		marginalWeights.magFilter = LinearFilter;
+		marginalWeights.generateMipmaps = false;
+
+		// Stores a map of [0, 1] value -> cumulative importance column & pdf
+		// used to sampling a random value to a relevant pixel to sample from
+		const conditionalWeights = new DataTexture();
+		conditionalWeights.type = FloatType;
+		conditionalWeights.format = RedFormat;
+		conditionalWeights.minFilter = LinearFilter;
+		conditionalWeights.magFilter = LinearFilter;
+		conditionalWeights.generateMipmaps = false;
+
+		this.marginalWeights = marginalWeights;
+		this.conditionalWeights = conditionalWeights;
+		this.map = null;
+
+		// the total sum value is separated into two values to work around low precision
+		// storage of floating values in structs
+		this.totalSumWhole = 0;
+		this.totalSumDecimal = 0;
+
+	}
+
+	dispose() {
+
+		this.marginalWeights.dispose();
+		this.conditionalWeights.dispose();
+		if ( this.map ) this.map.dispose();
+
+	}
+
+	updateFrom( hdr ) {
+
+		// https://github.com/knightcrawler25/GLSL-PathTracer/blob/3c6fd9b6b3da47cd50c527eeb45845eef06c55c3/src/loaders/hdrloader.cpp
+		// https://pbr-book.org/3ed-2018/Light_Transport_I_Surface_Reflection/Sampling_Light_Sources#InfiniteAreaLights
+		const map = preprocessEnvMap( hdr );
+		map.wrapS = RepeatWrapping;
+		map.wrapT = RepeatWrapping;
+
+		const { width, height, data } = map.image;
+
+		// "conditional" = "pixel relative to row pixels sum"
+		// "marginal" = "row relative to row sum"
+
+		// track the importance of any given pixel in the image by tracking its weight relative to other pixels in the image
+		const pdfConditional = new Float32Array( width * height );
+		const cdfConditional = new Float32Array( width * height );
+
+		const pdfMarginal = new Float32Array( height );
+		const cdfMarginal = new Float32Array( height );
+
+		let totalSumValue = 0.0;
+		let cumulativeWeightMarginal = 0.0;
+		for ( let y = 0; y < height; y ++ ) {
+
+			let cumulativeRowWeight = 0.0;
+			for ( let x = 0; x < width; x ++ ) {
+
+				const i = y * width + x;
+				const r = data[ 4 * i + 0 ];
+				const g = data[ 4 * i + 1 ];
+				const b = data[ 4 * i + 2 ];
+
+				// the probability of the pixel being selected in this row is the
+				// scale of the luminance relative to the rest of the pixels.
+				// TODO: this should also account for the solid angle of the pixel when sampling
+				const weight = colorToLuminance( r, g, b );
+				cumulativeRowWeight += weight;
+				totalSumValue += weight;
+
+				pdfConditional[ i ] = weight;
+				cdfConditional[ i ] = cumulativeRowWeight;
+
+			}
+
+			// can happen if the row is all black
+			if ( cumulativeRowWeight !== 0 ) {
+
+				// scale the pdf and cdf to [0.0, 1.0]
+				for ( let i = y * width, l = y * width + width; i < l; i ++ ) {
+
+					pdfConditional[ i ] /= cumulativeRowWeight;
+					cdfConditional[ i ] /= cumulativeRowWeight;
+
+				}
+
+			}
+
+			cumulativeWeightMarginal += cumulativeRowWeight;
+
+			// compute the marginal pdf and cdf along the height of the map.
+			pdfMarginal[ y ] = cumulativeRowWeight;
+			cdfMarginal[ y ] = cumulativeWeightMarginal;
+
+		}
+
+		// can happen if the texture is all black
+		if ( cumulativeWeightMarginal !== 0 ) {
+
+			// scale the marginal pdf and cdf to [0.0, 1.0]
+			for ( let i = 0, l = pdfMarginal.length; i < l; i ++ ) {
+
+				pdfMarginal[ i ] /= cumulativeWeightMarginal;
+				cdfMarginal[ i ] /= cumulativeWeightMarginal;
+
+			}
+
+		}
+
+		// compute a sorted index of distributions and the probabilities along them for both
+		// the marginal and conditional data. These will be used to sample with a random number
+		// to retrieve a uv value to sample in the environment map.
+		// These values continually increase so it's okay to interpolate between them.
+		const marginalDataArray = new Float32Array( height );
+		const conditionalDataArray = new Float32Array( width * height );
+
+		for ( let i = 0; i < height; i ++ ) {
+
+			const dist = ( i + 1 ) / height;
+			const row = binarySearchFindClosestIndexOf( cdfMarginal, dist );
+
+			marginalDataArray[ i ] = row / height;
+
+		}
+
+		for ( let y = 0; y < height; y ++ ) {
+
+			for ( let x = 0; x < width; x ++ ) {
+
+				const i = y * width + x;
+				const dist = ( x + 1 ) / width;
+				const col = binarySearchFindClosestIndexOf( cdfConditional, dist, y * width, width );
+
+				conditionalDataArray[ i ] = col / width;
+
+			}
+
+		}
+
+		this.dispose();
+
+		const { marginalWeights, conditionalWeights } = this;
+		marginalWeights.image = { width: height, height: 1, data: marginalDataArray };
+		marginalWeights.needsUpdate = true;
+
+		conditionalWeights.image = { width, height, data: conditionalDataArray };
+		conditionalWeights.needsUpdate = true;
+
+		const totalSumWhole = ~ ~ totalSumValue;
+		const totalSumDecimal = ( totalSumValue - totalSumWhole );
+		this.totalSumWhole = totalSumWhole;
+		this.totalSumDecimal = totalSumDecimal;
+
+		this.map = map;
+
+	}
+
+}