ez.js

ez.js

Importable easing functions in ES6

Install

npm install ez.js --save

Use

Import singular

import {easeInCubic} from 'ez.js';
 
let timeStart;
let diff = 1;
 
(function ticker(currTime) {
  if (!timeStart) timeStart = currTime;
 
  let elapsed = currTime - timeStart;
  let tick = easeInCubic(elapsed, timeStart, diff, 1000);
 
  console.log(tick);
 
  requestAnimationFrame(ticker);
})();

Import all

import * as ez from "./ez.js"
 
for (let key of Object.keys(ez)) {
  alert(ez[key](100, 0, 10, 1000));
}

Use as non-ES6

// download minified dist file and add it as a script
<script src="dist.min.js"></script>

Using easing functions

Takes four parameters, t: current time, b: beginning value, c: change in value, d: duration.

This will output a single number depending on how long the function has been running, this is great in conjunction with requestAnimationFrame to produce buttery animations.

Easings from Robert Penner