255 lines
		
	
	
		
			5.3 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
		
		
			
		
	
	
			255 lines
		
	
	
		
			5.3 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| 
								 | 
							
								import {
							 | 
						||
| 
								 | 
							
									Curve,
							 | 
						||
| 
								 | 
							
									Vector3
							 | 
						||
| 
								 | 
							
								} from 'three';
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								import { ParametricGeometry } from './ParametricGeometry.js';
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								/**
							 | 
						||
| 
								 | 
							
								 * Experimenting of primitive geometry creation using Surface Parametric equations
							 | 
						||
| 
								 | 
							
								 */
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								const ParametricGeometries = {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									klein: function ( v, u, target ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										u *= Math.PI;
							 | 
						||
| 
								 | 
							
										v *= 2 * Math.PI;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										u = u * 2;
							 | 
						||
| 
								 | 
							
										let x, z;
							 | 
						||
| 
								 | 
							
										if ( u < Math.PI ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											x = 3 * Math.cos( u ) * ( 1 + Math.sin( u ) ) + ( 2 * ( 1 - Math.cos( u ) / 2 ) ) * Math.cos( u ) * Math.cos( v );
							 | 
						||
| 
								 | 
							
											z = - 8 * Math.sin( u ) - 2 * ( 1 - Math.cos( u ) / 2 ) * Math.sin( u ) * Math.cos( v );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										} else {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											x = 3 * Math.cos( u ) * ( 1 + Math.sin( u ) ) + ( 2 * ( 1 - Math.cos( u ) / 2 ) ) * Math.cos( v + Math.PI );
							 | 
						||
| 
								 | 
							
											z = - 8 * Math.sin( u );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										const y = - 2 * ( 1 - Math.cos( u ) / 2 ) * Math.sin( v );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										target.set( x, y, z );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									},
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									plane: function ( width, height ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										return function ( u, v, target ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											const x = u * width;
							 | 
						||
| 
								 | 
							
											const y = 0;
							 | 
						||
| 
								 | 
							
											const z = v * height;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											target.set( x, y, z );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										};
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									},
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									mobius: function ( u, t, target ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										// flat mobius strip
							 | 
						||
| 
								 | 
							
										// http://www.wolframalpha.com/input/?i=M%C3%B6bius+strip+parametric+equations&lk=1&a=ClashPrefs_*Surface.MoebiusStrip.SurfaceProperty.ParametricEquations-
							 | 
						||
| 
								 | 
							
										u = u - 0.5;
							 | 
						||
| 
								 | 
							
										const v = 2 * Math.PI * t;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										const a = 2;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										const x = Math.cos( v ) * ( a + u * Math.cos( v / 2 ) );
							 | 
						||
| 
								 | 
							
										const y = Math.sin( v ) * ( a + u * Math.cos( v / 2 ) );
							 | 
						||
| 
								 | 
							
										const z = u * Math.sin( v / 2 );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										target.set( x, y, z );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									},
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									mobius3d: function ( u, t, target ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										// volumetric mobius strip
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										u *= Math.PI;
							 | 
						||
| 
								 | 
							
										t *= 2 * Math.PI;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										u = u * 2;
							 | 
						||
| 
								 | 
							
										const phi = u / 2;
							 | 
						||
| 
								 | 
							
										const major = 2.25, a = 0.125, b = 0.65;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										let x = a * Math.cos( t ) * Math.cos( phi ) - b * Math.sin( t ) * Math.sin( phi );
							 | 
						||
| 
								 | 
							
										const z = a * Math.cos( t ) * Math.sin( phi ) + b * Math.sin( t ) * Math.cos( phi );
							 | 
						||
| 
								 | 
							
										const y = ( major + x ) * Math.sin( u );
							 | 
						||
| 
								 | 
							
										x = ( major + x ) * Math.cos( u );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										target.set( x, y, z );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								};
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								/*********************************************
							 | 
						||
| 
								 | 
							
								 *
							 | 
						||
| 
								 | 
							
								 * Parametric Replacement for TubeGeometry
							 | 
						||
| 
								 | 
							
								 *
							 | 
						||
| 
								 | 
							
								 *********************************************/
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								ParametricGeometries.TubeGeometry = class TubeGeometry extends ParametricGeometry {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									constructor( path, segments = 64, radius = 1, segmentsRadius = 8, closed = false ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										const numpoints = segments + 1;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										const frames = path.computeFrenetFrames( segments, closed ),
							 | 
						||
| 
								 | 
							
											tangents = frames.tangents,
							 | 
						||
| 
								 | 
							
											normals = frames.normals,
							 | 
						||
| 
								 | 
							
											binormals = frames.binormals;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										const position = new Vector3();
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										function ParametricTube( u, v, target ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											v *= 2 * Math.PI;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											const i = Math.floor( u * ( numpoints - 1 ) );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											path.getPointAt( u, position );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											const normal = normals[ i ];
							 | 
						||
| 
								 | 
							
											const binormal = binormals[ i ];
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											const cx = - radius * Math.cos( v ); // TODO: Hack: Negating it so it faces outside.
							 | 
						||
| 
								 | 
							
											const cy = radius * Math.sin( v );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											position.x += cx * normal.x + cy * binormal.x;
							 | 
						||
| 
								 | 
							
											position.y += cx * normal.y + cy * binormal.y;
							 | 
						||
| 
								 | 
							
											position.z += cx * normal.z + cy * binormal.z;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											target.copy( position );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										super( ParametricTube, segments, segmentsRadius );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										// proxy internals
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										this.tangents = tangents;
							 | 
						||
| 
								 | 
							
										this.normals = normals;
							 | 
						||
| 
								 | 
							
										this.binormals = binormals;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										this.path = path;
							 | 
						||
| 
								 | 
							
										this.segments = segments;
							 | 
						||
| 
								 | 
							
										this.radius = radius;
							 | 
						||
| 
								 | 
							
										this.segmentsRadius = segmentsRadius;
							 | 
						||
| 
								 | 
							
										this.closed = closed;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								};
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								/*********************************************
							 | 
						||
| 
								 | 
							
								  *
							 | 
						||
| 
								 | 
							
								  * Parametric Replacement for TorusKnotGeometry
							 | 
						||
| 
								 | 
							
								  *
							 | 
						||
| 
								 | 
							
								  *********************************************/
							 | 
						||
| 
								 | 
							
								ParametricGeometries.TorusKnotGeometry = class TorusKnotGeometry extends ParametricGeometries.TubeGeometry {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									constructor( radius = 200, tube = 40, segmentsT = 64, segmentsR = 8, p = 2, q = 3 ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										class TorusKnotCurve extends Curve {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											getPoint( t, optionalTarget = new Vector3() ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
												const point = optionalTarget;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
												t *= Math.PI * 2;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
												const r = 0.5;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
												const x = ( 1 + r * Math.cos( q * t ) ) * Math.cos( p * t );
							 | 
						||
| 
								 | 
							
												const y = ( 1 + r * Math.cos( q * t ) ) * Math.sin( p * t );
							 | 
						||
| 
								 | 
							
												const z = r * Math.sin( q * t );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
												return point.set( x, y, z ).multiplyScalar( radius );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										const segments = segmentsT;
							 | 
						||
| 
								 | 
							
										const radiusSegments = segmentsR;
							 | 
						||
| 
								 | 
							
										const extrudePath = new TorusKnotCurve();
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										super( extrudePath, segments, tube, radiusSegments, true, false );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										this.radius = radius;
							 | 
						||
| 
								 | 
							
										this.tube = tube;
							 | 
						||
| 
								 | 
							
										this.segmentsT = segmentsT;
							 | 
						||
| 
								 | 
							
										this.segmentsR = segmentsR;
							 | 
						||
| 
								 | 
							
										this.p = p;
							 | 
						||
| 
								 | 
							
										this.q = q;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								};
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								/*********************************************
							 | 
						||
| 
								 | 
							
								  *
							 | 
						||
| 
								 | 
							
								  * Parametric Replacement for SphereGeometry
							 | 
						||
| 
								 | 
							
								  *
							 | 
						||
| 
								 | 
							
								  *********************************************/
							 | 
						||
| 
								 | 
							
								ParametricGeometries.SphereGeometry = class SphereGeometry extends ParametricGeometry {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									constructor( size, u, v ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										function sphere( u, v, target ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											u *= Math.PI;
							 | 
						||
| 
								 | 
							
											v *= 2 * Math.PI;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											const x = size * Math.sin( u ) * Math.cos( v );
							 | 
						||
| 
								 | 
							
											const y = size * Math.sin( u ) * Math.sin( v );
							 | 
						||
| 
								 | 
							
											const z = size * Math.cos( u );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											target.set( x, y, z );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										super( sphere, u, v );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								};
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								/*********************************************
							 | 
						||
| 
								 | 
							
								  *
							 | 
						||
| 
								 | 
							
								  * Parametric Replacement for PlaneGeometry
							 | 
						||
| 
								 | 
							
								  *
							 | 
						||
| 
								 | 
							
								  *********************************************/
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								ParametricGeometries.PlaneGeometry = class PlaneGeometry extends ParametricGeometry {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									constructor( width, depth, segmentsWidth, segmentsDepth ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										function plane( u, v, target ) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											const x = u * width;
							 | 
						||
| 
								 | 
							
											const y = 0;
							 | 
						||
| 
								 | 
							
											const z = v * depth;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
											target.set( x, y, z );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
										super( plane, segmentsWidth, segmentsDepth );
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								};
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								export { ParametricGeometries };
							 |