mirror of
				https://github.com/jiawanlong/Cesium-Examples.git
				synced 2025-11-04 09:14:17 +00:00 
			
		
		
		
	
		
			
				
	
	
		
			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 };
 |