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

allow offsetting onFrame

Browse source
This commit is contained in:
Felix Roos 2024-03-07 13:17:40 +01:00
parent d5ed065011
commit 75098adbdb
1 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
packages/canvas/draw.mjs
View file

@ -64,7 +64,7 @@ Pattern.prototype.draw = function (callback, { from, to, onQuery } = {}) {
// this is a more generic helper to get a rendering callback for the currently active haps // this is a more generic helper to get a rendering callback for the currently active haps
// TODO: this misses events that are prolonged with clip or duration (would need state) // TODO: this misses events that are prolonged with clip or duration (would need state)
Pattern.prototype.onFrame = function (fn) { Pattern.prototype.onFrame = function (fn, offset = 0) {
if (typeof window === 'undefined') { if (typeof window === 'undefined') {
return this; return this;
} }
@ -72,7 +72,7 @@ Pattern.prototype.onFrame = function (fn) {
cancelAnimationFrame(window.strudelAnimation); cancelAnimationFrame(window.strudelAnimation);
} }
const animate = () => { const animate = () => {
const t = getTime(); const t = getTime() + offset;
const haps = this.queryArc(t, t); const haps = this.queryArc(t, t);
fn(haps, t, this); fn(haps, t, this);
window.strudelAnimation = requestAnimationFrame(animate); window.strudelAnimation = requestAnimationFrame(animate);