hacklab/strudel
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

remove old .draw, rename .onFrame to .draw

Browse source 
+ breaking: from, to are now called lookbehind, lookahead
+ migrate .pianoroll
This commit is contained in:
Felix Roos 2024-03-28 07:35:01 +01:00
parent eb8ac29136
commit ab015ff48a
2 changed files with 8 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

34
packages/draw/draw.mjs
View file

@ -39,41 +39,9 @@ function stopAnimationFrame(id) {
function stopAllAnimations() {
Object.keys(animationFrames).forEach((id) => stopAnimationFrame(id));
}
Pattern.prototype.draw = function (callback, { id = 'std', from, to, onQuery, ctx } = {}) {
if (typeof window === 'undefined') {
return this;
}
stopAnimationFrame(id);
ctx = ctx || getDrawContext();
let cycle,
events = [];
const animate = (time) => {
const t = getTime();
if (from !== undefined && to !== undefined) {
const currentCycle = Math.floor(t);
if (cycle !== currentCycle) {
cycle = currentCycle;
const begin = currentCycle + from;
const end = currentCycle + to;
setTimeout(() => {
events = this.query(new State(new TimeSpan(begin, end)))
.filter(Boolean)
.filter((event) => event.part.begin.equals(event.whole.begin));
onQuery?.(events);
}, 0);
}
}
callback(ctx, events, t, time);
animationFrames[id] = requestAnimationFrame(animate);
};
requestAnimationFrame(animate);
return this;
};
// this is a more generic helper to get a rendering callback for the currently active haps
// maybe this could also use Drawer internally? might need to support setting a custom pattern in Drawer
let memory = {};
Pattern.prototype.onFrame = function (fn, options) {
Pattern.prototype.draw = function (fn, options) {
if (typeof window === 'undefined') {
return this;
}