287 lines
		
	
	
		
			6.0 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
		
		
			
		
	
	
			287 lines
		
	
	
		
			6.0 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
|  | import { | ||
|  | 	Color, | ||
|  | 	LightProbe, | ||
|  | 	LinearSRGBColorSpace, | ||
|  | 	SphericalHarmonics3, | ||
|  | 	Vector3, | ||
|  | 	SRGBColorSpace, | ||
|  | 	NoColorSpace, | ||
|  | 	HalfFloatType, | ||
|  | 	DataUtils | ||
|  | } from 'three'; | ||
|  | 
 | ||
|  | class LightProbeGenerator { | ||
|  | 
 | ||
|  | 	// https://www.ppsloan.org/publications/StupidSH36.pdf
 | ||
|  | 	static fromCubeTexture( cubeTexture ) { | ||
|  | 
 | ||
|  | 		let totalWeight = 0; | ||
|  | 
 | ||
|  | 		const coord = new Vector3(); | ||
|  | 
 | ||
|  | 		const dir = new Vector3(); | ||
|  | 
 | ||
|  | 		const color = new Color(); | ||
|  | 
 | ||
|  | 		const shBasis = [ 0, 0, 0, 0, 0, 0, 0, 0, 0 ]; | ||
|  | 
 | ||
|  | 		const sh = new SphericalHarmonics3(); | ||
|  | 		const shCoefficients = sh.coefficients; | ||
|  | 
 | ||
|  | 		for ( let faceIndex = 0; faceIndex < 6; faceIndex ++ ) { | ||
|  | 
 | ||
|  | 			const image = cubeTexture.image[ faceIndex ]; | ||
|  | 
 | ||
|  | 			const width = image.width; | ||
|  | 			const height = image.height; | ||
|  | 
 | ||
|  | 			const canvas = document.createElement( 'canvas' ); | ||
|  | 
 | ||
|  | 			canvas.width = width; | ||
|  | 			canvas.height = height; | ||
|  | 
 | ||
|  | 			const context = canvas.getContext( '2d' ); | ||
|  | 
 | ||
|  | 			context.drawImage( image, 0, 0, width, height ); | ||
|  | 
 | ||
|  | 			const imageData = context.getImageData( 0, 0, width, height ); | ||
|  | 
 | ||
|  | 			const data = imageData.data; | ||
|  | 
 | ||
|  | 			const imageWidth = imageData.width; // assumed to be square
 | ||
|  | 
 | ||
|  | 			const pixelSize = 2 / imageWidth; | ||
|  | 
 | ||
|  | 			for ( let i = 0, il = data.length; i < il; i += 4 ) { // RGBA assumed
 | ||
|  | 
 | ||
|  | 				// pixel color
 | ||
|  | 				color.setRGB( data[ i ] / 255, data[ i + 1 ] / 255, data[ i + 2 ] / 255 ); | ||
|  | 
 | ||
|  | 				// convert to linear color space
 | ||
|  | 				convertColorToLinear( color, cubeTexture.colorSpace ); | ||
|  | 
 | ||
|  | 				// pixel coordinate on unit cube
 | ||
|  | 
 | ||
|  | 				const pixelIndex = i / 4; | ||
|  | 
 | ||
|  | 				const col = - 1 + ( pixelIndex % imageWidth + 0.5 ) * pixelSize; | ||
|  | 
 | ||
|  | 				const row = 1 - ( Math.floor( pixelIndex / imageWidth ) + 0.5 ) * pixelSize; | ||
|  | 
 | ||
|  | 				switch ( faceIndex ) { | ||
|  | 
 | ||
|  | 					case 0: coord.set( - 1, row, - col ); break; | ||
|  | 
 | ||
|  | 					case 1: coord.set( 1, row, col ); break; | ||
|  | 
 | ||
|  | 					case 2: coord.set( - col, 1, - row ); break; | ||
|  | 
 | ||
|  | 					case 3: coord.set( - col, - 1, row ); break; | ||
|  | 
 | ||
|  | 					case 4: coord.set( - col, row, 1 ); break; | ||
|  | 
 | ||
|  | 					case 5: coord.set( col, row, - 1 ); break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 				// weight assigned to this pixel
 | ||
|  | 
 | ||
|  | 				const lengthSq = coord.lengthSq(); | ||
|  | 
 | ||
|  | 				const weight = 4 / ( Math.sqrt( lengthSq ) * lengthSq ); | ||
|  | 
 | ||
|  | 				totalWeight += weight; | ||
|  | 
 | ||
|  | 				// direction vector to this pixel
 | ||
|  | 				dir.copy( coord ).normalize(); | ||
|  | 
 | ||
|  | 				// evaluate SH basis functions in direction dir
 | ||
|  | 				SphericalHarmonics3.getBasisAt( dir, shBasis ); | ||
|  | 
 | ||
|  | 				// accummuulate
 | ||
|  | 				for ( let j = 0; j < 9; j ++ ) { | ||
|  | 
 | ||
|  | 					shCoefficients[ j ].x += shBasis[ j ] * color.r * weight; | ||
|  | 					shCoefficients[ j ].y += shBasis[ j ] * color.g * weight; | ||
|  | 					shCoefficients[ j ].z += shBasis[ j ] * color.b * weight; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		// normalize
 | ||
|  | 		const norm = ( 4 * Math.PI ) / totalWeight; | ||
|  | 
 | ||
|  | 		for ( let j = 0; j < 9; j ++ ) { | ||
|  | 
 | ||
|  | 			shCoefficients[ j ].x *= norm; | ||
|  | 			shCoefficients[ j ].y *= norm; | ||
|  | 			shCoefficients[ j ].z *= norm; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		return new LightProbe( sh ); | ||
|  | 
 | ||
|  | 	} | ||
|  | 
 | ||
|  | 	static fromCubeRenderTarget( renderer, cubeRenderTarget ) { | ||
|  | 
 | ||
|  | 		// The renderTarget must be set to RGBA in order to make readRenderTargetPixels works
 | ||
|  | 		let totalWeight = 0; | ||
|  | 
 | ||
|  | 		const coord = new Vector3(); | ||
|  | 
 | ||
|  | 		const dir = new Vector3(); | ||
|  | 
 | ||
|  | 		const color = new Color(); | ||
|  | 
 | ||
|  | 		const shBasis = [ 0, 0, 0, 0, 0, 0, 0, 0, 0 ]; | ||
|  | 
 | ||
|  | 		const sh = new SphericalHarmonics3(); | ||
|  | 		const shCoefficients = sh.coefficients; | ||
|  | 
 | ||
|  | 		const dataType = cubeRenderTarget.texture.type; | ||
|  | 
 | ||
|  | 		for ( let faceIndex = 0; faceIndex < 6; faceIndex ++ ) { | ||
|  | 
 | ||
|  | 			const imageWidth = cubeRenderTarget.width; // assumed to be square
 | ||
|  | 
 | ||
|  | 			let data; | ||
|  | 
 | ||
|  | 			if ( dataType === HalfFloatType ) { | ||
|  | 
 | ||
|  | 				data = new Uint16Array( imageWidth * imageWidth * 4 ); | ||
|  | 
 | ||
|  | 			} else { | ||
|  | 
 | ||
|  | 				// assuming UnsignedByteType
 | ||
|  | 
 | ||
|  | 				data = new Uint8Array( imageWidth * imageWidth * 4 ); | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			renderer.readRenderTargetPixels( cubeRenderTarget, 0, 0, imageWidth, imageWidth, data, faceIndex ); | ||
|  | 
 | ||
|  | 			const pixelSize = 2 / imageWidth; | ||
|  | 
 | ||
|  | 			for ( let i = 0, il = data.length; i < il; i += 4 ) { // RGBA assumed
 | ||
|  | 
 | ||
|  | 				let r, g, b; | ||
|  | 
 | ||
|  | 				if ( dataType === HalfFloatType ) { | ||
|  | 
 | ||
|  | 					r = DataUtils.fromHalfFloat( data[ i ] ); | ||
|  | 					g = DataUtils.fromHalfFloat( data[ i + 1 ] ); | ||
|  | 					b = DataUtils.fromHalfFloat( data[ i + 2 ] ); | ||
|  | 
 | ||
|  | 				} else { | ||
|  | 
 | ||
|  | 					r = data[ i ] / 255; | ||
|  | 					g = data[ i + 1 ] / 255; | ||
|  | 					b = data[ i + 2 ] / 255; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 				// pixel color
 | ||
|  | 				color.setRGB( r, g, b ); | ||
|  | 
 | ||
|  | 				// convert to linear color space
 | ||
|  | 				convertColorToLinear( color, cubeRenderTarget.texture.colorSpace ); | ||
|  | 
 | ||
|  | 				// pixel coordinate on unit cube
 | ||
|  | 
 | ||
|  | 				const pixelIndex = i / 4; | ||
|  | 
 | ||
|  | 				const col = - 1 + ( pixelIndex % imageWidth + 0.5 ) * pixelSize; | ||
|  | 
 | ||
|  | 				const row = 1 - ( Math.floor( pixelIndex / imageWidth ) + 0.5 ) * pixelSize; | ||
|  | 
 | ||
|  | 				switch ( faceIndex ) { | ||
|  | 
 | ||
|  | 					case 0: coord.set( 1, row, - col ); break; | ||
|  | 
 | ||
|  | 					case 1: coord.set( - 1, row, col ); break; | ||
|  | 
 | ||
|  | 					case 2: coord.set( col, 1, - row ); break; | ||
|  | 
 | ||
|  | 					case 3: coord.set( col, - 1, row ); break; | ||
|  | 
 | ||
|  | 					case 4: coord.set( col, row, 1 ); break; | ||
|  | 
 | ||
|  | 					case 5: coord.set( - col, row, - 1 ); break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 				// weight assigned to this pixel
 | ||
|  | 
 | ||
|  | 				const lengthSq = coord.lengthSq(); | ||
|  | 
 | ||
|  | 				const weight = 4 / ( Math.sqrt( lengthSq ) * lengthSq ); | ||
|  | 
 | ||
|  | 				totalWeight += weight; | ||
|  | 
 | ||
|  | 				// direction vector to this pixel
 | ||
|  | 				dir.copy( coord ).normalize(); | ||
|  | 
 | ||
|  | 				// evaluate SH basis functions in direction dir
 | ||
|  | 				SphericalHarmonics3.getBasisAt( dir, shBasis ); | ||
|  | 
 | ||
|  | 				// accummuulate
 | ||
|  | 				for ( let j = 0; j < 9; j ++ ) { | ||
|  | 
 | ||
|  | 					shCoefficients[ j ].x += shBasis[ j ] * color.r * weight; | ||
|  | 					shCoefficients[ j ].y += shBasis[ j ] * color.g * weight; | ||
|  | 					shCoefficients[ j ].z += shBasis[ j ] * color.b * weight; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		// normalize
 | ||
|  | 		const norm = ( 4 * Math.PI ) / totalWeight; | ||
|  | 
 | ||
|  | 		for ( let j = 0; j < 9; j ++ ) { | ||
|  | 
 | ||
|  | 			shCoefficients[ j ].x *= norm; | ||
|  | 			shCoefficients[ j ].y *= norm; | ||
|  | 			shCoefficients[ j ].z *= norm; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		return new LightProbe( sh ); | ||
|  | 
 | ||
|  | 	} | ||
|  | 
 | ||
|  | } | ||
|  | 
 | ||
|  | function convertColorToLinear( color, colorSpace ) { | ||
|  | 
 | ||
|  | 	switch ( colorSpace ) { | ||
|  | 
 | ||
|  | 		case SRGBColorSpace: | ||
|  | 
 | ||
|  | 			color.convertSRGBToLinear(); | ||
|  | 			break; | ||
|  | 
 | ||
|  | 		case LinearSRGBColorSpace: | ||
|  | 		case NoColorSpace: | ||
|  | 
 | ||
|  | 			break; | ||
|  | 
 | ||
|  | 		default: | ||
|  | 
 | ||
|  | 			console.warn( 'WARNING: LightProbeGenerator convertColorToLinear() encountered an unsupported color space.' ); | ||
|  | 			break; | ||
|  | 
 | ||
|  | 	} | ||
|  | 
 | ||
|  | 	return color; | ||
|  | 
 | ||
|  | } | ||
|  | 
 | ||
|  | export { LightProbeGenerator }; |