⬅️ Back to Table of Contents

📄 CubicBezierCurve.js

📊 Analysis Summary

Metric	Count
🔧 Functions	4
🧱 Classes	1
📦 Imports	3
📊 Variables & Constants	5

📚 Table of Contents

• Imports
• Variables & Constants
• Functions
• Classes

🛠️ File Location:

📂 src/extras/curves/CubicBezierCurve.js

📦 Imports

Name	Source
Curve	../core/Curve.js
CubicBezier	../core/Interpolations.js
Vector2	../../math/Vector2.js

---

Variables & Constants

Name	Type	Kind	Value	Exported
point	Vector2	let/var	optionalTarget	✗
v0	Vector2	let/var	this.v0	✗
v1	Vector2	let/var	this.v1	✗
v2	Vector2	let/var	this.v2	✗
v3	Vector2	let/var	this.v3	✗

---

Functions

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

JSDoc:

/**
     * Returns a point on the curve.
     *
     * @param {number} t - A interpolation factor representing a position on the curve. Must be in the range `[0,1]`.
     * @param {Vector2} [optionalTarget] - The optional target vector the result is written to.
     * @return {Vector2} The position on the curve.
     */

Parameters:

• t number
• optionalTarget Vector2

Returns: Vector2

Calls:

• point.set
• CubicBezier (from ../core/Interpolations.js)

Code

getPoint( t, optionalTarget = new Vector2() ) {

        const point = optionalTarget;

        const v0 = this.v0, v1 = this.v1, v2 = this.v2, v3 = this.v3;

        point.set(
            CubicBezier( t, v0.x, v1.x, v2.x, v3.x ),
            CubicBezier( t, v0.y, v1.y, v2.y, v3.y )
        );

        return point;

    }

CubicBezierCurve.copy(source: any): this

Parameters:

• source any

Returns: this

Calls:

• super.copy
• this.v0.copy
• this.v1.copy
• this.v2.copy
• this.v3.copy

Code

copy( source ) {

        super.copy( source );

        this.v0.copy( source.v0 );
        this.v1.copy( source.v1 );
        this.v2.copy( source.v2 );
        this.v3.copy( source.v3 );

        return this;

    }

CubicBezierCurve.toJSON(): any

Returns: any

Calls:

• super.toJSON
• this.v0.toArray
• this.v1.toArray
• this.v2.toArray
• this.v3.toArray

Code

toJSON() {

        const data = super.toJSON();

        data.v0 = this.v0.toArray();
        data.v1 = this.v1.toArray();
        data.v2 = this.v2.toArray();
        data.v3 = this.v3.toArray();

        return data;

    }

CubicBezierCurve.fromJSON(json: any): this

Parameters:

• json any

Returns: this

Calls:

• super.fromJSON
• this.v0.fromArray
• this.v1.fromArray
• this.v2.fromArray
• this.v3.fromArray

Code

fromJSON( json ) {

        super.fromJSON( json );

        this.v0.fromArray( json.v0 );
        this.v1.fromArray( json.v1 );
        this.v2.fromArray( json.v2 );
        this.v3.fromArray( json.v3 );

        return this;

    }

---

Classes

CubicBezierCurve

Class Code

class CubicBezierCurve extends Curve {

    /**
     * Constructs a new Cubic Bezier curve.
     *
     * @param {Vector2} [v0] - The start point.
     * @param {Vector2} [v1] - The first control point.
     * @param {Vector2} [v2] - The second control point.
     * @param {Vector2} [v3] - The end point.
     */
    constructor( v0 = new Vector2(), v1 = new Vector2(), v2 = new Vector2(), v3 = new Vector2() ) {

        super();

        /**
         * This flag can be used for type testing.
         *
         * @type {boolean}
         * @readonly
         * @default true
         */
        this.isCubicBezierCurve = true;

        this.type = 'CubicBezierCurve';

        /**
         * The start point.
         *
         * @type {Vector2}
         */
        this.v0 = v0;

        /**
         * The first control point.
         *
         * @type {Vector2}
         */
        this.v1 = v1;

        /**
         * The second control point.
         *
         * @type {Vector2}
         */
        this.v2 = v2;

        /**
         * The end point.
         *
         * @type {Vector2}
         */
        this.v3 = v3;

    }

    /**
     * Returns a point on the curve.
     *
     * @param {number} t - A interpolation factor representing a position on the curve. Must be in the range `[0,1]`.
     * @param {Vector2} [optionalTarget] - The optional target vector the result is written to.
     * @return {Vector2} The position on the curve.
     */
    getPoint( t, optionalTarget = new Vector2() ) {

        const point = optionalTarget;

        const v0 = this.v0, v1 = this.v1, v2 = this.v2, v3 = this.v3;

        point.set(
            CubicBezier( t, v0.x, v1.x, v2.x, v3.x ),
            CubicBezier( t, v0.y, v1.y, v2.y, v3.y )
        );

        return point;

    }

    copy( source ) {

        super.copy( source );

        this.v0.copy( source.v0 );
        this.v1.copy( source.v1 );
        this.v2.copy( source.v2 );
        this.v3.copy( source.v3 );

        return this;

    }

    toJSON() {

        const data = super.toJSON();

        data.v0 = this.v0.toArray();
        data.v1 = this.v1.toArray();
        data.v2 = this.v2.toArray();
        data.v3 = this.v3.toArray();

        return data;

    }

    fromJSON( json ) {

        super.fromJSON( json );

        this.v0.fromArray( json.v0 );
        this.v1.fromArray( json.v1 );
        this.v2.fromArray( json.v2 );
        this.v3.fromArray( json.v3 );

        return this;

    }

}

Methods

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

Code

getPoint( t, optionalTarget = new Vector2() ) {

        const point = optionalTarget;

        const v0 = this.v0, v1 = this.v1, v2 = this.v2, v3 = this.v3;

        point.set(
            CubicBezier( t, v0.x, v1.x, v2.x, v3.x ),
            CubicBezier( t, v0.y, v1.y, v2.y, v3.y )
        );

        return point;

    }

copy(source: any): this

Code

copy( source ) {

        super.copy( source );

        this.v0.copy( source.v0 );
        this.v1.copy( source.v1 );
        this.v2.copy( source.v2 );
        this.v3.copy( source.v3 );

        return this;

    }

toJSON(): any

Code

toJSON() {

        const data = super.toJSON();

        data.v0 = this.v0.toArray();
        data.v1 = this.v1.toArray();
        data.v2 = this.v2.toArray();
        data.v3 = this.v3.toArray();

        return data;

    }

fromJSON(json: any): this

Code

fromJSON( json ) {

        super.fromJSON( json );

        this.v0.fromArray( json.v0 );
        this.v1.fromArray( json.v1 );
        this.v2.fromArray( json.v2 );
        this.v3.fromArray( json.v3 );

        return this;

    }

---