362 lines
		
	
	
		
			9.1 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			362 lines
		
	
	
		
			9.1 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| import {
 | |
| 	Box3,
 | |
| 	InstancedInterleavedBuffer,
 | |
| 	InterleavedBufferAttribute,
 | |
| 	Line3,
 | |
| 	MathUtils,
 | |
| 	Matrix4,
 | |
| 	Mesh,
 | |
| 	Sphere,
 | |
| 	Vector3,
 | |
| 	Vector4
 | |
| } from 'three';
 | |
| import { LineSegmentsGeometry } from '../lines/LineSegmentsGeometry.js';
 | |
| import { LineMaterial } from '../lines/LineMaterial.js';
 | |
| 
 | |
| const _start = new Vector3();
 | |
| const _end = new Vector3();
 | |
| 
 | |
| const _start4 = new Vector4();
 | |
| const _end4 = new Vector4();
 | |
| 
 | |
| const _ssOrigin = new Vector4();
 | |
| const _ssOrigin3 = new Vector3();
 | |
| const _mvMatrix = new Matrix4();
 | |
| const _line = new Line3();
 | |
| const _closestPoint = new Vector3();
 | |
| 
 | |
| const _box = new Box3();
 | |
| const _sphere = new Sphere();
 | |
| const _clipToWorldVector = new Vector4();
 | |
| 
 | |
| let _ray, _lineWidth;
 | |
| 
 | |
| // Returns the margin required to expand by in world space given the distance from the camera,
 | |
| // line width, resolution, and camera projection
 | |
| function getWorldSpaceHalfWidth( camera, distance, resolution ) {
 | |
| 
 | |
| 	// transform into clip space, adjust the x and y values by the pixel width offset, then
 | |
| 	// transform back into world space to get world offset. Note clip space is [-1, 1] so full
 | |
| 	// width does not need to be halved.
 | |
| 	_clipToWorldVector.set( 0, 0, - distance, 1.0 ).applyMatrix4( camera.projectionMatrix );
 | |
| 	_clipToWorldVector.multiplyScalar( 1.0 / _clipToWorldVector.w );
 | |
| 	_clipToWorldVector.x = _lineWidth / resolution.width;
 | |
| 	_clipToWorldVector.y = _lineWidth / resolution.height;
 | |
| 	_clipToWorldVector.applyMatrix4( camera.projectionMatrixInverse );
 | |
| 	_clipToWorldVector.multiplyScalar( 1.0 / _clipToWorldVector.w );
 | |
| 
 | |
| 	return Math.abs( Math.max( _clipToWorldVector.x, _clipToWorldVector.y ) );
 | |
| 
 | |
| }
 | |
| 
 | |
| function raycastWorldUnits( lineSegments, intersects ) {
 | |
| 
 | |
| 	const matrixWorld = lineSegments.matrixWorld;
 | |
| 	const geometry = lineSegments.geometry;
 | |
| 	const instanceStart = geometry.attributes.instanceStart;
 | |
| 	const instanceEnd = geometry.attributes.instanceEnd;
 | |
| 	const segmentCount = Math.min( geometry.instanceCount, instanceStart.count );
 | |
| 
 | |
| 	for ( let i = 0, l = segmentCount; i < l; i ++ ) {
 | |
| 
 | |
| 		_line.start.fromBufferAttribute( instanceStart, i );
 | |
| 		_line.end.fromBufferAttribute( instanceEnd, i );
 | |
| 
 | |
| 		_line.applyMatrix4( matrixWorld );
 | |
| 
 | |
| 		const pointOnLine = new Vector3();
 | |
| 		const point = new Vector3();
 | |
| 
 | |
| 		_ray.distanceSqToSegment( _line.start, _line.end, point, pointOnLine );
 | |
| 		const isInside = point.distanceTo( pointOnLine ) < _lineWidth * 0.5;
 | |
| 
 | |
| 		if ( isInside ) {
 | |
| 
 | |
| 			intersects.push( {
 | |
| 				point,
 | |
| 				pointOnLine,
 | |
| 				distance: _ray.origin.distanceTo( point ),
 | |
| 				object: lineSegments,
 | |
| 				face: null,
 | |
| 				faceIndex: i,
 | |
| 				uv: null,
 | |
| 				uv1: null,
 | |
| 			} );
 | |
| 
 | |
| 		}
 | |
| 
 | |
| 	}
 | |
| 
 | |
| }
 | |
