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

replace from to with cycles / playhead

Browse Source
This commit is contained in:
Felix Roos 2022-06-05 23:38:07 +02:00
parent 394e77c152
commit ba5cf5ba83
1 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/tone/pianoroll.mjs
View File

@ -9,8 +9,8 @@ import { Pattern } from '@strudel.cycles/core';
const scale = (normalized, min, max) => normalized * (max - min) + min;
Pattern.prototype.pianoroll = function ({
from = -2,
to = 2,
cycles = 4,
playhead = .5,
overscan = 1,
inactive = '#C9E597',
active = '#FFCA28',
@ -26,6 +26,8 @@ Pattern.prototype.pianoroll = function ({
const ctx = getDrawContext();
const w = ctx.canvas.width;
const h = ctx.canvas.height;
const from = -cycles * playhead;
const to = cycles * (1 - playhead);
if (timeframeProp) {
console.warn('timeframe is deprecated! use from/to instead');
@ -46,7 +48,7 @@ Pattern.prototype.pianoroll = function ({
let foldValues = [];
// duration to px (on timeAxis)
const playhead = scale(-from / timeExtent, ...timeRange);
const playheadPosition = scale(-from / timeExtent, ...timeRange);
this.draw(
(ctx, events, t) => {
ctx.fillStyle = background;
@ -60,11 +62,11 @@ Pattern.prototype.pianoroll = function ({
ctx.globalAlpha = event.context.velocity ?? 1;
ctx.beginPath();
if (vertical) {
ctx.moveTo(0, playhead);
ctx.lineTo(valueAxis, playhead);
ctx.moveTo(0, playheadPosition);
ctx.lineTo(valueAxis, playheadPosition);
} else {
ctx.moveTo(playhead, 0);
ctx.lineTo(playhead, valueAxis);
ctx.moveTo(playheadPosition, 0);
ctx.lineTo(playheadPosition, valueAxis);
}
ctx.stroke();
const timePx = scale((event.whole.begin - from) / timeExtent, ...timeRange);