Tweener
A minimal tweening library written in ES6 JavaScript.
Chaining
Heavily inspired on Grant Skinner's TweenJS - which is easy and really good to make sequences.
Manual update
You can manage updates and time steps by your own, useful for game development.
Minimal
No DOM or CSS stuff. Deals only with numbers.
Not singleton
That's it!
Usage
Install
npm install tweener
Basics
// Creating a Tweener instance with auto-update of 60 ticks per second:var tweener = 1/60; // Tweening an object:tweener; // Killing tweens:tweener;
Chaining
// Dispatching a callback after completion:tweener; // Delaying tween start by 1 second:tweener; // Delaying the callback by 1 second:tweener; // Go, then come back:tweener; // Tweening targetB after targetA:tweener;
Manual update
// You can create Tweener instances without auto-update:var tweenerA = ;var tweenerB = ; // Then, you need to call the update, passing the elapsed time:tweenerA;tweenerB; // Added tweens will work with elapsed time format:tweenerA; //secondstweenerB; //milliseconds
Development
- Requires Node 5.2
npm install
- Develop:
npm start
- Release:
npm run dist
- See
package.json
for more info.
Easing functions
Here is the list of available easing functions (thanks to @mattdesl for his eases package):
TweenereasebackInOutTweenereasebackInTweenereasebackOutTweenereasebounceInOutTweenereasebounceInTweenereasebounceOutTweenereasecircInOutTweenereasecircInTweenereasecircOutTweenereasecubicInOutTweenereasecubicInTweenereasecubicOutTweenereaseelasticInOutTweenereaseelasticInTweenereaseelasticOutTweenereaseexpoInOutTweenereaseexpoInTweenereaseexpoOutTweenereaselinearTweenereasequadInOutTweenereasequadInTweenereasequadOutTweenereasequartInOutTweenereasequartInTweenereasequartOutTweenereasequintInOutTweenereasequintInTweenereasequintOutTweenereasesineInOutTweenereasesineInTweenereasesineOut