Skip to main content

Ease

Description:

  A record that defines a set of easing functions for use in animations.

Linear​

Type: Readonly Field.

Description:

  An easing function that applies a linear rate of change.

Signature:

const Linear: EaseFunc

InQuad​

Type: Readonly Field.

Description:

  An easing function that starts slow and accelerates quickly.

Signature:

const InQuad: EaseFunc

OutQuad​

Type: Readonly Field.

Description:

  An easing function that starts fast and decelerates quickly.

Signature:

const OutQuad: EaseFunc

InOutQuad​

Type: Readonly Field.

Description:

  An easing function that starts slow, accelerates, then decelerates.

Signature:

const InOutQuad: EaseFunc

OutInQuad​

Type: Readonly Field.

Description:

  An easing function that starts fast, decelerates, then accelerates.

Signature:

const OutInQuad: EaseFunc

InCubic​

Type: Readonly Field.

Description:

  An easing function that starts slow and accelerates gradually.

Signature:

const InCubic: EaseFunc

OutCubic​

Type: Readonly Field.

Description:

  An easing function that starts fast and decelerates gradually.

Signature:

const OutCubic: EaseFunc

InOutCubic​

Type: Readonly Field.

Description:

  An easing function that starts slow, accelerates, then decelerates.

Signature:

const InOutCubic: EaseFunc

OutInCubic​

Type: Readonly Field.

Description:

  An easing function that starts fast, decelerates, then accelerates.

Signature:

const OutInCubic: EaseFunc

InQuart​

Type: Readonly Field.

Description:

  An easing function that starts slow and accelerates sharply.

Signature:

const InQuart: EaseFunc

OutQuart​

Type: Readonly Field.

Description:

  An easing function that starts fast and decelerates sharply.

Signature:

const OutQuart: EaseFunc

InOutQuart​

Type: Readonly Field.

Description:

  An easing function that starts slow, accelerates sharply, then decelerates sharply.

Signature:

const InOutQuart: EaseFunc

OutInQuart​

Type: Readonly Field.

Description:

  An easing function that starts fast, decelerates sharply, then accelerates sharply.

Signature:

const OutInQuart: EaseFunc

InQuint​

Type: Readonly Field.

Description:

  An easing function that starts slow and accelerates extremely quickly.

Signature:

const InQuint: EaseFunc

OutQuint​

Type: Readonly Field.

Description:

  An easing function that starts fast and decelerates extremely quickly.

Signature:

const OutQuint: EaseFunc

InOutQuint​

Type: Readonly Field.

Description:

  An easing function that starts slow, accelerates extremely quickly, then decelerates extremely quickly.

Signature:

const InOutQuint: EaseFunc

OutInQuint​

Type: Readonly Field.

Description:

  An easing function that starts fast, decelerates extremely quickly, then accelerates extremely quickly.

Signature:

const OutInQuint: EaseFunc

InSine​

Type: Readonly Field.

Description:

  An easing function that starts slow and accelerates gradually, then slows down again.

Signature:

const InSine: EaseFunc

OutSine​

Type: Readonly Field.

Description:

  An easing function that starts fast and decelerates gradually, then slows down again.

Signature:

const OutSine: EaseFunc

InOutSine​

Type: Readonly Field.

Description:

  An easing function that starts slow, accelerates gradually, then decelerates gradually.

Signature:

const InOutSine: EaseFunc

OutInSine​

Type: Readonly Field.

Description:

  An easing function that starts fast, decelerates gradually, then accelerates gradually.

Signature:

const OutInSine: EaseFunc

InExpo​

Type: Readonly Field.

Description:

  An easing function that starts extremely slow and accelerates exponentially.

Signature:

const InExpo: EaseFunc

OutExpo​

Type: Readonly Field.

Description:

  An easing function that starts extremely fast and decelerates exponentially.

Signature:

const OutExpo: EaseFunc

InOutExpo​

Type: Readonly Field.

