---

title: CubicBezierCurve category: Core layout: docs

CubicBezierCurve

A curve representing a 2D Cubic Bezier curve.

Code Example

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

Constructor

new CubicBezierCurve( v0 : Vector2, v1 : Vector2, v2 : Vector2, v3 : Vector2 )

Constructs a new Cubic Bezier curve.

v0 | The start point.
---|---
v1 | The first control point.
v2 | The second control point.
v3 | The end point.

Properties

.isCubicBezierCurve : boolean (readonly)

This flag can be used for type testing.

Default is true.

.v0 : Vector2

The start point.

.v1 : Vector2

The first control point.

.v2 : Vector2

The second control point.

.v3 : Vector2

The end point.

Methods

.getPoint( t : number, optionalTarget : Vector2 ) : Vector2

Returns a point on the curve.

t | A interpolation factor representing a position on the curve. Must be in the range [0,1].
---|---
optionalTarget | The optional target vector the result is written to.

Overrides: Curve#getPoint

Returns: The position on the curve.

Source

src/extras/curves/CubicBezierCurve.js