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

add working claviature method

Browse source
This commit is contained in:
Felix Roos 2024-03-14 15:17:19 +01:00
parent 0a1da6f651
commit f2e16f946c
2 changed files with 37 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

23
packages/claviature/index.mjs
View file

@ -1 +1,24 @@
export * from './Claviature.jsx';
import { Pattern } from '@strudel/core';
Pattern.prototype.claviature = function (options = {}) {
if (!window.claviature) {
window.claviature = document.createElement('strudel-claviature');
window.claviature.style.position = 'absolute';
window.claviature.style.bottom = 0;
window.claviature.style.left = 0;
document.body.append(window.claviature);
}
return this.onFrame((haps) => {
const keys = haps.map((h) => h.value.note);
// console.log('keys',keys);
window.claviature.setAttribute(
'options',
JSON.stringify({
...options,
range: options.range || ['A2', 'C6'],
colorize: [{ keys: keys, color: options.color || 'steelblue' }],
}),
);
});
};