elias/strudel-docker
1
0
Fork 0
mirror of https://github.com/eliasstepanik/strudel-docker.git synced 2026-01-22 19:18:31 +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)} 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'} {!cycle.started ? `press ctrl+enter to play\n` : dirty ? `ctrl+enter to update\n` : 'no changes\n'}
</span> </span>
</div> </div>

4
repl/src/draw.mjs
View File

@ -28,11 +28,11 @@ Pattern.prototype.draw = function (callback, queryDuration) {
if (cycle !== currentCycle) { if (cycle !== currentCycle) {
cycle = currentCycle; cycle = currentCycle;
const begin = currentCycle * queryDuration; 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))); 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); window.strudelAnimation = requestAnimationFrame(animate);
}; };
requestAnimationFrame(animate); requestAnimationFrame(animate);

4
repl/src/pianoroll.mjs
View File

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