Skip to content

jaxgeller/ez.js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ez.js

Importable easing functions in ES6

Build Status

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

About

Importable easing functions in es6 for tweening

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published