Version 3.17.2
Show:

Easing Class

Defined in: anim/js/anim-easing.js:30
Module: anim-easing
Parent Module: anim

The easing module provides methods for customizing how an animation behaves during each run.

Methods

backBoth

(
  • t
  • b
  • c
  • d
  • s
)
Number

Defined in anim/js/anim-easing.js:288

Backtracks slightly, then reverses direction, overshoots end, then reverses and comes back to end.

Parameters:

  • t Number

    Time value used to compute current value

  • b Number

    Starting value

  • c Number

    Delta between start and end values

  • d Number

    Total length of animation

  • s Number

    Overshoot (optional)

Returns:

Number:

The computed value for the current animation frame

backIn

(
  • t
  • b
  • c
  • d
  • s
)
Number

Defined in anim/js/anim-easing.js:251

Backtracks slightly, then reverses direction and moves to end.

Parameters:

  • t Number

    Time value used to compute current value

  • b Number

    Starting value

  • c Number

    Delta between start and end values

  • d Number

    Total length of animation

  • s Number

    Overshoot (optional)

Returns:

Number:

The computed value for the current animation frame

backOut

(
  • t
  • b
  • c
  • d
  • s
)
Number

Defined in anim/js/anim-easing.js:271

Overshoots end, then reverses and comes back to end.

Parameters:

  • t Number

    Time value used to compute current value

  • b Number

    Starting value

  • c Number

    Delta between start and end values

  • d Number

    Total length of animation

  • s Number

    Overshoot (optional)

Returns:

Number:

The computed value for the current animation frame

bounceBoth

(
  • t
  • b
  • c
  • d
)
Number

Defined in anim/js/anim-easing.js:343

Bounces off start and end.

Parameters:

  • t Number

    Time value used to compute current value

  • b Number

    Starting value

  • c Number

    Delta between start and end values

  • d Number

    Total length of animation

Returns:

Number:

The computed value for the current animation frame

bounceIn

(
  • t
  • b
  • c
  • d
)
Number

Defined in anim/js/anim-easing.js:310

Bounce off of start.

Parameters:

  • t Number

    Time value used to compute current value

  • b Number

    Starting value

  • c Number

    Delta between start and end values

  • d Number

    Total length of animation

Returns:

Number:

The computed value for the current animation frame

bounceOut

(
  • t
  • b
  • c
  • d
)
Number

Defined in anim/js/anim-easing.js:323

Bounces off end.

Parameters:

  • t Number

    Time value used to compute current value

  • b Number

    Starting value

  • c Number

    Delta between start and end values

  • d Number

    Total length of animation

Returns:

Number:

The computed value for the current animation frame

easeBoth

(
  • t
  • b
  • c
  • d
)
Number

Defined in anim/js/anim-easing.js:80

Begins slowly and decelerates towards end. (quadratic)

Parameters:

  • t Number

    Time value used to compute current value

  • b Number

    Starting value

  • c Number

    Delta between start and end values

  • d Number

    Total length of animation

Returns:

Number:

The computed value for the current animation frame

easeBothStrong

(
  • t
  • b
  • c
  • d
)
Number

Defined in anim/js/anim-easing.js:123

Begins slowly and decelerates towards end. (quartic)

Parameters:

  • t Number

    Time value used to compute current value

  • b Number

    Starting value

  • c Number

    Delta between start and end values

  • d Number

    Total length of animation

Returns:

Number:

The computed value for the current animation frame

easeIn

(
  • t
  • b
  • c
  • d
)
Number

Defined in anim/js/anim-easing.js:54

Begins slowly and accelerates towards end. (quadratic)

Parameters:

  • t Number

    Time value used to compute current value

  • b Number

    Starting value

  • c Number

    Delta between start and end values

  • d Number

    Total length of animation

Returns:

Number:

The computed value for the current animation frame

easeInStrong

(
  • t
  • b
  • c
  • d
)
Number

Defined in anim/js/anim-easing.js:97

Begins slowly and accelerates towards end. (quartic)

Parameters:

  • t Number

    Time value used to compute current value

  • b Number

    Starting value

  • c Number

    Delta between start and end values

  • d Number

    Total length of animation

Returns:

Number:

The computed value for the current animation frame

easeNone

(
  • t
  • b
  • c
  • d
)
Number

Defined in anim/js/anim-easing.js:40

Uniform speed between points.

Parameters:

  • t Number

    Time value used to compute current value

  • b Number

    Starting value

  • c Number

    Delta between start and end values

  • d Number

    Total length of animation

Returns:

Number:

The computed value for the current animation frame

easeOut

(
  • t
  • b
  • c
  • d
)
Number

Defined in anim/js/anim-easing.js:67

Begins quickly and decelerates towards end. (quadratic)

Parameters:

  • t Number

    Time value used to compute current value

  • b Number

    Starting value

  • c Number

    Delta between start and end values

  • d Number

    Total length of animation

Returns:

Number:

The computed value for the current animation frame

easeOutStrong

(
  • t
  • b
  • c
  • d
)
Number

Defined in anim/js/anim-easing.js:110

Begins quickly and decelerates towards end. (quartic)

Parameters:

  • t Number

    Time value used to compute current value

  • b Number

    Starting value

  • c Number

    Delta between start and end values

  • d Number

    Total length of animation

Returns:

Number:

The computed value for the current animation frame

elasticBoth

(
  • t
  • b
  • c
  • d
  • a
  • p
)
Number

Defined in anim/js/anim-easing.js:209

Snap both elastic effect.

Parameters:

  • t Number

    Time value used to compute current value

  • b Number

    Starting value

  • c Number

    Delta between start and end values

  • d Number

    Total length of animation

  • a Number

    Amplitude (optional)

  • p Number

    Period (optional)

Returns:

Number:

The computed value for the current animation frame

elasticIn

(
  • t
  • b
  • c
  • d
  • a
  • p
)
Number

Defined in anim/js/anim-easing.js:140

Snap in elastic effect.

Parameters:

  • t Number

    Time value used to compute current value

  • b Number

    Starting value

  • c Number

    Delta between start and end values

  • d Number

    Total length of animation

  • a Number

    Amplitude (optional)

  • p Number

    Period (optional)

Returns:

Number:

The computed value for the current animation frame

elasticOut

(
  • t
  • b
  • c
  • d
  • a
  • p
)
Number

Defined in anim/js/anim-easing.js:175

Snap out elastic effect.

Parameters:

  • t Number

    Time value used to compute current value

  • b Number

    Starting value

  • c Number

    Delta between start and end values

  • d Number

    Total length of animation

  • a Number

    Amplitude (optional)

  • p Number

    Period (optional)

Returns:

Number:

The computed value for the current animation frame