| 
 | |
| function raycastScreenSpace( lineSegments, camera, intersects ) {
 | |
| 
 | |
| 	const projectionMatrix = camera.projectionMatrix;
 | |
| 	const material = lineSegments.material;
 | |
| 	const resolution = material.resolution;
 | |
| 	const matrixWorld = lineSegments.matrixWorld;
 | |
| 
 | |
| 	const geometry = lineSegments.geometry;
 | |
| 	const instanceStart = geometry.attributes.instanceStart;
 | |
| 	const instanceEnd = geometry.attributes.instanceEnd;
 | |
| 	const segmentCount = Math.min( geometry.instanceCount, instanceStart.count );
 | |
| 
 | |
| 	const near = - camera.near;
 | |
| 
 | |
| 	//
 | |
| 
 | |
| 	// pick a point 1 unit out along the ray to avoid the ray origin
 | |
| 	// sitting at the camera origin which will cause "w" to be 0 when
 | |
| 	// applying the projection matrix.
 | |
| 	_ray.at( 1, _ssOrigin );
 | |
| 
 | |
| 	// ndc space [ - 1.0, 1.0 ]
 | |
| 	_ssOrigin.w = 1;
 | |
| 	_ssOrigin.applyMatrix4( camera.matrixWorldInverse );
 | |
| 	_ssOrigin.applyMatrix4( projectionMatrix );
 | |
| 	_ssOrigin.multiplyScalar( 1 / _ssOrigin.w );
 | |
| 
 | |
| 	// screen space
 | |
| 	_ssOrigin.x *= resolution.x / 2;
 | |
| 	_ssOrigin.y *= resolution.y / 2;
 | |
| 	_ssOrigin.z = 0;
 | |
| 
 | |
| 	_ssOrigin3.copy( _ssOrigin );
 | |
| 
 | |
| 	_mvMatrix.multiplyMatrices( camera.matrixWorldInverse, matrixWorld );
 | |
| 
 | |
| 	for ( let i = 0, l = segmentCount; i < l; i ++ ) {
 | |
| 
 | |
| 		_start4.fromBufferAttribute( instanceStart, i );
 | |
| 		_end4.fromBufferAttribute( instanceEnd, i );
 | |
| 
 | |
| 		_start4.w = 1;
 | |
| 		_end4.w = 1;
 | |
| 
 | |
| 		// camera space
 | |
| 		_start4.applyMatrix4( _mvMatrix );
 | |
| 		_end4.applyMatrix4( _mvMatrix );
 | |
| 
 | |
| 		// skip the segment if it's entirely behind the camera
 | |
| 		const isBehindCameraNear = _start4.z > near && _end4.z > near;
 | |
| 		if ( isBehindCameraNear ) {
 | |
| 
 | |
| 			continue;
 | |
| 
 | |
| 		}
 | |
| 
 | |
| 		// trim the segment if it extends behind camera near
 | |
| 		if ( _start4.z > near ) {
 | |
| 
 | |
| 			const deltaDist = _start4.z - _end4.z;
 | |
| 			const t = ( _start4.z - near ) / deltaDist;
 | |
| 			_start4.lerp( _end4, t );
 | |
| 
 | |
| 		} else if ( _end4.z > near ) {
 | |
| 
 | |
| 			const deltaDist = _end4.z - _start4.z;
 | |
| 			const t = ( _end4.z - near ) / deltaDist;
 | |
| 			_end4.lerp( _start4, t );
 | |
| 
 | |
| 		}
 | |
| 
 | |
| 		// clip space
 | |
| 		_start4.applyMatrix4( projectionMatrix );
 | |
| 		_end4.applyMatrix4( projectionMatrix );
 | |
| 
 | |
| 		// ndc space [ - 1.0, 1.0 ]
 | |
| 		_start4.multiplyScalar( 1 / _start4.w );
 | |
| 		_end4.multiplyScalar( 1 / _end4.w );
 | |
| 
 | |
| 		// screen space
 | |
| 		_start4.x *= resolution.x / 2;
 | |
| 		_start4.y *= resolution.y / 2;
 | |
| 
 | |
| 		_end4.x *= resolution.x / 2;
 | |
| 		_end4.y *= resolution.y / 2;
 | |
| 
 | |
| 		// create 2d segment
 | |
| 		_line.start.copy( _start4 );
 | |
| 		_line.start.z = 0;
 | |
| 
 | |
| 		_line.end.copy( _end4 );
 | |
| 		_line.end.z = 0;
 | |
| 
 | |
| 		// get closest point on ray to segment
 | |
| 		const param = _line.closestPointToPointParameter( _ssOrigin3, true );
 | |
| 		_line.at( param, _closestPoint );
 | |
| 
 | |
| 		// check if the intersection point is within clip space
 | |
| 		const zPos = MathUtils.lerp( _start4.z, _end4.z, param );
 | |
| 		const isInClipSpace = zPos >= - 1 && zPos <= 1;
 | |
| 
 | |
| 		const isInside = _ssOrigin3.distanceTo( _closestPoint ) < _lineWidth * 0.5;
 | |
| 
 | |
| 		if ( isInClipSpace && isInside ) {
 | |
| 
 | |
| 			_line.start.fromBufferAttribute( instanceStart, i );
 | |
| 			_line.end.fromBufferAttribute( instanceEnd, i );
 | |
| 
 | |
| 			_line.start.applyMatrix4( matrixWorld );
 | |
| 			_line.end.applyMatrix4( matrixWorld );
 | |
| 
 | |
| 			const pointOnLine = new Vector3();
 | |
| 			const point = new Vector3();
 | |
| 
 | |
| 			_ray.distanceSqToSegment( _line.start, _line.end, point, pointOnLine );
 | |
| 
 | |
| 			intersects.push( {
 | |
| 				point: point,
 | |
| 				pointOnLine: pointOnLine,
 | |
| 				distance: _ray.origin.distanceTo( point ),
 | |
| 				object: lineSegments,
 | |
| 				face: null,
 | |
| 				faceIndex: i,
 | |
| 				uv: null,
 | |
| 				uv1: null,
 | |
| 			} );
 | |
| 
 | |
| 		}
 | |
| 
 | |
| 	}
 | |
| 
 | |
| }
 | |
