three.js QuadraticBezierCurve3

創(chuàng)建一條平滑的三維 二次貝塞爾曲線， 由起點(diǎn)、終點(diǎn)和一個(gè)控制點(diǎn)所定義。

代碼示例

const curve = new THREE.QuadraticBezierCurve3(
	new THREE.Vector3( -10, 0, 0 ),
	new THREE.Vector3( 20, 15, 0 ),
	new THREE.Vector3( 10, 0, 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 curveObject = new THREE.Line( geometry, material );

構(gòu)造函數(shù)

QuadraticBezierCurve3( v0 : Vector3, v1 : Vector3, v2 : Vector3 )

v0 – 起點(diǎn)
v1 – 中間的控制點(diǎn)
v2 – 終點(diǎn)

屬性

共有屬性請(qǐng)參見(jiàn)其基類Curve。

.v0 : Vector3

起點(diǎn)

.v1 : Vector3

控制點(diǎn)

.v2 : Vector3

終點(diǎn)

方法

共有方法請(qǐng)參見(jiàn)其基類Curve。

源代碼

src/extras/curves/QuadraticBezierCurve3.js