tween

Motion tween component using ease.

Installation

$ component install component/tween

Example

``js
var Tween = require('tween');
var raf = require('raf');
var button = document.querySelector('button');

var tween = Tween({ rotate: 0, opacity: 0 })
.ease('out-bounce')
.to({ rotate: 360, opacity: 1 })
.duration(800);

tween.update(function(o){
button.style.opacity = o.opacity;
button.style.webkitTransform = 'rotate(' + (o.rotate | 0) + 'deg)';
});

tween.on('end', function(){
animate = function(){};
});

function animate() {
raf(animate);
tween.update();
}

animate();
`

API

$3

Initialize a new Tween with obj.

$3

Reset the tween.

$3

Tween to obj and reset internal state.

tween.to({ x: 50, y: 100 })

$3

Set duration to ms [500].

$3

Set easing function to fn.

tween.ease('in-out-sine')

$3

Set update function to fn or
when no argument is given this performs
a "step".

$3

Immediately stop the tween and emit "stop" and end" events. tween.stopped
is then marked as true`.

License

MIT