import {QuadraticBezierCurve} from '@xeokit/xeokit-sdk/src/viewer/scene/paths/QuadraticBezierCurve.js'

public class | source

QuadraticBezierCurve

Extends:

Component → Curve → QuadraticBezierCurve

A QuadraticBezierCurve is a Curve along which a 3D position can be animated.

As shown in the diagram below, a QuadraticBezierCurve is defined by three control points
You can sample a QuadraticBezierCurve#point and a Curve#tangent vector on a QuadraticBezierCurve for any given value of QuadraticBezierCurve#t in the range [0..1]
When you set QuadraticBezierCurve#t on a QuadraticBezierCurve, its QuadraticBezierCurve#point and Curve#tangent will update accordingly.
To build a complex path, you can combine an unlimited combination of QuadraticBezierCurves, CubicBezierCurves and SplineCurves into a Path.

Quadratic Bezier Curve from WikiPedia

Constructor Summary

Public Constructor
public	constructor(owner: Component, cfg: *)

Member Summary

Public Members
public get	point: Number[] Point on this QuadraticBezierCurve at position QuadraticBezierCurve/t.
public set	t(value: Number) Sets the progress along this QuadraticBezierCurve.
public get	t: Number: * Gets the progress along this QuadraticBezierCurve.
public set	v0(value: Number[]) Sets the starting point on this QuadraticBezierCurve.
public get	v0: Number[]: * Gets the starting point on this QuadraticBezierCurve.
public set	v1(value: Number[]) Sets the middle control point on this QuadraticBezierCurve.
public get	v1: Number[]: * Gets the middle control point on this QuadraticBezierCurve.
public set	v2(value: Number[]) Sets the end point on this QuadraticBezierCurve.
public get	v2: Number[]: * Gets the end point on this QuadraticBezierCurve.

Method Summary

Public Methods
public	getJSON(): {"v0": , "v1": , "v2": , "t": }
public	getPoint(t: Number): Number[] Returns the point on this QuadraticBezierCurve at the given position.

Inherited Summary

From class Component
public get	owner: Component The Component that owns the lifecycle of this Component, if any.
public	destroyed: Boolean True as soon as this Component has been destroyed
public	id: String \| Number ID of this Component, unique within the Scene.
public	meta: * Arbitrary, user-defined metadata on this component.
public	scene: Scene The parent Scene that contains this Component.
public	viewer: Viewer The viewer that contains this Scene.
public	clear() Destroys all Components that are owned by this.
public	destroy() Destroys this component.
public	error(message: String) Logs an error for this component to the JavaScript console.
public	fire(event: String, value: Object, forget: Boolean) Fires an event on this component.
public	hasSubs(event: String): Boolean Returns true if there are any subscribers to the given event on this component.
public	isType(type: ): : Boolean Tests if this component is of the given type, or is a subclass of the given type.
public	log(message: String) Logs a console debugging message for this component.
public	off(subId: String) Cancels an event subscription that was previously made with Component#on or Component#once.
public	on(event: String, callback: Function, scope: Object): String Subscribes to an event on this component.
public	once(event: String, callback: Function, scope: Object) Subscribes to the next occurrence of the given event, then un-subscribes as soon as the event is subIdd.
public	scheduleTask(task: *) Schedule a task to perform on the next browser interval
public	warn(message: String) Logs a warning for this component to the JavaScript console.

From class Curve
public get	length: Number: * Gets the length of this Curve.
public get	t: Number: * Gets the progress along this Curve.
public set	t(value: Number) Sets the progress along this Curve.
public get	tangent: Number[]: * Gets the tangent on this Curve at position Curve#t.
public	cacheArcLengths: *
public	needsUpdate: boolean
public	getPointAt(u: ):
public	getPoints(divisions: Number): * Samples points on this Curve, at the given number of equally-spaced divisions.
public	getTangent(t: Number): Number[] Returns a normalized tangent vector on this Curve at the given position.
public	getUToTMapping(u: , distance: ): *

Public Constructors

public constructor(owner: Component, cfg: *) source

Override:

Curve#constructor

Params:

Name	Type	Attribute	Description
owner	Component		Owner component. When destroyed, the owner will destroy this MetallicMaterial as well.
cfg	*	optional	Configuration
cfg.id	String	optional	Optional ID, unique among all components in the parent {{#crossLink "Scene"}}Scene{{/crossLink}}, generated automatically when omitted.
cfg.v0	Number[]	optional default: [0,0,0]	The starting point.
cfg.v1	Number[]	optional default: [0,0,0]	The middle control point.
cfg.v2	Number[]	optional default: [0,0,0]	The end point.
cfg.t	Number[]	optional default: 0	Current position on this QuadraticBezierCurve, in range between `0..1`.

Public Members

public get point: Number[] source

Point on this QuadraticBezierCurve at position QuadraticBezierCurve/t.

Properties:

Name	Type	Attribute	Description
point	*

public set t(value: Number) source

Sets the progress along this QuadraticBezierCurve.

Automatically clamps to range [0..1].

Default value is 0.

Override:

Curve#t

public get t: Number: * source

Gets the progress along this QuadraticBezierCurve.

Default value is 0.

Override:

Curve#t

Return:

Number

The current progress location.