API
Options
All
  • Public
  • Public/Protected
  • All
Menu

Class BezierCurveEase

Easing function with a bezier shape (see link below).

see

http://cubic-bezier.com/#.17,.67,.83,.67

see

https://doc.babylonjs.com/divingDeeper/animation/advanced_animations#easing-functions

Hierarchy

Implements

Index

Constructors

Properties

Methods

Constructors

constructor

  • new BezierCurveEase(x1?: number, y1?: number, x2?: number, y2?: number): BezierCurveEase

  • Instantiates a bezier function

    see

    http://cubic-bezier.com/#.17,.67,.83,.67

    Parameters

    • Optional x1: number

      Defines the x component of the start tangent in the bezier curve

    • Optional y1: number

      Defines the y component of the start tangent in the bezier curve

    • Optional x2: number

      Defines the x component of the end tangent in the bezier curve

    • Optional y2: number

      Defines the y component of the end tangent in the bezier curve

    Returns BezierCurveEase

Properties

x1Search playground for x1

x1: number

Defines the x component of the start tangent in the bezier curve

x2Search playground for x2

x2: number

Defines the x component of the end tangent in the bezier curve

y1Search playground for y1

y1: number

Defines the y component of the start tangent in the bezier curve

y2Search playground for y2

y2: number

Defines the y component of the end tangent in the bezier curve

Static Readonly EASINGMODE_EASEINSearch playground for EASINGMODE_EASEIN

EASINGMODE_EASEIN: 0 = 0

Interpolation follows the mathematical formula associated with the easing function.

Static Readonly EASINGMODE_EASEINOUTSearch playground for EASINGMODE_EASEINOUT

EASINGMODE_EASEINOUT: 2 = 2

Interpolation uses EaseIn for the first half of the animation and EaseOut for the second half.

Static Readonly EASINGMODE_EASEOUTSearch playground for EASINGMODE_EASEOUT

EASINGMODE_EASEOUT: 1 = 1

Interpolation follows 100% interpolation minus the output of the formula associated with the easing function.

Methods

easeSearch playground for ease

  • ease(gradient: number): number

  • Given an input gradient between 0 and 1, this returns the corresponding value of the easing function.

    Parameters

    • gradient: number

      Defines the value between 0 and 1 we want the easing value for

    Returns number

    the corresponding value on the curve defined by the easing function

getEasingModeSearch playground for getEasingMode

  • getEasingMode(): number

  • Gets the current easing mode.

    Returns number

    the easing mode

setEasingModeSearch playground for setEasingMode

  • setEasingMode(easingMode: number): void

  • Sets the easing mode of the current function.

    Parameters

    • easingMode: number

      Defines the willing mode (EASINGMODE_EASEIN, EASINGMODE_EASEOUT or EASINGMODE_EASEINOUT)

    Returns void

Legend

  • Constructor
  • Property
  • Method
  • Property
  • Method
  • Inherited property
  • Inherited method
  • Static property
  • Static method