easing 

<script src="./point_src/easing"></script>
parse
Meta Data
filepath_exists True
path easing
filepath easing.js
clean_files ()
  • VariableDeclaration
    const

    linearInOut

    =
    function ( t )

    Linear easing with no acceleration.

    • param {number} t - Progress value between 0 and 1
    • returns {number} Eased value
  • VariableDeclaration
    const

    quadEaseInOut

    =
    function ( t )

    Quadratic easing in and out.

    • param {number} t - Progress value between 0 and 1
    • returns {number} Eased value
  • VariableDeclaration
    const

    quadEaseIn

    =
    function ( t )

    Quadratic easing in - accelerating from zero velocity.

    • param {number} t - Progress value between 0 and 1
    • returns {number} Eased value
  • VariableDeclaration
    const

    quadEaseOut

    =
    function ( t )

    Quadratic easing out - decelerating to zero velocity.

    • param {number} t - Progress value between 0 and 1
    • returns {number} Eased value
  • VariableDeclaration
    const

    cubicEaseIn

    =
    function ( t )

    Cubic easing in - accelerating from zero velocity.

    • param {number} t - Progress value between 0 and 1
    • returns {number} Eased value
  • VariableDeclaration
    const

    cubicEaseOut

    =
    function ( t )

    Cubic easing out - decelerating to zero velocity.

    • param {number} t - Progress value between 0 and 1
    • returns {number} Eased value
  • VariableDeclaration
    const

    cubicEaseInOut

    =
    function ( t )

    Cubic easing in and out.

    • param {number} t - Progress value between 0 and 1
    • returns {number} Eased value
  • VariableDeclaration
    const

    quarticEaseIn

    =
    function ( t )

    Quartic easing in - accelerating from zero velocity.

    • param {number} t - Progress value between 0 and 1
    • returns {number} Eased value
  • VariableDeclaration
    const

    quarticEaseOut

    =
    function ( t )

    Quartic easing out - decelerating to zero velocity.

    • param {number} t - Progress value between 0 and 1
    • returns {number} Eased value
  • VariableDeclaration
    const

    quarticEaseInOut

    =
    function ( t )

    Quartic easing in and out.

    • param {number} t - Progress value between 0 and 1
    • returns {number} Eased value
  • VariableDeclaration
    const

    quinticEaseIn

    =
    function ( t )

    Quintic easing in - accelerating from zero velocity.

    • param {number} t - Progress value between 0 and 1
    • returns {number} Eased value
  • VariableDeclaration
    const

    quinticEaseOut

    =
    function ( t )

    Quintic easing out - decelerating to zero velocity.

    • param {number} t - Progress value between 0 and 1
    • returns {number} Eased value
  • VariableDeclaration
    const

    quinticEaseInOut

    =
    function ( t )

    Quintic easing in and out.

    • param {number} t - Progress value between 0 and 1
    • returns {number} Eased value
  • VariableDeclaration
    const

    sineEaseIn

    =
    function ( t )

    Sine easing in - accelerating using a sine wave.

    • param {number} t - Progress value between 0 and 1
    • returns {number} Eased value
  • VariableDeclaration
    const

    sineEaseOut

    =
    function ( t )

    Sine easing out - decelerating using a sine wave.

    • param {number} t - Progress value between 0 and 1
    • returns {number} Eased value
  • VariableDeclaration
    const

    sineEaseInOut

    =
    function ( t )

    Sine easing in and out.

    • param {number} t - Progress value between 0 and 1
    • returns {number} Eased value
  • VariableDeclaration
    const

    circularEaseIn

    =
    function ( t )

    Circular easing in - accelerating using a circular function.

    • param {number} t - Progress value between 0 and 1
    • returns {number} Eased value
  • VariableDeclaration
    const

    circularEaseOut

    =
    function ( t )

    Circular easing out - decelerating using a circular function.

    • param {number} t - Progress value between 0 and 1
    • returns {number} Eased value
  • VariableDeclaration
    const

    circularEaseInOut

    =
    function ( t )

    Circular easing in and out.

    • param {number} t - Progress value between 0 and 1
    • returns {number} Eased value
  • VariableDeclaration
    const

    exponentialEaseIn

    =
    function ( t )

    Exponential easing in - accelerating exponentially.

    • param {number} t - Progress value between 0 and 1
    • returns {number} Eased value
  • VariableDeclaration
    const

    exponentialEaseOut

    =
    function ( t )

    Exponential easing out - decelerating exponentially.

    • param {number} t - Progress value between 0 and 1
    • returns {number} Eased value
  • VariableDeclaration
    const

    exponentialEaseInOut

    =
    function ( t )

    Exponential easing in and out.

    • param {number} t - Progress value between 0 and 1
    • returns {number} Eased value
  • VariableDeclaration
    const

    elasticEaseIn

    =
    function ( t )

    Elastic easing in - with elastic bouncing effect at the start.

    • param {number} t - Progress value between 0 and 1
    • returns {number} Eased value
  • VariableDeclaration
    const

    elasticEaseOut

    =
    function ( t , p )

    Elastic easing out - with elastic bouncing effect at the end.

    • param {number} t - Progress value between 0 and 1
    • param {number} p - Power factor for the exponential decay (default: -10)
    • returns {number} Eased value
  • VariableDeclaration
    const

    elasticEaseInOut

    =
    function ( t )

    Elastic easing in and out - with elastic bouncing effect at both ends.

    • param {number} t - Progress value between 0 and 1
    • returns {number} Eased value
  • VariableDeclaration
    const

    backEaseIn

    =
    function ( t )

    Back easing in - pulls back slightly before accelerating forward.

    • param {number} t - Progress value between 0 and 1
    • returns {number} Eased value
  • VariableDeclaration
    const

    backEaseOut

    =
    function ( t )

    Back easing out - overshoots slightly before settling at the target.

    • param {number} t - Progress value between 0 and 1
    • returns {number} Eased value
  • VariableDeclaration
    const

    backEaseInOut

    =
    function ( t )

    Back easing in and out - pulls back and overshoots at both ends.

    • param {number} t - Progress value between 0 and 1
    • returns {number} Eased value
  • VariableDeclaration
    const

    bounceEaseIn

    =
    function ( t )

    Bounce easing in - with bouncing effect at the start.

    • param {number} t - Progress value between 0 and 1
    • returns {number} Eased value
  • VariableDeclaration
    const

    bounceEaseOut

    =
    function ( t )

    Bounce easing out - with bouncing effect at the end.

    • param {number} t - Progress value between 0 and 1
    • returns {number} Eased value
  • VariableDeclaration
    const

    bounceEaseInOut

    =
    function ( t )

    Bounce easing in and out - with bouncing effect at both ends.

    • param {number} t - Progress value between 0 and 1
    • returns {number} Eased value
  • VariableDeclaration
    const

    multiEase

    =
    function ( functions )

    Combines multiple easing functions by averaging their outputs.

    • param {...Function} functions - Easing functions to combine
    • returns {Function} Combined easing function
  • VariableDeclaration
    const

    easingFunctions

    =
    ObjectExpression

    Collection of all easing functions organized by type and direction. Access patterns: easingFunctions.quad.inOut, easingFunctions.sine.in, etc.

    A neat little collector for easing methods - built into an object.

    easing = EasingFunctions
easing.quad.inOut
easing.quad.in
easing.quad.out