70 lines
		
	
	
		
			1.9 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
		
		
			
		
	
	
			70 lines
		
	
	
		
			1.9 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| 
								 | 
							
								import {
							 | 
						||
| 
								 | 
							
									BufferGeometry,
							 | 
						||
| 
								 | 
							
									Float32BufferAttribute
							 | 
						||
| 
								 | 
							
								} from 'three';
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								class BoxLineGeometry extends BufferGeometry {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									constructor( width = 1, height = 1, depth = 1, widthSegments = 1, heightSegments = 1, depthSegments = 1 ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										super();
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										widthSegments = Math.floor( widthSegments );
							 | 
						||
| 
								 | 
							
										heightSegments = Math.floor( heightSegments );
							 | 
						||
| 
								 | 
							
										depthSegments = Math.floor( depthSegments );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										const widthHalf = width / 2;
							 | 
						||
| 
								 | 
							
										const heightHalf = height / 2;
							 | 
						||
| 
								 | 
							
										const depthHalf = depth / 2;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										const segmentWidth = width / widthSegments;
							 | 
						||
| 
								 | 
							
										const segmentHeight = height / heightSegments;
							 | 
						||
| 
								 | 
							
										const segmentDepth = depth / depthSegments;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										const vertices = [];
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										let x = - widthHalf;
							 | 
						||
| 
								 | 
							
										let y = - heightHalf;
							 | 
						||
| 
								 | 
							
										let z = - depthHalf;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										for ( let i = 0; i <= widthSegments; i ++ ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											vertices.push( x, - heightHalf, - depthHalf, x, heightHalf, - depthHalf );
							 | 
						||
| 
								 | 
							
											vertices.push( x, heightHalf, - depthHalf, x, heightHalf, depthHalf );
							 | 
						||
| 
								 | 
							
											vertices.push( x, heightHalf, depthHalf, x, - heightHalf, depthHalf );
							 | 
						||
| 
								 | 
							
											vertices.push( x, - heightHalf, depthHalf, x, - heightHalf, - depthHalf );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											x += segmentWidth;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										for ( let i = 0; i <= heightSegments; i ++ ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											vertices.push( - widthHalf, y, - depthHalf, widthHalf, y, - depthHalf );
							 | 
						||
| 
								 | 
							
											vertices.push( widthHalf, y, - depthHalf, widthHalf, y, depthHalf );
							 | 
						||
| 
								 | 
							
											vertices.push( widthHalf, y, depthHalf, - widthHalf, y, depthHalf );
							 | 
						||
| 
								 | 
							
											vertices.push( - widthHalf, y, depthHalf, - widthHalf, y, - depthHalf );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											y += segmentHeight;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										for ( let i = 0; i <= depthSegments; i ++ ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											vertices.push( - widthHalf, - heightHalf, z, - widthHalf, heightHalf, z );
							 | 
						||
| 
								 | 
							
											vertices.push( - widthHalf, heightHalf, z, widthHalf, heightHalf, z );
							 | 
						||
| 
								 | 
							
											vertices.push( widthHalf, heightHalf, z, widthHalf, - heightHalf, z );
							 | 
						||
| 
								 | 
							
											vertices.push( widthHalf, - heightHalf, z, - widthHalf, - heightHalf, z );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											z += segmentDepth;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										this.setAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								export { BoxLineGeometry };
							 |