AlloyUI - API Docs

  • API Docs for Version: 3.1.0-deprecated.60

    • Show:

    Easing Class

    Defined in: yui3/src/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 yui3/src/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 yui3/src/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 yui3/src/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 yui3/src/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 yui3/src/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 yui3/src/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 yui3/src/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 yui3/src/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 yui3/src/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 yui3/src/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 yui3/src/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 yui3/src/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 yui3/src/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 yui3/src/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 yui3/src/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 yui3/src/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