three.js EllipseCurve

創(chuàng)建一個形狀為橢圓的曲線。 將xRadius與yRadius設為相等的值它將會成為一個圓。

代碼示例

const curve = new THREE.EllipseCurve(
	0,  0,            // ax, aY
	10, 10,           // xRadius, yRadius
	0,  2 * Math.PI,  // aStartAngle, aEndAngle
	false,            // aClockwise
	0                 // aRotation
);

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 ellipse = new THREE.Line( geometry, material );

構造函數(shù)

EllipseCurve( aX : Float, aY : Float, xRadius : Float, yRadius : Float, aStartAngle : Radians, aEndAngle : Radians, aClockwise : Boolean, aRotation : Radians )

aX – 橢圓的中心的X坐標，默認值為0。
aY – 橢圓的中心的Y坐標，默認值為0。
xRadius – X軸向上橢圓的半徑，默認值為1。
yRadius – Y軸向上橢圓的半徑，默認值為1。
aStartAngle – 以弧度來表示，從正X軸算起曲線開始的角度，默認值為0。
aEndAngle – 以弧度來表示，從正X軸算起曲線終止的角度，默認值為2 x Math.PI。
aClockwise – 橢圓是否按照順時針方向來繪制，默認值為false。
aRotation – 以弧度表示，橢圓從X軸正方向逆時針的旋轉(zhuǎn)角度（可選），默認值為0。

屬性

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

.aX : Float

橢圓的中心的X坐標。

.aY : Float

橢圓的中心的Y坐標。

.xRadius : Radians

X軸向上橢圓的半徑。

.yRadius : Radians

Y軸向上橢圓的半徑。

.aStartAngle : Float

以弧度來表示，從正右側(cè)算起曲線開始的角度。

.aEndAngle : Float

以弧度來表示，從正右側(cè)算起曲線終止的角度。

.aClockwise : Boolean

橢圓是否按照順時針方向來繪制。

.aRotation : Float

以弧度表示，橢圓在X軸正方向逆時針的旋轉(zhuǎn)角度（可選），默認值為0。

方法

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

源代碼

src/extras/curves/EllipseCurve.js