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

vanilla-repl-cm6: better theme

Browse source
This commit is contained in:
Felix Roos 2023-05-05 11:54:09 +02:00
parent d96f3f9dd4
commit d35bf9591c
7 changed files with 237 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

13
packages/core/examples/vite-vanilla-repl-cm6/main.js
View file

@ -3,12 +3,15 @@
import { initEditor, highlightHaps, flash } from './codemirror';
import { initStrudel } from './strudel';
import { Drawer } from './drawer';
import { bumpStreet } from './tunes';
import { bumpStreet, trafficFlam, funk42 } from './tunes';
import { pianoroll, getDrawOptions } from '@strudel.cycles/core';
import './style.css';
let code = bumpStreet;
let code = funk42;
const repl = initStrudel();
const roll = document.getElementById('roll');
const canvas = document.getElementById('roll');
canvas.width = canvas.width * 2;
canvas.height = canvas.height * 2;
const view = initEditor({
initialCode: code,
@ -37,12 +40,12 @@ async function onStop() {
scheduler.stop();
drawer.stop();
}
const ctx = roll.getContext('2d');
const ctx = canvas.getContext('2d');
let drawer = new Drawer(
(haps, time, { drawTime }) => {
const currentFrame = haps.filter((hap) => time >= hap.whole.begin && time <= hap.whole.end);
highlightHaps(view, currentFrame);
pianoroll({ ctx, time, haps, ...getDrawOptions(drawTime, { fold: 1 }) });
pianoroll({ ctx, time, haps, ...getDrawOptions(drawTime, { fold: 0 }) });
},
[-2, 2],
);