Skip to content

Instantly share code, notes, and snippets.

@jonburger

jonburger/easing.js

Created March 1, 2016 12:38
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save jonburger/fbc1c4c0dc51d8a33ef9 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save jonburger/fbc1c4c0dc51d8a33ef9 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. jonburger created this gist Mar 1, 2016.
    34 changes: 34 additions & 0 deletions easing.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,34 @@
    /*
    * Easing Functions - inspired from http://gizma.com/easing/
    * only considering the t value for the range [0, 1] => [0, 1]
    */
    var easing = {
    // no easing, no acceleration
    linear: function (t) { return t },
    // accelerating from zero velocity
    easeInQuad: function (t) { return t*t },
    // decelerating to zero velocity
    easeOutQuad: function (t) { return t*(2-t) },
    // acceleration until halfway, then deceleration
    easeInOutQuad: function (t) { return t<.5 ? 2*t*t : -1+(4-2*t)*t },
    // accelerating from zero velocity
    easeInCubic: function (t) { return t*t*t },
    // decelerating to zero velocity
    easeOutCubic: function (t) { return (--t)*t*t+1 },
    // acceleration until halfway, then deceleration
    easeInOutCubic: function (t) { return t<.5 ? 4*t*t*t : (t-1)*(2*t-2)*(2*t-2)+1 },
    // accelerating from zero velocity
    easeInQuart: function (t) { return t*t*t*t },
    // decelerating to zero velocity
    easeOutQuart: function (t) { return 1-(--t)*t*t*t },
    // acceleration until halfway, then deceleration
    easeInOutQuart: function (t) { return t<.5 ? 8*t*t*t*t : 1-8*(--t)*t*t*t },
    // accelerating from zero velocity
    easeInQuint: function (t) { return t*t*t*t*t },
    // decelerating to zero velocity
    easeOutQuint: function (t) { return 1+(--t)*t*t*t*t },
    // acceleration until halfway, then deceleration
    easeInOutQuint: function (t) { return t<.5 ? 16*t*t*t*t*t : 1+16*(--t)*t*t*t*t },
    // get an eased value between two values
    range: function (e, t, a, b) { return a + easing[e](t) * -(a - b) }
    }