dmx-flok/anim.js

62 lines
No EOL
1.2 KiB
JavaScript

"use strict"
var ease = require('./easing.js').ease
var resolution = 25
function Anim() {
this.fx_stack = []
}
Anim.prototype.add = function(to, duration, options) {
var options = options || {}
var duration = duration || resolution
options['easing'] = options['easing'] || 'linear'
this.fx_stack.push({'to': to, 'duration': duration, 'options': options})
return this
}
Anim.prototype.delay = function(duration) {
return this.add({}, duration)
}
Anim.prototype.run = function(universe, onFinish) {
var config = {}
var t = 0
var d = 0
var a
var fx_stack = this.fx_stack;
var ani_setup = function() {
a = fx_stack.shift()
t = 0
d = a.duration
config = {}
for(var k in a.to) {
config[k] = {
'start': universe.get(k),
'end': a.to[k]
}
}
}
var ani_step = function() {
new_vals = {}
for(var k in config) {
new_vals[k] = Math.round(config[k].start + ease['linear'](t, 0, 1, d) * (config[k].end - config[k].start))
}
t = t + resolution
universe.update(new_vals)
if(t > d) {
if(fx_stack.length > 0) {
ani_setup()
} else {
clearInterval(iid)
if(onFinish) onFinish()
}
}
}
ani_setup()
var iid = setInterval(ani_step, resolution)
}
module.exports = Anim