57 lines
1.2 KiB
JavaScript
57 lines
1.2 KiB
JavaScript
|
var ease = require('./easing.js').ease
|
|||
|
|
var resolution = 30;
|
|||
|
|
|
|||
|
|
exports.Anim = function(universe) {
|
|||
|
|
this.universe = universe;
|
|||
|
|
this.fx_stack = [];
|
|||
|
|
this.add = function(to, duration, options) {
|
|||
|
|
var options = options || {};
|
|||
|
|
options['easing'] = options['easing'] || 'linear';
|
|||
|
|
this.fx_stack.push({'to': to, 'duration': duration, 'options': options});
|
|||
|
|
return this;
|
|||
|
|
}
|
|||
|
|
this.delay = function(duration) {
|
|||
|
|
return this.add({}, duration);
|
|||
|
|
}
|
|||
|
|
this.run = function(onFinish) {
|
|||
|
|
var config = {}
|
|||
|
|
, t = 0
|
|||
|
|
, d = 0
|
|||
|
|
, 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);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|