three.js EllipseCurve

2023-02-16 17:33 更新

创建一个形状为椭圆的曲线。 将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 );

构造函数

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轴正方向逆时针的旋转角度(可选),默认值为0

属性

共有属性请参见其基类Curve。

.aX : Float

椭圆的中心的X坐标。

.aY : Float

椭圆的中心的Y坐标。

.xRadius : Radians

X轴向上椭圆的半径。

.yRadius : Radians

Y轴向上椭圆的半径。

.aStartAngle : Float

以弧度来表示,从正右侧算起曲线开始的角度。

.aEndAngle : Float

以弧度来表示,从正右侧算起曲线终止的角度。

.aClockwise : Boolean

椭圆是否按照顺时针方向来绘制。

.aRotation : Float

以弧度表示,椭圆在X轴正方向逆时针的旋转角度(可选),默认值为0。

方法

共有方法请参见其基类Curve。

源代码

src/extras/curves/EllipseCurve.js


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号