elias/strudel-docker
1
0
Fork 0
mirror of https://github.com/eliasstepanik/strudel-docker.git synced 2026-01-12 06:08:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix draw

Browse Source
This commit is contained in:
Felix Roos 2022-03-12 21:04:50 +01:00
parent 1558fd9519
commit 78a2a47fbf
3 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
repl/src/App.tsx
View File

@ -158,7 +158,7 @@ function App() {
}}
onChange={(_: any, __: any, value: any) => setCode(value)}
/>
<span className="p-4 absolute top-0 right-0 text-xs whitespace-pre text-right">
<span className="p-4 absolute top-0 right-0 text-xs whitespace-pre text-right pointer-events-none">
{!cycle.started ? `press ctrl+enter to play\n` : dirty ? `ctrl+enter to update\n` : 'no changes\n'}
</span>
</div>

4
repl/src/draw.mjs
View File

@ -28,11 +28,11 @@ Pattern.prototype.draw = function (callback, queryDuration) {
if (cycle !== currentCycle) {
cycle = currentCycle;
const begin = currentCycle * queryDuration;
const end = (currentCycle + 2) * queryDuration;
const end = (currentCycle + 1) * queryDuration;
events = this.add(0).query(new State(new TimeSpan(begin, end)));
}
}
callback(ctx, events, t, time);
callback(ctx, events, t, queryDuration, time);
window.strudelAnimation = requestAnimationFrame(animate);
};
requestAnimationFrame(animate);

4
repl/src/pianoroll.mjs
View File

@ -2,7 +2,7 @@ import { Pattern } from '../../strudel.mjs';
Pattern.prototype.pianoroll = function ({
timeframe = 10,
inactive = '#88ABF8',
inactive = '#C9E597',
active = '#FFCA28',
background = '#2A3236',
maxMidi = 90,
@ -25,6 +25,6 @@ Pattern.prototype.pianoroll = function ({
const margin = 0;
ctx.fillRect(x - offset + margin + 1, y + 1, width - 2, height - 2);
});
}, timeframe);
}, timeframe * 2);
return this;
};