Description:

  An easing function that starts extremely slow, accelerates exponentially, then decelerates exponentially.

Signature:

const InOutExpo: EaseFunc

OutInExpo​

Type: Readonly Field.

Description:

  An easing function that starts extremely fast, decelerates exponentially, then accelerates exponentially.

Signature:

const OutInExpo: EaseFunc

InCirc​

Type: Readonly Field.

Description:

  An easing function that starts slow and accelerates gradually in a circular fashion.

Signature:

const InCirc: EaseFunc

OutCirc​

Type: Readonly Field.

Description:

  An easing function that starts fast and decelerates gradually in a circular fashion.

Signature:

const OutCirc: EaseFunc

InOutCirc​

Type: Readonly Field.

Description:

  An easing function that starts slow, accelerates gradually in a circular fashion, then decelerates gradually in a circular fashion.

Signature:

const InOutCirc: EaseFunc

OutInCirc​

Type: Readonly Field.

Description:

  An easing function that starts fast, decelerates gradually in a circular fashion, then accelerates gradually in a circular fashion.

Signature:

const OutInCirc: EaseFunc

InElastic​

Type: Readonly Field.

Description:

  An easing function that starts slow and accelerates exponentially, overshooting the target and then returning to it.

Signature:

const InElastic: EaseFunc

OutElastic​

Type: Readonly Field.

Description:

  An easing function that starts fast and decelerates exponentially, overshooting the target and then returning to it.

Signature:

const OutElastic: EaseFunc

InOutElastic​

Type: Readonly Field.

Description:

  An easing function that starts slow, accelerates exponentially, overshooting the target and then returning to it, then decelerates exponentially, overshooting the target and then returning to it again.

Signature:

const InOutElastic: EaseFunc

OutInElastic​

Type: Readonly Field.

Description:

  An easing function that starts fast, decelerates exponentially, overshooting the target and then returning to it, then accelerates exponentially, overshooting the target and then returning to it again.

Signature:

const OutInElastic: EaseFunc

InBack​

Type: Readonly Field.

Description:

  An easing function that starts slow and accelerates sharply backward before returning to the target.

Signature:

const InBack: EaseFunc

OutBack​

Type: Readonly Field.

Description:

  An easing function that starts fast and decelerates sharply backward before returning to the target.

Signature:

const OutBack: EaseFunc

InOutBack​

Type: Readonly Field.

Description:

  An easing function that starts slow, accelerates sharply backward, then decelerates sharply forward before returning to the target.

Signature:

const InOutBack: EaseFunc

OutInBack​

Type: Readonly Field.

Description:

  An easing function that starts fast, decelerates sharply backward, then accelerates sharply forward before returning to the target.

Signature:

const OutInBack: EaseFunc

InBounce​

Type: Readonly Field.

Description:

  An easing function that starts slow and accelerates in a bouncing motion before settling on the target.

Signature:

const InBounce: EaseFunc

OutBounce​

Type: Readonly Field.

Description:

  An easing function that starts fast and decelerates in a bouncing motion before settling on the target.

Signature:

const OutBounce: EaseFunc

InOutBounce​

Type: Readonly Field.

Description:

  An easing function that starts slow, accelerates in a bouncing motion, then decelerates in a bouncing motion before settling on the target.

Signature:

const InOutBounce: EaseFunc

OutInBounce​

Type: Readonly Field.

Description:

  An easing function that starts fast, decelerates in a bouncing motion, then accelerates in a bouncing motion before settling on the target.

Signature:

const OutInBounce: EaseFunc

func​

Type: Function.

Description:

  Applies an easing function to a given value over a given amount of time.

Signature:

func: function(self: Ease, easing: EaseFunc, time: number): number

Parameters:

ParameterTypeDescription
easingEaseFuncThe easing function to apply.
timenumberThe amount of time to apply the easing function over, should be 0 to 1.

Returns:

Return TypeDescription
numberThe result of applying the easing function to the value.