/
minanim.js
101 lines (90 loc) · 3.31 KB
/
minanim.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
function assert_precondition(t, out = {}, tstart = 0) {
console.assert(typeof(t) === "number");
console.assert(typeof(out) === "object");
console.assert(typeof(tstart) === "number");
console.assert(t >= tstart);
return [out, tstart];
}
function anim_delay(duration) {
console.assert(typeof(duration) === "number");
let f = function(t, out, tstart) {
[out, tstart] = assert_precondition(t, out, tstart); return out;
}
f.duration = duration;
f.par = ((g) => anim_parallel(f, g));
f.seq = ((g) => anim_sequence(f, g));
return f;
}
function anim_const(field, v) {
let f = function(t, out, tstart) {
[out, tstart] = assert_precondition(t, out, tstart); out[field] = v; return out;
};
f.duration = 0;
f.par = ((g) => anim_parallel(f, g));
f.seq = ((g) => anim_sequence(f, g));
return f;
}
function ease_linear(vstart, tlin, vend) { return (1.0 - tlin) * vstart + tlin * vend; }
function ease_cubic(vstart, tlin, vend) {
const cube = (1 - tlin)**3; return cube * vstart + (1 - cube) * vend;
}
function ease_out_back(vstart, tlin, vend) {
const c1 = 1.70158; const c3 = c1 + 1; const t = 1 + c3 * Math.pow(tlin - 1, 3) + c1 * Math.pow(tlin - 1, 2);
return (1-t) * vstart + t*vend;
}
function anim_interpolated(fease, field, vend, duration) {
let f = function(t, out, tstart) {
[out, tstart] = assert_precondition(t, out, tstart);
if (t < tstart + duration && duration !== 0) {
const tlin = (t - tstart) /duration;
console.assert(tlin >= 0);
console.assert(tlin <= 1);
const vstart = out[field];
out[field] = fease(vstart, tlin, vend);
} else { out[field] = vend; }
return out;
};
f.duration = duration;
f.par = ((g) => anim_parallel(f, g));
f.seq = ((g) => anim_sequence(f, g));
return f;
}
function anim_sequence(anim1, anim2) {
const duration = anim1.duration + anim2.duration;
let f = function(t, out, tstart) {
[out, tstart] = assert_precondition(t, out, tstart);
anim1(t, out, tstart);
if (t >= tstart + anim1.duration) { anim2(t, out, tstart + anim1.duration); }
return out;
}
f.duration = duration;
f.par = ((g) => anim_parallel(f, g));
f.seq = ((g) => anim_sequence(f, g));
return f;
}
function anim_parallel(anim1, anim2) {
const duration = Math.max(anim1.duration, anim2.duration);
let f = function(t, out, tstart) {
[out, tstart] = assert_precondition(t, out, tstart);
if (t >= tstart) { anim1(t, out, tstart); anim2(t, out, tstart); }
return out;
}
f.duration = duration;
f.par = ((g) => anim_parallel(f, g));
f.seq = ((g) => anim_sequence(f, g));
return f;
}
function anim_parallel_list(xs) { var x = xs[0]; for(var i = 1; i < xs.length; ++i) { x = x.par(xs[i]); } return x; }
function anim_sequence_list(xs) { var x = xs[0]; for(var i = 1; i < xs.length; ++i) { x = x.seq(xs[i]); } return x; }
function anim_stagger(xs, delta) {
console.assert(typeof(delta) == "number");
var ys = [];
for(var i = 0; i < xs.length; ++i) {
ys.push(anim_delay(delta*i).seq(xs[i]));
}
var y = ys[0];
for(var i = 1; i < ys.length; ++i) {
y = y.par(ys[i]);
}
return y;
}