three.js/docs/pages/SplineCurve.html.md

Inheritance: Curve →

SplineCurve

A curve representing a 2D spline curve.

Code Example

// 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 );

Constructor

new SplineCurve( points : Array. )

Constructs a new 2D spline curve.

points

An array of 2D points defining the curve.

Properties

.isSplineCurve : boolean (readonly)

This flag can be used for type testing.

Default is true.

.points : Array.

An array of 2D points defining the curve.

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/SplineCurve.js