86 lines
		
	
	
		
			2.0 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			86 lines
		
	
	
		
			2.0 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
import {
 | 
						|
	BackSide,
 | 
						|
	BufferGeometry,
 | 
						|
	Float32BufferAttribute,
 | 
						|
	Line,
 | 
						|
	LineBasicMaterial,
 | 
						|
	Mesh,
 | 
						|
	MeshBasicMaterial
 | 
						|
} from 'three';
 | 
						|
 | 
						|
/**
 | 
						|
 *  This helper must be added as a child of the light
 | 
						|
 */
 | 
						|
 | 
						|
class RectAreaLightHelper extends Line {
 | 
						|
 | 
						|
	constructor( light, color ) {
 | 
						|
 | 
						|
		const positions = [ 1, 1, 0, - 1, 1, 0, - 1, - 1, 0, 1, - 1, 0, 1, 1, 0 ];
 | 
						|
 | 
						|
		const geometry = new BufferGeometry();
 | 
						|
		geometry.setAttribute( 'position', new Float32BufferAttribute( positions, 3 ) );
 | 
						|
		geometry.computeBoundingSphere();
 | 
						|
 | 
						|
		const material = new LineBasicMaterial( { fog: false } );
 | 
						|
 | 
						|
		super( geometry, material );
 | 
						|
 | 
						|
		this.light = light;
 | 
						|
		this.color = color; // optional hardwired color for the helper
 | 
						|
		this.type = 'RectAreaLightHelper';
 | 
						|
 | 
						|
		//
 | 
						|
 | 
						|
		const positions2 = [ 1, 1, 0, - 1, 1, 0, - 1, - 1, 0, 1, 1, 0, - 1, - 1, 0, 1, - 1, 0 ];
 | 
						|
 | 
						|
		const geometry2 = new BufferGeometry();
 | 
						|
		geometry2.setAttribute( 'position', new Float32BufferAttribute( positions2, 3 ) );
 | 
						|
		geometry2.computeBoundingSphere();
 | 
						|
 | 
						|
		this.add( new Mesh( geometry2, new MeshBasicMaterial( { side: BackSide, fog: false } ) ) );
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	updateMatrixWorld() {
 | 
						|
 | 
						|
		this.scale.set( 0.5 * this.light.width, 0.5 * this.light.height, 1 );
 | 
						|
 | 
						|
		if ( this.color !== undefined ) {
 | 
						|
 | 
						|
			this.material.color.set( this.color );
 | 
						|
			this.children[ 0 ].material.color.set( this.color );
 | 
						|
 | 
						|
		} else {
 | 
						|
 | 
						|
			this.material.color.copy( this.light.color ).multiplyScalar( this.light.intensity );
 | 
						|
 | 
						|
			// prevent hue shift
 | 
						|
			const c = this.material.color;
 | 
						|
			const max = Math.max( c.r, c.g, c.b );
 | 
						|
			if ( max > 1 ) c.multiplyScalar( 1 / max );
 | 
						|
 | 
						|
			this.children[ 0 ].material.color.copy( this.material.color );
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
		// ignore world scale on light
 | 
						|
		this.matrixWorld.extractRotation( this.light.matrixWorld ).scale( this.scale ).copyPosition( this.light.matrixWorld );
 | 
						|
 | 
						|
		this.children[ 0 ].matrixWorld.copy( this.matrixWorld );
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	dispose() {
 | 
						|
 | 
						|
		this.geometry.dispose();
 | 
						|
		this.material.dispose();
 | 
						|
		this.children[ 0 ].geometry.dispose();
 | 
						|
		this.children[ 0 ].material.dispose();
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
}
 | 
						|
 | 
						|
export { RectAreaLightHelper };
 |