three.js TubeGeometry

創(chuàng)建一個沿著三維曲線延伸的管道。

示例

代碼示例

class CustomSinCurve extends THREE.Curve {

	constructor( scale = 1 ) {

		super();

		this.scale = scale;

	}

	getPoint( t, optionalTarget = new THREE.Vector3() ) {

		const tx = t * 3 - 1.5;
		const ty = Math.sin( 2 * Math.PI * t );
		const tz = 0;

		return optionalTarget.set( tx, ty, tz ).multiplyScalar( this.scale );

	}

}

const path = new CustomSinCurve( 10 );
const geometry = new THREE.TubeGeometry( path, 20, 2, 8, false );
const material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
const mesh = new THREE.Mesh( geometry, material );
scene.add( mesh );

構造器

TubeGeometry(path : Curve, tubularSegments : Integer, radius : Float, radialSegments : Integer, closed : Boolean)

path — Curve - 一個由基類Curve繼承而來的3D路徑。 默認是二次貝塞爾曲線。

tubularSegments — Integer - 組成這一管道的分段數(shù)，默認值為64。
radius — Float - 管道的半徑，默認值為1。
radialSegments — Integer - 管道橫截面的分段數(shù)目，默認值為8。
closed — Boolean 管道的兩端是否閉合，默認值為false。

屬性

共有屬性請參見其基類BufferGeometry。

.parameters : Object

一個包含著構造函數(shù)中每個參數(shù)的對象。在對象實例化之后，對該屬性的任何修改都不會改變這個幾何體。

.tangents : Array

一個Vector3切線數(shù)組。

.normals : Array

一個Vector3法線數(shù)組。

.binormals : Array

一個Vector3次法線數(shù)組。

方法(Methods)

共有方法請參見其基類BufferGeometry。

源代碼

src/geometries/TubeGeometry.js