| 
 | |
| class LineSegments2 extends Mesh {
 | |
| 
 | |
| 	constructor( geometry = new LineSegmentsGeometry(), material = new LineMaterial( { color: Math.random() * 0xffffff } ) ) {
 | |
| 
 | |
| 		super( geometry, material );
 | |
| 
 | |
| 		this.isLineSegments2 = true;
 | |
| 
 | |
| 		this.type = 'LineSegments2';
 | |
| 
 | |
| 	}
 | |
| 
 | |
| 	// for backwards-compatibility, but could be a method of LineSegmentsGeometry...
 | |
| 
 | |
| 	computeLineDistances() {
 | |
| 
 | |
| 		const geometry = this.geometry;
 | |
| 
 | |
| 		const instanceStart = geometry.attributes.instanceStart;
 | |
| 		const instanceEnd = geometry.attributes.instanceEnd;
 | |
| 		const lineDistances = new Float32Array( 2 * instanceStart.count );
 | |
| 
 | |
| 		for ( let i = 0, j = 0, l = instanceStart.count; i < l; i ++, j += 2 ) {
 | |
| 
 | |
| 			_start.fromBufferAttribute( instanceStart, i );
 | |
| 			_end.fromBufferAttribute( instanceEnd, i );
 | |
| 
 | |
| 			lineDistances[ j ] = ( j === 0 ) ? 0 : lineDistances[ j - 1 ];
 | |
| 			lineDistances[ j + 1 ] = lineDistances[ j ] + _start.distanceTo( _end );
 | |
| 
 | |
| 		}
 | |
| 
 | |
| 		const instanceDistanceBuffer = new InstancedInterleavedBuffer( lineDistances, 2, 1 ); // d0, d1
 | |
| 
 | |
| 		geometry.setAttribute( 'instanceDistanceStart', new InterleavedBufferAttribute( instanceDistanceBuffer, 1, 0 ) ); // d0
 | |
| 		geometry.setAttribute( 'instanceDistanceEnd', new InterleavedBufferAttribute( instanceDistanceBuffer, 1, 1 ) ); // d1
 | |
| 
 | |
| 		return this;
 | |
| 
 | |
| 	}
 | |
| 
 | |
| 	raycast( raycaster, intersects ) {
 | |
| 
 | |
| 		const worldUnits = this.material.worldUnits;
 | |
| 		const camera = raycaster.camera;
 | |
| 
 | |
| 		if ( camera === null && ! worldUnits ) {
 | |
| 
 | |
| 			console.error( 'LineSegments2: "Raycaster.camera" needs to be set in order to raycast against LineSegments2 while worldUnits is set to false.' );
 | |
| 
 | |
| 		}
 | |
| 
 | |
| 		const threshold = ( raycaster.params.Line2 !== undefined ) ? raycaster.params.Line2.threshold || 0 : 0;
 | |
| 
 | |
| 		_ray = raycaster.ray;
 | |
| 
 | |
| 		const matrixWorld = this.matrixWorld;
 | |
| 		const geometry = this.geometry;
 | |
| 		const material = this.material;
 | |
| 
 | |
| 		_lineWidth = material.linewidth + threshold;
 | |
| 
 | |
| 		// check if we intersect the sphere bounds
 | |
| 		if ( geometry.boundingSphere === null ) {
 | |
| 
 | |
| 			geometry.computeBoundingSphere();
 | |
| 
 | |
| 		}
 | |
| 
 | |
| 		_sphere.copy( geometry.boundingSphere ).applyMatrix4( matrixWorld );
 | |
| 
 | |
| 		// increase the sphere bounds by the worst case line screen space width
 | |
| 		let sphereMargin;
 | |
| 		if ( worldUnits ) {
 | |
| 
 | |
| 			sphereMargin = _lineWidth * 0.5;
 | |
| 
 | |
| 		} else {
 | |
| 
 | |
| 			const distanceToSphere = Math.max( camera.near, _sphere.distanceToPoint( _ray.origin ) );
 | |
| 			sphereMargin = getWorldSpaceHalfWidth( camera, distanceToSphere, material.resolution );
 | |
| 
 | |
| 		}
 | |
| 
 | |
| 		_sphere.radius += sphereMargin;
 | |
| 
 | |
| 		if ( _ray.intersectsSphere( _sphere ) === false ) {
 | |
| 
 | |
| 			return;
 | |
| 
 | |
| 		}
 | |
| 
 | |
| 		// check if we intersect the box bounds
 | |
| 		if ( geometry.boundingBox === null ) {
 | |
| 
 | |
| 			geometry.computeBoundingBox();
 | |
| 
 | |
| 		}
 | |
| 
 | |
| 		_box.copy( geometry.boundingBox ).applyMatrix4( matrixWorld );
 | |
| 
 | |
| 		// increase the box bounds by the worst case line width
 | |
| 		let boxMargin;
 | |
| 		if ( worldUnits ) {
 | |
| 
 | |
| 			boxMargin = _lineWidth * 0.5;
 | |
| 
 | |
| 		} else {
 | |
| 
 | |
| 			const distanceToBox = Math.max( camera.near, _box.distanceToPoint( _ray.origin ) );
 | |
| 			boxMargin = getWorldSpaceHalfWidth( camera, distanceToBox, material.resolution );
 | |
| 
 | |
| 		}
 | |
| 
 | |
| 		_box.expandByScalar( boxMargin );
 | |
| 
 | |
| 		if ( _ray.intersectsBox( _box ) === false ) {
 | |
| 
 | |
| 			return;
 | |
| 
 | |
| 		}
 | |
| 
 | |
| 		if ( worldUnits ) {
 | |
| 
 | |
| 			raycastWorldUnits( this, intersects );
 | |
| 
 | |
| 		} else {
 | |
| 
 | |
| 			raycastScreenSpace( this, camera, intersects );
 | |
| 
 | |
| 		}
 | |
| 
 | |
| 	}
 | |
| 
 | |
| }
 | |
| 
 | |
| export { LineSegments2 };
 |