242 lines
		
	
	
		
			4.5 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
		
		
			
		
	
	
			242 lines
		
	
	
		
			4.5 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| 
								 | 
							
								import {
							 | 
						||
| 
								 | 
							
									Box3,
							 | 
						||
| 
								 | 
							
									Float32BufferAttribute,
							 | 
						||
| 
								 | 
							
									InstancedBufferGeometry,
							 | 
						||
| 
								 | 
							
									InstancedInterleavedBuffer,
							 | 
						||
| 
								 | 
							
									InterleavedBufferAttribute,
							 | 
						||
| 
								 | 
							
									Sphere,
							 | 
						||
| 
								 | 
							
									Vector3,
							 | 
						||
| 
								 | 
							
									WireframeGeometry
							 | 
						||
| 
								 | 
							
								} from 'three';
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								const _box = new Box3();
							 | 
						||
| 
								 | 
							
								const _vector = new Vector3();
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								class LineSegmentsGeometry extends InstancedBufferGeometry {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									constructor() {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										super();
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										this.isLineSegmentsGeometry = true;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										this.type = 'LineSegmentsGeometry';
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										const positions = [ - 1, 2, 0, 1, 2, 0, - 1, 1, 0, 1, 1, 0, - 1, 0, 0, 1, 0, 0, - 1, - 1, 0, 1, - 1, 0 ];
							 | 
						||
| 
								 | 
							
										const uvs = [ - 1, 2, 1, 2, - 1, 1, 1, 1, - 1, - 1, 1, - 1, - 1, - 2, 1, - 2 ];
							 | 
						||
| 
								 | 
							
										const index = [ 0, 2, 1, 2, 3, 1, 2, 4, 3, 4, 5, 3, 4, 6, 5, 6, 7, 5 ];
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										this.setIndex( index );
							 | 
						||
| 
								 | 
							
										this.setAttribute( 'position', new Float32BufferAttribute( positions, 3 ) );
							 | 
						||
| 
								 | 
							
										this.setAttribute( 'uv', new Float32BufferAttribute( uvs, 2 ) );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									applyMatrix4( matrix ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										const start = this.attributes.instanceStart;
							 | 
						||
| 
								 | 
							
										const end = this.attributes.instanceEnd;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										if ( start !== undefined ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											start.applyMatrix4( matrix );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											end.applyMatrix4( matrix );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											start.needsUpdate = true;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										if ( this.boundingBox !== null ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											this.computeBoundingBox();
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										if ( this.boundingSphere !== null ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											this.computeBoundingSphere();
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										return this;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									setPositions( array ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										let lineSegments;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										if ( array instanceof Float32Array ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											lineSegments = array;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										} else if ( Array.isArray( array ) ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											lineSegments = new Float32Array( array );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										const instanceBuffer = new InstancedInterleavedBuffer( lineSegments, 6, 1 ); // xyz, xyz
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										this.setAttribute( 'instanceStart', new InterleavedBufferAttribute( instanceBuffer, 3, 0 ) ); // xyz
							 | 
						||
| 
								 | 
							
										this.setAttribute( 'instanceEnd', new InterleavedBufferAttribute( instanceBuffer, 3, 3 ) ); // xyz
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										//
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										this.computeBoundingBox();
							 | 
						||
| 
								 | 
							
										this.computeBoundingSphere();
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										return this;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									setColors( array ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										let colors;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										if ( array instanceof Float32Array ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											colors = array;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										} else if ( Array.isArray( array ) ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											colors = new Float32Array( array );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										const instanceColorBuffer = new InstancedInterleavedBuffer( colors, 6, 1 ); // rgb, rgb
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										this.setAttribute( 'instanceColorStart', new InterleavedBufferAttribute( instanceColorBuffer, 3, 0 ) ); // rgb
							 | 
						||
| 
								 | 
							
										this.setAttribute( 'instanceColorEnd', new InterleavedBufferAttribute( instanceColorBuffer, 3, 3 ) ); // rgb
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										return this;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									fromWireframeGeometry( geometry ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										this.setPositions( geometry.attributes.position.array );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										return this;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									fromEdgesGeometry( geometry ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										this.setPositions( geometry.attributes.position.array );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										return this;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									fromMesh( mesh ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										this.fromWireframeGeometry( new WireframeGeometry( mesh.geometry ) );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										// set colors, maybe
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										return this;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									fromLineSegments( lineSegments ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										const geometry = lineSegments.geometry;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										this.setPositions( geometry.attributes.position.array ); // assumes non-indexed
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										// set colors, maybe
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										return this;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									computeBoundingBox() {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										if ( this.boundingBox === null ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											this.boundingBox = new Box3();
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										const start = this.attributes.instanceStart;
							 | 
						||
| 
								 | 
							
										const end = this.attributes.instanceEnd;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										if ( start !== undefined && end !== undefined ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											this.boundingBox.setFromBufferAttribute( start );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											_box.setFromBufferAttribute( end );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											this.boundingBox.union( _box );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									computeBoundingSphere() {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										if ( this.boundingSphere === null ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											this.boundingSphere = new Sphere();
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										if ( this.boundingBox === null ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											this.computeBoundingBox();
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										const start = this.attributes.instanceStart;
							 | 
						||
| 
								 | 
							
										const end = this.attributes.instanceEnd;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										if ( start !== undefined && end !== undefined ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											const center = this.boundingSphere.center;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											this.boundingBox.getCenter( center );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											let maxRadiusSq = 0;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											for ( let i = 0, il = start.count; i < il; i ++ ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
												_vector.fromBufferAttribute( start, i );
							 | 
						||
| 
								 | 
							
												maxRadiusSq = Math.max( maxRadiusSq, center.distanceToSquared( _vector ) );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
												_vector.fromBufferAttribute( end, i );
							 | 
						||
| 
								 | 
							
												maxRadiusSq = Math.max( maxRadiusSq, center.distanceToSquared( _vector ) );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											this.boundingSphere.radius = Math.sqrt( maxRadiusSq );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											if ( isNaN( this.boundingSphere.radius ) ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
												console.error( 'THREE.LineSegmentsGeometry.computeBoundingSphere(): Computed radius is NaN. The instanced position data is likely to have NaN values.', this );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									toJSON() {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										// todo
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									applyMatrix( matrix ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										console.warn( 'THREE.LineSegmentsGeometry: applyMatrix() has been renamed to applyMatrix4().' );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										return this.applyMatrix4( matrix );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								export { LineSegmentsGeometry };
							 |