three.js SplineCurve

從一系列的點中，創(chuàng)建一個平滑的二維樣條曲線。內(nèi)部使用Interpolations.CatmullRom來創(chuàng)建曲線。

代碼示例

// Create a sine-like wave
const curve = new THREE.SplineCurve( [
	new THREE.Vector2( -10, 0 ),
	new THREE.Vector2( -5, 5 ),
	new THREE.Vector2( 0, 0 ),
	new THREE.Vector2( 5, -5 ),
	new THREE.Vector2( 10, 0 )
] );

const points = curve.getPoints( 50 );
const geometry = new THREE.BufferGeometry().setFromPoints( points );

const material = new THREE.LineBasicMaterial( { color: 0xff0000 } );

// Create the final object to add to the scene
const splineObject = new THREE.Line( geometry, material );

構造函數(shù)

SplineCurve( points : Array )

points – 定義曲線的Vector2點的數(shù)組。

屬性

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

.points : Array

定義這一曲線的Vector2點的數(shù)組。

方法

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

源代碼

src/extras/curves/SplineCurve.js