mirror of
https://codeberg.org/uzu/strudel
synced 2026-07-24 13:59:07 -04:00
Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| ecbd7c77a5 | |||
| ec920a1551 |
@@ -1,37 +0,0 @@
|
|||||||
name: Build and Deploy to beta (warm.strudel.cc)
|
|
||||||
|
|
||||||
on: [workflow_dispatch]
|
|
||||||
|
|
||||||
# Allow one concurrent deployment
|
|
||||||
concurrency:
|
|
||||||
group: "pages"
|
|
||||||
cancel-in-progress: true
|
|
||||||
|
|
||||||
jobs:
|
|
||||||
build:
|
|
||||||
runs-on: docker
|
|
||||||
env:
|
|
||||||
SSH_PRIVATE_KEY: ${{ secrets.SSH_PRIVATE_KEY }}
|
|
||||||
steps:
|
|
||||||
- uses: actions/checkout@v4
|
|
||||||
- uses: pnpm/action-setup@v4
|
|
||||||
with:
|
|
||||||
version: 9.12.2
|
|
||||||
- uses: actions/setup-node@v4
|
|
||||||
with:
|
|
||||||
node-version: 20
|
|
||||||
# cache: "pnpm"
|
|
||||||
- name: Install Dependencies
|
|
||||||
run: pnpm install
|
|
||||||
|
|
||||||
- name: Build
|
|
||||||
run: pnpm build
|
|
||||||
|
|
||||||
- name: Deploy
|
|
||||||
run: |
|
|
||||||
eval $(ssh-agent -s)
|
|
||||||
echo "$SSH_PRIVATE_KEY" | ssh-add -
|
|
||||||
apt update && apt install -y rsync
|
|
||||||
mkdir ~/.ssh
|
|
||||||
ssh-keyscan matrix.toplap.org > ~/.ssh/known_hosts
|
|
||||||
rsync -atv --delete --delete-after --progress ./website/dist/ strudel@matrix.toplap.org:/home/strudel/deploy/warm.strudel.cc
|
|
||||||
@@ -1,4 +1,4 @@
|
|||||||
name: Build and Deploy to live (strudel.cc)
|
name: Build and Deploy
|
||||||
|
|
||||||
on: [workflow_dispatch]
|
on: [workflow_dispatch]
|
||||||
|
|
||||||
@@ -34,4 +34,4 @@ jobs:
|
|||||||
apt update && apt install -y rsync
|
apt update && apt install -y rsync
|
||||||
mkdir ~/.ssh
|
mkdir ~/.ssh
|
||||||
ssh-keyscan matrix.toplap.org > ~/.ssh/known_hosts
|
ssh-keyscan matrix.toplap.org > ~/.ssh/known_hosts
|
||||||
rsync -atv --delete --delete-after --progress ./website/dist/ strudel@matrix.toplap.org:/home/strudel/deploy/strudel.cc
|
rsync -atv --delete --delete-after --progress ./website/dist/ strudel@matrix.toplap.org:/home/strudel/deploy
|
||||||
@@ -1,6 +1,6 @@
|
|||||||
name: Strudel tests
|
name: Strudel tests
|
||||||
|
|
||||||
on: [push, pull_request]
|
on: [push]
|
||||||
|
|
||||||
jobs:
|
jobs:
|
||||||
build:
|
build:
|
||||||
@@ -19,7 +19,7 @@ jobs:
|
|||||||
- uses: actions/setup-node@v4
|
- uses: actions/setup-node@v4
|
||||||
with:
|
with:
|
||||||
node-version: ${{ matrix.node-version }}
|
node-version: ${{ matrix.node-version }}
|
||||||
cache: "pnpm"
|
cache: 'pnpm'
|
||||||
- run: pnpm install
|
- run: pnpm install
|
||||||
- run: pnpm run format-check
|
- run: pnpm run format-check
|
||||||
- run: pnpm run lint
|
- run: pnpm run lint
|
||||||
|
|||||||
-14
@@ -45,20 +45,6 @@ tidal-drum-machines
|
|||||||
webaudiofontdata
|
webaudiofontdata
|
||||||
src-tauri/target
|
src-tauri/target
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
### BEGIN Visual Studio Code ###
|
|
||||||
# Blanket, recursive exclude for .vscode directory and files
|
|
||||||
.vscode/**/*
|
|
||||||
# Unexclude specific files and directories within .vscode
|
|
||||||
!.vscode/settings.json
|
|
||||||
!.vscode/tasks.json
|
|
||||||
!.vscode/launch.json
|
|
||||||
!.vscode/extensions.json
|
|
||||||
### END Visual Studio Code ###
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
# BEGIN JetBrains -> END JetBrains
|
# BEGIN JetBrains -> END JetBrains
|
||||||
|
|
||||||
# for JetBrains IDE users, e.g. WebStorm. Source: https://github.com/github/gitignore/blob/main/Global/JetBrains.gitignore
|
# for JetBrains IDE users, e.g. WebStorm. Source: https://github.com/github/gitignore/blob/main/Global/JetBrains.gitignore
|
||||||
|
|||||||
-21
@@ -1,21 +0,0 @@
|
|||||||
FROM node:24
|
|
||||||
|
|
||||||
WORKDIR /app
|
|
||||||
|
|
||||||
RUN npm install pnpm --global
|
|
||||||
|
|
||||||
COPY pnpm-workspace.yaml ./
|
|
||||||
COPY package.json pnpm-lock.yaml ./
|
|
||||||
COPY packages/ ./packages/
|
|
||||||
COPY examples/ ./examples/
|
|
||||||
RUN mkdir -p website/public
|
|
||||||
COPY website/package.json ./website/
|
|
||||||
|
|
||||||
RUN pnpm install
|
|
||||||
|
|
||||||
|
|
||||||
COPY . .
|
|
||||||
|
|
||||||
EXPOSE 4321
|
|
||||||
|
|
||||||
CMD ["pnpm", "dev"]
|
|
||||||
@@ -3,6 +3,8 @@
|
|||||||
Live coding patterns on the web
|
Live coding patterns on the web
|
||||||
https://strudel.cc/
|
https://strudel.cc/
|
||||||
|
|
||||||
|
Development is moving to https://codeberg.org/uzu/strudel
|
||||||
|
|
||||||
- Try it here: <https://strudel.cc>
|
- Try it here: <https://strudel.cc>
|
||||||
- Docs: <https://strudel.cc/learn>
|
- Docs: <https://strudel.cc/learn>
|
||||||
- Technical Blog Post: <https://loophole-letters.vercel.app/strudel>
|
- Technical Blog Post: <https://loophole-letters.vercel.app/strudel>
|
||||||
@@ -13,7 +15,7 @@ https://strudel.cc/
|
|||||||
|
|
||||||
After cloning the project, you can run the REPL locally:
|
After cloning the project, you can run the REPL locally:
|
||||||
|
|
||||||
1. Install [Node.js](https://nodejs.org/) 18 or newer
|
1. Install [Node.js](https://nodejs.org/)
|
||||||
2. Install [pnpm](https://pnpm.io/installation)
|
2. Install [pnpm](https://pnpm.io/installation)
|
||||||
3. Install dependencies by running the following command:
|
3. Install dependencies by running the following command:
|
||||||
```bash
|
```bash
|
||||||
@@ -45,5 +47,3 @@ There is a #strudel channel on the TidalCycles discord: <https://discord.com/inv
|
|||||||
You can also ask questions and find related discussions on the tidal club forum: <https://club.tidalcycles.org/>
|
You can also ask questions and find related discussions on the tidal club forum: <https://club.tidalcycles.org/>
|
||||||
|
|
||||||
The discord and forum is shared with the haskell (tidal) and python (vortex) siblings of this project.
|
The discord and forum is shared with the haskell (tidal) and python (vortex) siblings of this project.
|
||||||
|
|
||||||
We also have a mastodon account: <a rel="me" href="https://social.toplap.org/@strudel">social.toplap.org/@strudel</a>
|
|
||||||
|
|||||||
@@ -42,7 +42,6 @@ export default [
|
|||||||
'**/hydra.mjs',
|
'**/hydra.mjs',
|
||||||
'**/jsdoc-synonyms.js',
|
'**/jsdoc-synonyms.js',
|
||||||
'packages/hs2js/src/hs2js.mjs',
|
'packages/hs2js/src/hs2js.mjs',
|
||||||
'packages/supradough/dough-export.mjs',
|
|
||||||
'**/samples',
|
'**/samples',
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
@@ -84,14 +83,4 @@ export default [
|
|||||||
],
|
],
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
{
|
|
||||||
// Properties provided by AudioWorkletGlobalScope
|
|
||||||
files: ['packages/superdough/worklets.mjs'],
|
|
||||||
languageOptions: {
|
|
||||||
globals: {
|
|
||||||
currentTime: 'readonly',
|
|
||||||
sampleRate: 'readonly',
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
];
|
];
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
<script src="https://unpkg.com/@strudel/web@1.2.6"></script>
|
<script src="https://unpkg.com/@strudel/web@1.0.3"></script>
|
||||||
<button id="play">PLAY</button>
|
<button id="play">PLAY</button>
|
||||||
<script>
|
<script>
|
||||||
initStrudel({
|
initStrudel({
|
||||||
|
|||||||
@@ -12,16 +12,13 @@
|
|||||||
"vite": "^6.0.11"
|
"vite": "^6.0.11"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@strudel/codemirror": "1.2.6",
|
"@strudel/codemirror": "workspace:*",
|
||||||
"@strudel/core": "1.2.5",
|
"@strudel/core": "workspace:*",
|
||||||
"@strudel/draw": "1.2.5",
|
"@strudel/draw": "workspace:*",
|
||||||
"@strudel/mini": "1.2.5",
|
"@strudel/mini": "workspace:*",
|
||||||
"@strudel/soundfonts": "1.2.6",
|
"@strudel/soundfonts": "workspace:*",
|
||||||
"@strudel/tonal": "1.2.5",
|
"@strudel/tonal": "workspace:*",
|
||||||
"@strudel/transpiler": "1.2.5",
|
"@strudel/transpiler": "workspace:*",
|
||||||
"@strudel/webaudio": "1.2.6"
|
"@strudel/webaudio": "workspace:*"
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=18.0.0"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
export const bumpStreet = `// froos - "22 bump street", licensed with CC BY-NC-SA 4.0
|
export const bumpStreet = `// froos - "22 bump street", licensed with CC BY-NC-SA 4.0
|
||||||
samples('github:felixroos/samples')
|
samples('github:felixroos/samples')
|
||||||
samples('https://strudel.b-cdn.net/tidal-drum-machines.json', 'github:ritchse/tidal-drum-machines/main/machines/')
|
samples('https://strudel.cc/tidal-drum-machines.json', 'github:ritchse/tidal-drum-machines/main/machines/')
|
||||||
|
|
||||||
"<[0,<6 7 9>,13,<17 20 22 26>]!2>/2"
|
"<[0,<6 7 9>,13,<17 20 22 26>]!2>/2"
|
||||||
// make it 22 edo
|
// make it 22 edo
|
||||||
@@ -28,12 +28,13 @@ samples('https://strudel.b-cdn.net/tidal-drum-machines.json', 'github:ritchse/ti
|
|||||||
.mask("<0@4 1@12>/4")
|
.mask("<0@4 1@12>/4")
|
||||||
.reset("<x@15 [x(3,8) x*[4 8]]>")
|
.reset("<x@15 [x(3,8) x*[4 8]]>")
|
||||||
// wait for it...
|
// wait for it...
|
||||||
).fast(4/3)
|
).fast(2/3)
|
||||||
//.crush(6) // remove "//" if you dare`;
|
//.crush(6) // remove "//" if you dare`;
|
||||||
|
|
||||||
export const trafficFlam = `// froos - "traffic flam", licensed with CC BY-NC-SA 4.0
|
export const trafficFlam = `// froos - "traffic flam", licensed with CC BY-NC-SA 4.0
|
||||||
|
|
||||||
samples('https://strudel.b-cdn.net/tidal-drum-machines.json', 'github:ritchse/tidal-drum-machines/main/machines/')
|
samples('github:felixroos/samples')
|
||||||
|
samples('https://strudel.cc/tidal-drum-machines.json', 'github:ritchse/tidal-drum-machines/main/machines/')
|
||||||
|
|
||||||
addVoicings('hip', {
|
addVoicings('hip', {
|
||||||
m11: ['2M 3m 4P 7m'],
|
m11: ['2M 3m 4P 7m'],
|
||||||
@@ -60,14 +61,16 @@ stack(
|
|||||||
s("rim*4").end(.05).bank('RolandTR808').speed(.8).room(.2)
|
s("rim*4").end(.05).bank('RolandTR808').speed(.8).room(.2)
|
||||||
)
|
)
|
||||||
)
|
)
|
||||||
.late("[0 .05]*2").late(12).fast(2)
|
.late("[0 .05]*2").late(12)
|
||||||
|
|
||||||
`;
|
`;
|
||||||
|
|
||||||
export const funk42 = `// froos - how to funk in 42 lines of code
|
export const funk42 = `// froos - how to funk in 42 lines of code
|
||||||
// adapted from "how to funk in two minutes" by marc rebillet https://www.youtube.com/watch?v=3vBwRfQbXkg
|
// adapted from "how to funk in two minutes" by marc rebillet https://www.youtube.com/watch?v=3vBwRfQbXkg
|
||||||
// thanks to peach for the transcription: https://www.youtube.com/watch?v=8eiPXvIgda4
|
// thanks to peach for the transcription: https://www.youtube.com/watch?v=8eiPXvIgda4
|
||||||
|
|
||||||
samples('https://strudel.b-cdn.net/tidal-drum-machines.json', 'github:ritchse/tidal-drum-machines/main/machines/')
|
samples('github:felixroos/samples')
|
||||||
|
samples('https://strudel.cc/tidal-drum-machines.json', 'github:ritchse/tidal-drum-machines/main/machines/')
|
||||||
|
|
||||||
setcps(.5)
|
setcps(.5)
|
||||||
|
|
||||||
|
|||||||
@@ -13,7 +13,7 @@
|
|||||||
<button id="c">C</button>
|
<button id="c">C</button>
|
||||||
<button id="stop">stop</button>
|
<button id="stop">stop</button>
|
||||||
<script type="module">
|
<script type="module">
|
||||||
import { initStrudel, hush } from '@strudel/web';
|
import { initStrudel } from '@strudel/web';
|
||||||
initStrudel({
|
initStrudel({
|
||||||
prebake: () => samples('github:tidalcycles/dirt-samples'),
|
prebake: () => samples('github:tidalcycles/dirt-samples'),
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -13,9 +13,6 @@
|
|||||||
"vite": "^6.0.11"
|
"vite": "^6.0.11"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@strudel/web": "1.2.6"
|
"@strudel/web": "workspace:*"
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=18.0.0"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -18,8 +18,5 @@
|
|||||||
"@strudel/transpiler": "workspace:*",
|
"@strudel/transpiler": "workspace:*",
|
||||||
"@strudel/webaudio": "workspace:*",
|
"@strudel/webaudio": "workspace:*",
|
||||||
"@strudel/tonal": "workspace:*"
|
"@strudel/tonal": "workspace:*"
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=18.0.0"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -13,8 +13,5 @@
|
|||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"vite": "^6.0.11"
|
"vite": "^6.0.11"
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=18.0.0"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -32,8 +32,5 @@
|
|||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"vite": "^6.0.11"
|
"vite": "^6.0.11"
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=18.0.0"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -73,8 +73,5 @@
|
|||||||
"prettier": "^3.4.2",
|
"prettier": "^3.4.2",
|
||||||
"vitest": "^3.0.4",
|
"vitest": "^3.0.4",
|
||||||
"vite-plugin-bundle-audioworklet": "workspace:*"
|
"vite-plugin-bundle-audioworklet": "workspace:*"
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=18.0.0"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -1,464 +1,84 @@
|
|||||||
import jsdoc from '../../doc.json';
|
import jsdoc from '../../doc.json';
|
||||||
|
// import { javascriptLanguage } from '@codemirror/lang-javascript';
|
||||||
import { autocompletion } from '@codemirror/autocomplete';
|
import { autocompletion } from '@codemirror/autocomplete';
|
||||||
import { h } from './html';
|
import { h } from './html';
|
||||||
//TODO: fix tonal scale import
|
|
||||||
// import { Scale } from '@tonaljs/tonal';
|
|
||||||
// import { soundMap } from '@strudel/webaudio';
|
|
||||||
let soundMap = undefined;
|
|
||||||
import { complex } from '@strudel/tonal';
|
|
||||||
|
|
||||||
const escapeHtml = (str) => {
|
function plaintext(str) {
|
||||||
const div = document.createElement('div');
|
const div = document.createElement('div');
|
||||||
div.innerText = str;
|
div.innerText = str;
|
||||||
return div.innerHTML;
|
return div.innerHTML;
|
||||||
};
|
}
|
||||||
|
|
||||||
const stripHtml = (html) => {
|
const getDocLabel = (doc) => doc.name || doc.longname;
|
||||||
const div = document.createElement('div');
|
const getInnerText = (html) => {
|
||||||
|
var div = document.createElement('div');
|
||||||
div.innerHTML = html;
|
div.innerHTML = html;
|
||||||
return div.textContent || div.innerText || '';
|
return div.textContent || div.innerText || '';
|
||||||
};
|
};
|
||||||
|
|
||||||
const getDocLabel = (doc) => doc.name || doc.longname;
|
export function Autocomplete({ doc, label }) {
|
||||||
|
return h`<div class="prose dark:prose-invert max-h-[400px] overflow-auto p-2">
|
||||||
const buildParamsList = (params) =>
|
<h1 class="pt-0 mt-0">${label || getDocLabel(doc)}</h1>
|
||||||
params?.length
|
${doc.description}
|
||||||
? `
|
<ul>
|
||||||
<div class="autocomplete-info-params-section">
|
${doc.params?.map(
|
||||||
<h4 class="autocomplete-info-section-title">Parameters</h4>
|
({ name, type, description }) =>
|
||||||
<ul class="autocomplete-info-params-list">
|
`<li>${name} : ${type.names?.join(' | ')} ${description ? ` - ${getInnerText(description)}` : ''}</li>`,
|
||||||
${params
|
)}
|
||||||
.map(
|
</ul>
|
||||||
({ name, type, description }) => `
|
<div>
|
||||||
<li class="autocomplete-info-param-item">
|
${doc.examples?.map((example) => `<div><pre>${plaintext(example)}</pre></div>`)}
|
||||||
<span class="autocomplete-info-param-name">${name}</span>
|
</div>
|
||||||
<span class="autocomplete-info-param-type">${type.names?.join(' | ')}</span>
|
</div>`[0];
|
||||||
${description ? `<div class="autocomplete-info-param-desc">${stripHtml(description)}</div>` : ''}
|
/*
|
||||||
</li>
|
<pre
|
||||||
`,
|
className="cursor-pointer"
|
||||||
)
|
onMouseDown={(e) => {
|
||||||
.join('')}
|
console.log('ola!');
|
||||||
</ul>
|
navigator.clipboard.writeText(example);
|
||||||
</div>
|
e.stopPropagation();
|
||||||
`
|
}}
|
||||||
: '';
|
>
|
||||||
|
{example}
|
||||||
const buildExamples = (examples) =>
|
</pre>
|
||||||
examples?.length
|
*/
|
||||||
? `
|
|
||||||
<div class="autocomplete-info-examples-section">
|
|
||||||
<h4 class="autocomplete-info-section-title">Examples</h4>
|
|
||||||
${examples
|
|
||||||
.map(
|
|
||||||
(example) => `
|
|
||||||
<pre class="autocomplete-info-example-code">${escapeHtml(example)}</pre>
|
|
||||||
`,
|
|
||||||
)
|
|
||||||
.join('')}
|
|
||||||
</div>
|
|
||||||
`
|
|
||||||
: '';
|
|
||||||
|
|
||||||
export const Autocomplete = (doc) =>
|
|
||||||
h`
|
|
||||||
<div class="autocomplete-info-container">
|
|
||||||
<div class="autocomplete-info-tooltip">
|
|
||||||
<h3 class="autocomplete-info-function-name">${getDocLabel(doc)}</h3>
|
|
||||||
${doc.synonyms_text ? `<div class="autocomplete-info-function-synonyms">Synonyms: ${doc.synonyms_text}</div>` : ''}
|
|
||||||
${doc.description ? `<div class="autocomplete-info-function-description">${doc.description}</div>` : ''}
|
|
||||||
${buildParamsList(doc.params)}
|
|
||||||
${buildExamples(doc.examples)}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
`[0];
|
|
||||||
|
|
||||||
const isValidDoc = (doc) => {
|
|
||||||
const label = getDocLabel(doc);
|
|
||||||
return label && !label.startsWith('_') && !['package'].includes(doc.kind);
|
|
||||||
};
|
|
||||||
|
|
||||||
const hasExcludedTags = (doc) =>
|
|
||||||
['superdirtOnly', 'noAutocomplete'].some((tag) => doc.tags?.find((t) => t.originalTitle === tag));
|
|
||||||
|
|
||||||
export function bankCompletions() {
|
|
||||||
// TODO: FIX IMPORT
|
|
||||||
const soundDict = soundMap?.get() ?? {};
|
|
||||||
|
|
||||||
const banks = new Set();
|
|
||||||
for (const key of Object.keys(soundDict)) {
|
|
||||||
const [bank, suffix] = key.split('_');
|
|
||||||
if (suffix && bank) banks.add(bank);
|
|
||||||
}
|
|
||||||
return Array.from(banks)
|
|
||||||
.sort()
|
|
||||||
.map((name) => ({ label: name, type: 'bank' }));
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// Attempt to get all scale names from Tonal TODO: FIX IMPORT
|
const jsdocCompletions = jsdoc.docs
|
||||||
let scaleCompletions = [];
|
.filter(
|
||||||
// try {
|
(doc) =>
|
||||||
// scaleCompletions = (Scale.names ? Scale.names() : []).map((name) => ({ label: name, type: 'scale' }));
|
getDocLabel(doc) &&
|
||||||
// } catch (e) {
|
!getDocLabel(doc).startsWith('_') &&
|
||||||
// console.warn('[autocomplete] Could not load scale names from Tonal:', e);
|
!['package'].includes(doc.kind) &&
|
||||||
// }
|
!['superdirtOnly', 'noAutocomplete'].some((tag) => doc.tags?.find((t) => t.originalTitle === tag)),
|
||||||
|
)
|
||||||
// Valid mode values for voicing
|
|
||||||
const modeCompletions = [
|
|
||||||
{ label: 'below', type: 'mode' },
|
|
||||||
{ label: 'above', type: 'mode' },
|
|
||||||
{ label: 'duck', type: 'mode' },
|
|
||||||
{ label: 'root', type: 'mode' },
|
|
||||||
];
|
|
||||||
|
|
||||||
// Valid chord symbols from ireal dictionary plus empty string for major triads
|
|
||||||
const chordSymbols = ['', ...Object.keys(complex)].sort();
|
|
||||||
const chordSymbolCompletions = chordSymbols.map((symbol) => {
|
|
||||||
if (symbol === '') {
|
|
||||||
return {
|
|
||||||
label: 'major',
|
|
||||||
apply: '',
|
|
||||||
type: 'chord-symbol',
|
|
||||||
};
|
|
||||||
}
|
|
||||||
return {
|
|
||||||
label: symbol,
|
|
||||||
apply: symbol,
|
|
||||||
type: 'chord-symbol',
|
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
||||||
export const getSynonymDoc = (doc, synonym) => {
|
|
||||||
const synonyms = doc.synonyms || [];
|
|
||||||
const docLabel = getDocLabel(doc);
|
|
||||||
// Swap `doc.name` in for `s` in the list of synonyms
|
|
||||||
const synonymsWithDoc = [docLabel, ...synonyms].filter((x) => x && x !== synonym);
|
|
||||||
return {
|
|
||||||
...doc,
|
|
||||||
name: synonym,
|
|
||||||
longname: synonym,
|
|
||||||
synonyms: synonymsWithDoc,
|
|
||||||
synonyms_text: synonymsWithDoc.join(', '),
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
const jsdocCompletions = (() => {
|
|
||||||
const seen = new Set(); // avoid repetition
|
|
||||||
const completions = [];
|
|
||||||
for (const doc of jsdoc.docs) {
|
|
||||||
if (!isValidDoc(doc) || hasExcludedTags(doc)) continue;
|
|
||||||
const docLabel = getDocLabel(doc);
|
|
||||||
// Remove duplicates
|
|
||||||
const synonyms = doc.synonyms || [];
|
|
||||||
let labels = [docLabel, ...synonyms];
|
|
||||||
for (const label of labels) {
|
|
||||||
// https://codemirror.net/docs/ref/#autocomplete.Completion
|
// https://codemirror.net/docs/ref/#autocomplete.Completion
|
||||||
if (label && !seen.has(label)) {
|
.map((doc) /*: Completion */ => ({
|
||||||
seen.add(label);
|
label: getDocLabel(doc),
|
||||||
completions.push({
|
// detail: 'xxx', // An optional short piece of information to show (with a different style) after the label.
|
||||||
label,
|
info: () => Autocomplete({ doc }),
|
||||||
info: () => Autocomplete(getSynonymDoc(doc, label)),
|
|
||||||
type: 'function', // https://codemirror.net/docs/ref/#autocomplete.Completion.type
|
type: 'function', // https://codemirror.net/docs/ref/#autocomplete.Completion.type
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return completions;
|
|
||||||
})();
|
|
||||||
|
|
||||||
// --- Handler functions for each context ---
|
|
||||||
const pitchNames = [
|
|
||||||
'C',
|
|
||||||
'C#',
|
|
||||||
'Db',
|
|
||||||
'D',
|
|
||||||
'D#',
|
|
||||||
'Eb',
|
|
||||||
'E',
|
|
||||||
'E#',
|
|
||||||
'Fb',
|
|
||||||
'F',
|
|
||||||
'F#',
|
|
||||||
'Gb',
|
|
||||||
'G',
|
|
||||||
'G#',
|
|
||||||
'Ab',
|
|
||||||
'A',
|
|
||||||
'A#',
|
|
||||||
'Bb',
|
|
||||||
'B',
|
|
||||||
'B#',
|
|
||||||
'Cb',
|
|
||||||
];
|
|
||||||
|
|
||||||
// Cached regex patterns for scaleHandler
|
|
||||||
const SCALE_NO_QUOTES_REGEX = /scale\(\s*$/;
|
|
||||||
const SCALE_AFTER_COLON_REGEX = /scale\(\s*['"][^'"]*:[^'"]*$/;
|
|
||||||
const SCALE_PRE_COLON_REGEX = /scale\(\s*['"][^'"]*$/;
|
|
||||||
const SCALE_PITCH_MATCH_REGEX = /([A-Ga-g][#b]*)?$/;
|
|
||||||
const SCALE_SPACES_TO_COLON_REGEX = /\s+/g;
|
|
||||||
|
|
||||||
function scaleHandler(context) {
|
|
||||||
// First check for scale context without quotes - block with empty completions
|
|
||||||
let scaleNoQuotesContext = context.matchBefore(SCALE_NO_QUOTES_REGEX);
|
|
||||||
if (scaleNoQuotesContext) {
|
|
||||||
return {
|
|
||||||
from: scaleNoQuotesContext.to,
|
|
||||||
options: [],
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// Check for after-colon context first (more specific)
|
|
||||||
let scaleAfterColonContext = context.matchBefore(SCALE_AFTER_COLON_REGEX);
|
|
||||||
if (scaleAfterColonContext) {
|
|
||||||
const text = scaleAfterColonContext.text;
|
|
||||||
const colonIdx = text.lastIndexOf(':');
|
|
||||||
if (colonIdx !== -1) {
|
|
||||||
const fragment = text.slice(colonIdx + 1);
|
|
||||||
const filteredScales = scaleCompletions.filter((s) => s.label.startsWith(fragment));
|
|
||||||
const options = filteredScales.map((s) => ({
|
|
||||||
...s,
|
|
||||||
apply: s.label.replace(SCALE_SPACES_TO_COLON_REGEX, ':'),
|
|
||||||
}));
|
}));
|
||||||
const from = scaleAfterColonContext.from + colonIdx + 1;
|
|
||||||
return {
|
|
||||||
from,
|
|
||||||
options,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Then check for pre-colon context
|
export const strudelAutocomplete = (context /* : CompletionContext */) => {
|
||||||
let scalePreColonContext = context.matchBefore(SCALE_PRE_COLON_REGEX);
|
let word = context.matchBefore(/\w*/);
|
||||||
if (scalePreColonContext) {
|
if (word.from == word.to && !context.explicit) return null;
|
||||||
if (!scalePreColonContext.text.includes(':')) {
|
|
||||||
if (context.explicit) {
|
|
||||||
const text = scalePreColonContext.text;
|
|
||||||
const match = text.match(SCALE_PITCH_MATCH_REGEX);
|
|
||||||
const fragment = match ? match[0] : '';
|
|
||||||
const filtered = pitchNames.filter((p) => p.toLowerCase().startsWith(fragment.toLowerCase()));
|
|
||||||
const from = scalePreColonContext.to - fragment.length;
|
|
||||||
const options = filtered.map((p) => ({ label: p, type: 'pitch' }));
|
|
||||||
return { from, options };
|
|
||||||
} else {
|
|
||||||
return { from: scalePreColonContext.to, options: [] };
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Cached regex patterns for soundHandler
|
|
||||||
const SOUND_NO_QUOTES_REGEX = /(s|sound)\(\s*$/;
|
|
||||||
const SOUND_WITH_QUOTES_REGEX = /(s|sound)\(\s*['"][^'"]*$/;
|
|
||||||
const SOUND_FRAGMENT_MATCH_REGEX = /(?:[\s[{(<])([\w]*)$/;
|
|
||||||
|
|
||||||
function soundHandler(context) {
|
|
||||||
// First check for sound context without quotes - block with empty completions
|
|
||||||
let soundNoQuotesContext = context.matchBefore(SOUND_NO_QUOTES_REGEX);
|
|
||||||
if (soundNoQuotesContext) {
|
|
||||||
return {
|
|
||||||
from: soundNoQuotesContext.to,
|
|
||||||
options: [],
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// Then check for sound context with quotes - provide completions
|
|
||||||
let soundContext = context.matchBefore(SOUND_WITH_QUOTES_REGEX);
|
|
||||||
if (!soundContext) return null;
|
|
||||||
|
|
||||||
const text = soundContext.text;
|
|
||||||
const quoteIdx = Math.max(text.lastIndexOf('"'), text.lastIndexOf("'"));
|
|
||||||
if (quoteIdx === -1) return null;
|
|
||||||
const inside = text.slice(quoteIdx + 1);
|
|
||||||
const fragMatch = inside.match(SOUND_FRAGMENT_MATCH_REGEX);
|
|
||||||
const fragment = fragMatch ? fragMatch[1] : inside;
|
|
||||||
const soundNames = Object.keys(soundMap?.get() ?? {}).sort();
|
|
||||||
const filteredSounds = soundNames.filter((name) => name.includes(fragment));
|
|
||||||
let options = filteredSounds.map((name) => ({ label: name, type: 'sound' }));
|
|
||||||
const from = soundContext.to - fragment.length;
|
|
||||||
return {
|
|
||||||
from,
|
|
||||||
options,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// Cached regex patterns for bankHandler
|
|
||||||
const BANK_NO_QUOTES_REGEX = /bank\(\s*$/;
|
|
||||||
const BANK_WITH_QUOTES_REGEX = /bank\(\s*['"][^'"]*$/;
|
|
||||||
|
|
||||||
function bankHandler(context) {
|
|
||||||
// First check for bank context without quotes - block with empty completions
|
|
||||||
let bankNoQuotesContext = context.matchBefore(BANK_NO_QUOTES_REGEX);
|
|
||||||
if (bankNoQuotesContext) {
|
|
||||||
return {
|
|
||||||
from: bankNoQuotesContext.to,
|
|
||||||
options: [],
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// Then check for bank context with quotes - provide completions
|
|
||||||
let bankMatch = context.matchBefore(BANK_WITH_QUOTES_REGEX);
|
|
||||||
if (!bankMatch) return null;
|
|
||||||
|
|
||||||
const text = bankMatch.text;
|
|
||||||
const quoteIdx = Math.max(text.lastIndexOf('"'), text.lastIndexOf("'"));
|
|
||||||
if (quoteIdx === -1) return null;
|
|
||||||
const inside = text.slice(quoteIdx + 1);
|
|
||||||
const fragment = inside;
|
|
||||||
let banks = bankCompletions();
|
|
||||||
const filteredBanks = banks.filter((b) => b.label.startsWith(fragment));
|
|
||||||
const from = bankMatch.to - fragment.length;
|
|
||||||
return {
|
|
||||||
from,
|
|
||||||
options: filteredBanks,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// Cached regex patterns for modeHandler
|
|
||||||
const MODE_NO_QUOTES_REGEX = /mode\(\s*$/;
|
|
||||||
const MODE_AFTER_COLON_REGEX = /mode\(\s*['"][^'"]*:[^'"]*$/;
|
|
||||||
const MODE_PRE_COLON_REGEX = /mode\(\s*['"][^'"]*$/;
|
|
||||||
const MODE_FRAGMENT_MATCH_REGEX = /(?:[\s[{(<])([\w:]*)$/;
|
|
||||||
|
|
||||||
function modeHandler(context) {
|
|
||||||
// First check for mode context without quotes - block with empty completions
|
|
||||||
let modeNoQuotesContext = context.matchBefore(MODE_NO_QUOTES_REGEX);
|
|
||||||
if (modeNoQuotesContext) {
|
|
||||||
return {
|
|
||||||
from: modeNoQuotesContext.to,
|
|
||||||
options: [],
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// Check for after-colon context first (more specific)
|
|
||||||
let modeAfterColonContext = context.matchBefore(MODE_AFTER_COLON_REGEX);
|
|
||||||
if (modeAfterColonContext) {
|
|
||||||
const text = modeAfterColonContext.text;
|
|
||||||
const colonIdx = text.lastIndexOf(':');
|
|
||||||
if (colonIdx !== -1) {
|
|
||||||
const fragment = text.slice(colonIdx + 1);
|
|
||||||
// For anchor after colon, we can suggest pitch names
|
|
||||||
const filtered = pitchNames.filter((p) => p.toLowerCase().startsWith(fragment.toLowerCase()));
|
|
||||||
const options = filtered.map((p) => ({ label: p, type: 'pitch' }));
|
|
||||||
const from = modeAfterColonContext.from + colonIdx + 1;
|
|
||||||
return {
|
|
||||||
from,
|
|
||||||
options,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Then check for pre-colon context
|
|
||||||
let modeContext = context.matchBefore(MODE_PRE_COLON_REGEX);
|
|
||||||
if (!modeContext) return null;
|
|
||||||
|
|
||||||
const text = modeContext.text;
|
|
||||||
const quoteIdx = Math.max(text.lastIndexOf('"'), text.lastIndexOf("'"));
|
|
||||||
if (quoteIdx === -1) return null;
|
|
||||||
const inside = text.slice(quoteIdx + 1);
|
|
||||||
const fragMatch = inside.match(MODE_FRAGMENT_MATCH_REGEX);
|
|
||||||
const fragment = fragMatch ? fragMatch[1] : inside;
|
|
||||||
const filteredModes = modeCompletions.filter((m) => m.label.startsWith(fragment));
|
|
||||||
const from = modeContext.to - fragment.length;
|
|
||||||
return {
|
|
||||||
from,
|
|
||||||
options: filteredModes,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// Cached regex patterns for chordHandler
|
|
||||||
const CHORD_NO_QUOTES_REGEX = /chord\(\s*$/;
|
|
||||||
const CHORD_WITH_QUOTES_REGEX = /chord\(\s*['"][^'"]*$/;
|
|
||||||
const CHORD_FRAGMENT_MATCH_REGEX = /(?:[\s[{(<])([\w#b+^:-]*)$/;
|
|
||||||
|
|
||||||
function chordHandler(context) {
|
|
||||||
// First check for chord context without quotes - block with empty completions
|
|
||||||
let chordNoQuotesContext = context.matchBefore(CHORD_NO_QUOTES_REGEX);
|
|
||||||
if (chordNoQuotesContext) {
|
|
||||||
return {
|
|
||||||
from: chordNoQuotesContext.to,
|
|
||||||
options: [],
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// Then check for chord context with quotes - provide completions
|
|
||||||
let chordContext = context.matchBefore(CHORD_WITH_QUOTES_REGEX);
|
|
||||||
if (!chordContext) return null;
|
|
||||||
|
|
||||||
const text = chordContext.text;
|
|
||||||
const quoteIdx = Math.max(text.lastIndexOf('"'), text.lastIndexOf("'"));
|
|
||||||
if (quoteIdx === -1) return null;
|
|
||||||
const inside = text.slice(quoteIdx + 1);
|
|
||||||
|
|
||||||
// Use same fragment matching as sound/mode for expressions like "<G Am>"
|
|
||||||
const fragMatch = inside.match(CHORD_FRAGMENT_MATCH_REGEX);
|
|
||||||
const fragment = fragMatch ? fragMatch[1] : inside;
|
|
||||||
|
|
||||||
// Check if fragment contains any pitch name at start (for root + symbol)
|
|
||||||
let rootMatch = null;
|
|
||||||
let symbolFragment = fragment;
|
|
||||||
for (const pitch of pitchNames) {
|
|
||||||
if (fragment.toLowerCase().startsWith(pitch.toLowerCase())) {
|
|
||||||
rootMatch = pitch;
|
|
||||||
symbolFragment = fragment.slice(pitch.length);
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (rootMatch) {
|
|
||||||
// We have a root, now complete chord symbols
|
|
||||||
const filteredSymbols = chordSymbolCompletions.filter((s) =>
|
|
||||||
s.label.toLowerCase().startsWith(symbolFragment.toLowerCase()),
|
|
||||||
);
|
|
||||||
|
|
||||||
// Create completions that replace the entire chord, not just the symbol part
|
|
||||||
const options = filteredSymbols;
|
|
||||||
|
|
||||||
const from = chordContext.to - symbolFragment.length;
|
|
||||||
return { from, options };
|
|
||||||
} else {
|
|
||||||
// No root yet, complete with pitch names
|
|
||||||
const filteredPitches = pitchNames.filter((p) => p.toLowerCase().startsWith(fragment.toLowerCase()));
|
|
||||||
const options = filteredPitches.map((p) => ({ label: p, type: 'pitch' }));
|
|
||||||
const from = chordContext.to - fragment.length;
|
|
||||||
return { from, options };
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Cached regex patterns for fallbackHandler
|
|
||||||
const FALLBACK_WORD_REGEX = /\w*/;
|
|
||||||
|
|
||||||
function fallbackHandler(context) {
|
|
||||||
const word = context.matchBefore(FALLBACK_WORD_REGEX);
|
|
||||||
if (word && word.from === word.to && !context.explicit) return null;
|
|
||||||
if (word) {
|
|
||||||
return {
|
return {
|
||||||
from: word.from,
|
from: word.from,
|
||||||
options: jsdocCompletions,
|
options: jsdocCompletions,
|
||||||
|
/* options: [
|
||||||
|
{ label: 'match', type: 'keyword' },
|
||||||
|
{ label: 'hello', type: 'variable', info: '(World)' },
|
||||||
|
{ label: 'magic', type: 'text', apply: '⠁⭒*.✩.*⭒⠁', detail: 'macro' },
|
||||||
|
], */
|
||||||
};
|
};
|
||||||
}
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
|
|
||||||
const handlers = [
|
|
||||||
soundHandler,
|
|
||||||
bankHandler,
|
|
||||||
chordHandler,
|
|
||||||
scaleHandler,
|
|
||||||
modeHandler,
|
|
||||||
// this handler *must* be last
|
|
||||||
fallbackHandler,
|
|
||||||
];
|
|
||||||
|
|
||||||
export const strudelAutocomplete = (context) => {
|
|
||||||
for (const handler of handlers) {
|
|
||||||
const result = handler(context);
|
|
||||||
if (result) {
|
|
||||||
return result;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return null;
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export const isAutoCompletionEnabled = (enabled) =>
|
export function isAutoCompletionEnabled(on) {
|
||||||
enabled ? [autocompletion({ override: [strudelAutocomplete], closeOnBlur: false })] : [];
|
return on
|
||||||
|
? [
|
||||||
|
autocompletion({ override: [strudelAutocomplete] }),
|
||||||
|
//javascriptLanguage.data.of({ autocomplete: strudelAutocomplete }),
|
||||||
|
]
|
||||||
|
: []; // autocompletion({ override: [] })
|
||||||
|
}
|
||||||
|
|||||||
@@ -1,63 +0,0 @@
|
|||||||
import {
|
|
||||||
keymap,
|
|
||||||
highlightSpecialChars,
|
|
||||||
drawSelection,
|
|
||||||
highlightActiveLine,
|
|
||||||
dropCursor,
|
|
||||||
rectangularSelection,
|
|
||||||
crosshairCursor,
|
|
||||||
lineNumbers,
|
|
||||||
highlightActiveLineGutter,
|
|
||||||
} from '@codemirror/view';
|
|
||||||
import {
|
|
||||||
defaultHighlightStyle,
|
|
||||||
syntaxHighlighting,
|
|
||||||
bracketMatching,
|
|
||||||
foldGutter,
|
|
||||||
foldKeymap,
|
|
||||||
} from '@codemirror/language';
|
|
||||||
import { defaultKeymap, history, historyKeymap } from '@codemirror/commands';
|
|
||||||
import { searchKeymap, highlightSelectionMatches } from '@codemirror/search';
|
|
||||||
import { completionKeymap, closeBracketsKeymap } from '@codemirror/autocomplete';
|
|
||||||
|
|
||||||
// Taken + slightly modified from https://github.com/codemirror/basic-setup/blob/main/src/codemirror.ts
|
|
||||||
|
|
||||||
export const basicSetup = (() => [
|
|
||||||
// lineNumbers(),
|
|
||||||
// highlightActiveLineGutter(),
|
|
||||||
highlightSpecialChars(),
|
|
||||||
history(),
|
|
||||||
// foldGutter(),
|
|
||||||
// drawSelection(),
|
|
||||||
dropCursor(),
|
|
||||||
// EditorState.allowMultipleSelections.of(true),
|
|
||||||
// indentOnInput(),
|
|
||||||
// syntaxHighlighting(defaultHighlightStyle, { fallback: true }),
|
|
||||||
// autocompletion(),
|
|
||||||
rectangularSelection(),
|
|
||||||
crosshairCursor(),
|
|
||||||
// highlightActiveLine(),
|
|
||||||
// highlightSelectionMatches(),
|
|
||||||
keymap.of([
|
|
||||||
...closeBracketsKeymap,
|
|
||||||
...defaultKeymap,
|
|
||||||
// ...searchKeymap,
|
|
||||||
...historyKeymap,
|
|
||||||
// ...foldKeymap,
|
|
||||||
// ...completionKeymap,
|
|
||||||
]),
|
|
||||||
])();
|
|
||||||
|
|
||||||
/// A minimal set of extensions to create a functional editor. Only
|
|
||||||
/// includes [the default keymap](#commands.defaultKeymap), [undo
|
|
||||||
/// history](#commands.history), [special character
|
|
||||||
/// highlighting](#view.highlightSpecialChars), [custom selection
|
|
||||||
/// drawing](#view.drawSelection), and [default highlight
|
|
||||||
/// style](#language.defaultHighlightStyle).
|
|
||||||
export const minimalSetup = (() => [
|
|
||||||
highlightSpecialChars(),
|
|
||||||
history(),
|
|
||||||
drawSelection(),
|
|
||||||
syntaxHighlighting(defaultHighlightStyle, { fallback: true }),
|
|
||||||
keymap.of([...defaultKeymap, ...historyKeymap]),
|
|
||||||
])();
|
|
||||||
@@ -1,31 +1,29 @@
|
|||||||
import { closeBrackets } from '@codemirror/autocomplete';
|
import { closeBrackets } from '@codemirror/autocomplete';
|
||||||
import { indentWithTab, toggleLineComment } from '@codemirror/commands';
|
export { toggleComment, toggleBlockComment, toggleLineComment, toggleBlockCommentByLine } from '@codemirror/commands';
|
||||||
import { javascript, javascriptLanguage } from '@codemirror/lang-javascript';
|
// import { search, highlightSelectionMatches } from '@codemirror/search';
|
||||||
import { bracketMatching, defaultHighlightStyle, syntaxHighlighting } from '@codemirror/language';
|
import { history, indentWithTab } from '@codemirror/commands';
|
||||||
|
import { javascript } from '@codemirror/lang-javascript';
|
||||||
|
import { defaultHighlightStyle, syntaxHighlighting, bracketMatching } from '@codemirror/language';
|
||||||
import { Compartment, EditorState, Prec } from '@codemirror/state';
|
import { Compartment, EditorState, Prec } from '@codemirror/state';
|
||||||
import {
|
import {
|
||||||
drawSelection,
|
|
||||||
EditorView,
|
EditorView,
|
||||||
highlightActiveLine,
|
|
||||||
highlightActiveLineGutter,
|
highlightActiveLineGutter,
|
||||||
|
highlightActiveLine,
|
||||||
keymap,
|
keymap,
|
||||||
lineNumbers,
|
lineNumbers,
|
||||||
|
drawSelection,
|
||||||
} from '@codemirror/view';
|
} from '@codemirror/view';
|
||||||
import { persistentAtom } from '@nanostores/persistent';
|
import { repl, registerControl } from '@strudel/core';
|
||||||
import { logger, registerControl, repl } from '@strudel/core';
|
import { Drawer, cleanupDraw } from '@strudel/draw';
|
||||||
import { cleanupDraw, Drawer } from '@strudel/draw';
|
|
||||||
|
|
||||||
import { isAutoCompletionEnabled } from './autocomplete.mjs';
|
import { isAutoCompletionEnabled } from './autocomplete.mjs';
|
||||||
import { basicSetup } from './basicSetup.mjs';
|
import { isTooltipEnabled } from './tooltip.mjs';
|
||||||
import { flash, isFlashEnabled } from './flash.mjs';
|
import { flash, isFlashEnabled } from './flash.mjs';
|
||||||
import { highlightMiniLocations, isPatternHighlightingEnabled, updateMiniLocations } from './highlight.mjs';
|
import { highlightMiniLocations, isPatternHighlightingEnabled, updateMiniLocations } from './highlight.mjs';
|
||||||
import { keybindings } from './keybindings.mjs';
|
import { keybindings } from './keybindings.mjs';
|
||||||
|
import { initTheme, activateTheme, theme } from './themes.mjs';
|
||||||
import { sliderPlugin, updateSliderWidgets } from './slider.mjs';
|
import { sliderPlugin, updateSliderWidgets } from './slider.mjs';
|
||||||
import { activateTheme, initTheme, theme } from './themes.mjs';
|
import { widgetPlugin, updateWidgets } from './widget.mjs';
|
||||||
import { isTooltipEnabled } from './tooltip.mjs';
|
import { persistentAtom } from '@nanostores/persistent';
|
||||||
import { updateWidgets, widgetPlugin } from './widget.mjs';
|
|
||||||
|
|
||||||
export { toggleBlockComment, toggleBlockCommentByLine, toggleComment, toggleLineComment } from '@codemirror/commands';
|
|
||||||
|
|
||||||
const extensions = {
|
const extensions = {
|
||||||
isLineWrappingEnabled: (on) => (on ? EditorView.lineWrapping : []),
|
isLineWrappingEnabled: (on) => (on ? EditorView.lineWrapping : []),
|
||||||
@@ -87,17 +85,13 @@ export function initEditor({ initialCode = '', onChange, onEvaluate, onStop, roo
|
|||||||
/* search(),
|
/* search(),
|
||||||
highlightSelectionMatches(), */
|
highlightSelectionMatches(), */
|
||||||
...initialSettings,
|
...initialSettings,
|
||||||
basicSetup,
|
|
||||||
mondo ? [] : javascript(),
|
mondo ? [] : javascript(),
|
||||||
javascriptLanguage.data.of({
|
|
||||||
closeBrackets: { brackets: ['(', '[', '{', "'", '"', '<'] },
|
|
||||||
bracketMatching: { brackets: ['(', '[', '{', "'", '"', '<'] },
|
|
||||||
}),
|
|
||||||
sliderPlugin,
|
sliderPlugin,
|
||||||
widgetPlugin,
|
widgetPlugin,
|
||||||
// indentOnInput(), // works without. already brought with javascript
|
// indentOnInput(), // works without. already brought with javascript extension?
|
||||||
// extension? bracketMatching(), // does not do anything
|
// bracketMatching(), // does not do anything
|
||||||
syntaxHighlighting(defaultHighlightStyle),
|
syntaxHighlighting(defaultHighlightStyle),
|
||||||
|
history(),
|
||||||
EditorView.updateListener.of((v) => onChange(v)),
|
EditorView.updateListener.of((v) => onChange(v)),
|
||||||
drawSelection({ cursorBlinkRate: 0 }),
|
drawSelection({ cursorBlinkRate: 0 }),
|
||||||
Prec.highest(
|
Prec.highest(
|
||||||
@@ -207,8 +201,7 @@ export class StrudelMirror {
|
|||||||
updateWidgets(this.editor, widgets);
|
updateWidgets(this.editor, widgets);
|
||||||
updateMiniLocations(this.editor, this.miniLocations);
|
updateMiniLocations(this.editor, this.miniLocations);
|
||||||
replOptions?.afterEval?.(options);
|
replOptions?.afterEval?.(options);
|
||||||
// if no painters are set (.onPaint was not called), then we only need
|
// if no painters are set (.onPaint was not called), then we only need the present moment (for highlighting)
|
||||||
// the present moment (for highlighting)
|
|
||||||
const drawTime = options.pattern.getPainters().length ? this.drawTime : [0, 0];
|
const drawTime = options.pattern.getPainters().length ? this.drawTime : [0, 0];
|
||||||
this.drawer.setDrawTime(drawTime);
|
this.drawer.setDrawTime(drawTime);
|
||||||
// invalidate drawer after we've set the appropriate drawTime
|
// invalidate drawer after we've set the appropriate drawTime
|
||||||
@@ -247,33 +240,6 @@ export class StrudelMirror {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
document.addEventListener('start-repl', this.onStartRepl);
|
document.addEventListener('start-repl', this.onStartRepl);
|
||||||
|
|
||||||
// Handle global evaluation requests (e.g., from Vim :w)
|
|
||||||
this.onEvaluateRequest = (e) => {
|
|
||||||
try {
|
|
||||||
// Evaluate current editor on repl-evaluate
|
|
||||||
logger('[repl] evaluate via event');
|
|
||||||
this.evaluate();
|
|
||||||
e?.cancelable && e.preventDefault?.();
|
|
||||||
} catch (err) {
|
|
||||||
console.error('Error handling repl-evaluate event', err);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
document.addEventListener('repl-evaluate', this.onEvaluateRequest);
|
|
||||||
document.addEventListener('repl-stop', this.onStopRequest);
|
|
||||||
|
|
||||||
// Toggle comments requested from Vim (gc)
|
|
||||||
this.onToggleComment = (e) => {
|
|
||||||
try {
|
|
||||||
// Honor selections; toggleLineComment handles both selections and
|
|
||||||
// single line
|
|
||||||
toggleLineComment(this.editor);
|
|
||||||
e?.cancelable && e.preventDefault?.();
|
|
||||||
} catch (err) {
|
|
||||||
console.error('Error handling repl-toggle-comment event', err);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
document.addEventListener('repl-toggle-comment', this.onToggleComment);
|
|
||||||
}
|
}
|
||||||
draw(haps, time, painters) {
|
draw(haps, time, painters) {
|
||||||
painters?.forEach((painter) => painter(this.drawContext, time, haps, this.drawTime));
|
painters?.forEach((painter) => painter(this.drawContext, time, haps, this.drawTime));
|
||||||
@@ -300,16 +266,6 @@ export class StrudelMirror {
|
|||||||
async stop() {
|
async stop() {
|
||||||
this.repl.scheduler.stop();
|
this.repl.scheduler.stop();
|
||||||
}
|
}
|
||||||
|
|
||||||
// Listen for global stop requests (e.g., from Vim :q)
|
|
||||||
onStopRequest = (e) => {
|
|
||||||
try {
|
|
||||||
this.stop();
|
|
||||||
e?.cancelable && e.preventDefault?.();
|
|
||||||
} catch (err) {
|
|
||||||
console.error('Error handling repl-stop event', err);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
async toggle() {
|
async toggle() {
|
||||||
if (this.repl.scheduler.started) {
|
if (this.repl.scheduler.started) {
|
||||||
this.repl.stop();
|
this.repl.stop();
|
||||||
@@ -385,18 +341,11 @@ export class StrudelMirror {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
setCode(code) {
|
setCode(code) {
|
||||||
const changes = {
|
const changes = { from: 0, to: this.editor.state.doc.length, insert: code };
|
||||||
from: 0,
|
|
||||||
to: this.editor.state.doc.length,
|
|
||||||
insert: code,
|
|
||||||
};
|
|
||||||
this.editor.dispatch({ changes });
|
this.editor.dispatch({ changes });
|
||||||
}
|
}
|
||||||
clear() {
|
clear() {
|
||||||
this.onStartRepl && document.removeEventListener('start-repl', this.onStartRepl);
|
this.onStartRepl && document.removeEventListener('start-repl', this.onStartRepl);
|
||||||
this.onEvaluateRequest && document.removeEventListener('repl-evaluate', this.onEvaluateRequest);
|
|
||||||
this.onStopRequest && document.removeEventListener('repl-stop', this.onStopRequest);
|
|
||||||
this.onToggleComment && document.removeEventListener('repl-toggle-comment', this.onToggleComment);
|
|
||||||
}
|
}
|
||||||
getCursorLocation() {
|
getCursorLocation() {
|
||||||
return this.editor.state.selection.main.head;
|
return this.editor.state.selection.main.head;
|
||||||
|
|||||||
@@ -1,7 +1,6 @@
|
|||||||
|
const parser = typeof DOMParser !== 'undefined' ? new DOMParser() : null;
|
||||||
export let html = (string) => {
|
export let html = (string) => {
|
||||||
const template = document.createElement('template');
|
return parser?.parseFromString(string, 'text/html').querySelectorAll('*');
|
||||||
template.innerHTML = string.trim();
|
|
||||||
return template.content.childNodes;
|
|
||||||
};
|
};
|
||||||
let parseChunk = (chunk) => {
|
let parseChunk = (chunk) => {
|
||||||
if (Array.isArray(chunk)) return chunk.flat().join('');
|
if (Array.isArray(chunk)) return chunk.flat().join('');
|
||||||
|
|||||||
@@ -1,12 +1,10 @@
|
|||||||
import { defaultKeymap } from '@codemirror/commands';
|
|
||||||
import { Prec } from '@codemirror/state';
|
import { Prec } from '@codemirror/state';
|
||||||
import { keymap, ViewPlugin } from '@codemirror/view';
|
import { keymap, ViewPlugin } from '@codemirror/view';
|
||||||
// import { searchKeymap } from '@codemirror/search';
|
// import { searchKeymap } from '@codemirror/search';
|
||||||
import { emacs } from '@replit/codemirror-emacs';
|
import { emacs } from '@replit/codemirror-emacs';
|
||||||
import { vim, Vim } from '@replit/codemirror-vim';
|
import { vim } from '@replit/codemirror-vim';
|
||||||
// import { vim } from './vim_test.mjs';
|
|
||||||
import { vscodeKeymap } from '@replit/codemirror-vscode-keymap';
|
import { vscodeKeymap } from '@replit/codemirror-vscode-keymap';
|
||||||
import { logger } from '@strudel/core';
|
import { defaultKeymap, historyKeymap } from '@codemirror/commands';
|
||||||
|
|
||||||
const vscodePlugin = ViewPlugin.fromClass(
|
const vscodePlugin = ViewPlugin.fromClass(
|
||||||
class {
|
class {
|
||||||
@@ -20,110 +18,6 @@ const vscodePlugin = ViewPlugin.fromClass(
|
|||||||
);
|
);
|
||||||
const vscodeExtension = (options) => [vscodePlugin].concat(options ?? []);
|
const vscodeExtension = (options) => [vscodePlugin].concat(options ?? []);
|
||||||
|
|
||||||
// Map Vim :w to trigger the same action as evaluation. We dispatch a custom
|
|
||||||
// event 'repl-evaluate' that the editor listens for, and also simulate
|
|
||||||
// Ctrl+Enter/Alt+Enter as a fallback. We log to the Strudel logger so it
|
|
||||||
// appears in the Console panel.
|
|
||||||
try {
|
|
||||||
if (Vim && typeof Vim.defineEx === 'function') {
|
|
||||||
// Map gc to toggle line comments by dispatching a custom event that our
|
|
||||||
// CodeMirror integration listens to. This avoids depending on Vim's
|
|
||||||
// internal actions and works with current selections/visual mode.
|
|
||||||
try {
|
|
||||||
Vim.defineAction('strudelToggleComment', (cm) => {
|
|
||||||
const view = cm?.view || cm;
|
|
||||||
try {
|
|
||||||
const ev = new CustomEvent('repl-toggle-comment', { detail: { source: 'vim', view }, cancelable: true });
|
|
||||||
document.dispatchEvent(ev);
|
|
||||||
} catch (e) {
|
|
||||||
console.error('strudelToggleComment dispatch failed', e);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
Vim.mapCommand('gc', 'action', 'strudelToggleComment', {}, { context: 'normal' });
|
|
||||||
Vim.mapCommand('gc', 'action', 'strudelToggleComment', {}, { context: 'visual' });
|
|
||||||
} catch (e) {
|
|
||||||
console.error('Vim gc mapping failed', e);
|
|
||||||
}
|
|
||||||
|
|
||||||
// :q to pause/stop
|
|
||||||
Vim.defineEx('quit', 'q', (cm) => {
|
|
||||||
try {
|
|
||||||
const view = cm?.view || cm;
|
|
||||||
// First try dispatching our custom stop event, then fallback to Alt+.
|
|
||||||
let handled = false;
|
|
||||||
try {
|
|
||||||
const ev = new CustomEvent('repl-stop', { detail: { source: 'vim', view }, cancelable: true });
|
|
||||||
handled = document.dispatchEvent(ev) === false;
|
|
||||||
} catch (e) {
|
|
||||||
console.error('Error dispatching repl-stop event', e);
|
|
||||||
}
|
|
||||||
if (!handled) {
|
|
||||||
const altDot = new KeyboardEvent('keydown', {
|
|
||||||
key: '.',
|
|
||||||
code: 'Period',
|
|
||||||
altKey: true,
|
|
||||||
bubbles: true,
|
|
||||||
cancelable: true,
|
|
||||||
});
|
|
||||||
view?.dom?.dispatchEvent?.(altDot);
|
|
||||||
}
|
|
||||||
} catch (e) {
|
|
||||||
console.error('Error dispatching :q stop event', e);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// :w to evaluate
|
|
||||||
Vim.defineEx('write', 'w', (cm) => {
|
|
||||||
const view = cm?.view || cm; // CM6 Vim passes either an object with view or the view itself
|
|
||||||
try {
|
|
||||||
view?.focus?.();
|
|
||||||
// Let the app know this came from Vim :w
|
|
||||||
try {
|
|
||||||
logger('[vim] :w — evaluating code');
|
|
||||||
} catch (e) {
|
|
||||||
console.error('Error logging Vim :w evaluation', e);
|
|
||||||
}
|
|
||||||
// Dispatch a dedicated evaluate event first
|
|
||||||
let handled = false;
|
|
||||||
try {
|
|
||||||
const ev = new CustomEvent('repl-evaluate', { detail: { source: 'vim', view }, cancelable: true });
|
|
||||||
handled = document.dispatchEvent(ev) === false; // false means preventDefault was called
|
|
||||||
} catch (e) {
|
|
||||||
console.error('Error dispatching repl-evaluate event', e);
|
|
||||||
}
|
|
||||||
if (handled) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
// Try Ctrl+Enter first if not handled by custom event
|
|
||||||
const ctrlEnter = new KeyboardEvent('keydown', {
|
|
||||||
key: 'Enter',
|
|
||||||
code: 'Enter',
|
|
||||||
ctrlKey: true,
|
|
||||||
bubbles: true,
|
|
||||||
cancelable: true,
|
|
||||||
});
|
|
||||||
view?.dom?.dispatchEvent?.(ctrlEnter);
|
|
||||||
// If not handled (no handler called preventDefault), try Alt+Enter as
|
|
||||||
// fallback
|
|
||||||
if (!ctrlEnter.defaultPrevented) {
|
|
||||||
const altEnter = new KeyboardEvent('keydown', {
|
|
||||||
key: 'Enter',
|
|
||||||
code: 'Enter',
|
|
||||||
altKey: true,
|
|
||||||
bubbles: true,
|
|
||||||
cancelable: true,
|
|
||||||
});
|
|
||||||
view?.dom?.dispatchEvent?.(altEnter);
|
|
||||||
}
|
|
||||||
} catch (e) {
|
|
||||||
console.error('Error dispatching :w evaluation event', e);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
} catch (e) {
|
|
||||||
console.error('Vim ex command setup failed (defineEx missing or Vim unavailable)', e);
|
|
||||||
}
|
|
||||||
|
|
||||||
const keymaps = {
|
const keymaps = {
|
||||||
vim,
|
vim,
|
||||||
emacs,
|
emacs,
|
||||||
@@ -133,5 +27,5 @@ const keymaps = {
|
|||||||
|
|
||||||
export function keybindings(name) {
|
export function keybindings(name) {
|
||||||
const active = keymaps[name];
|
const active = keymaps[name];
|
||||||
return [active ? Prec.high(active()) : []];
|
return [active ? active() : [], keymap.of(historyKeymap)];
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@strudel/codemirror",
|
"name": "@strudel/codemirror",
|
||||||
"version": "1.2.6",
|
"version": "1.2.2",
|
||||||
"description": "Codemirror Extensions for Strudel",
|
"description": "Codemirror Extensions for Strudel",
|
||||||
"main": "index.mjs",
|
"main": "index.mjs",
|
||||||
"publishConfig": {
|
"publishConfig": {
|
||||||
@@ -42,20 +42,14 @@
|
|||||||
"@lezer/highlight": "^1.2.1",
|
"@lezer/highlight": "^1.2.1",
|
||||||
"@nanostores/persistent": "^0.10.2",
|
"@nanostores/persistent": "^0.10.2",
|
||||||
"@replit/codemirror-emacs": "^6.1.0",
|
"@replit/codemirror-emacs": "^6.1.0",
|
||||||
"@replit/codemirror-vim": "^6.3.0",
|
"@replit/codemirror-vim": "^6.2.1",
|
||||||
"@replit/codemirror-vscode-keymap": "^6.0.2",
|
"@replit/codemirror-vscode-keymap": "^6.0.2",
|
||||||
"@strudel/core": "workspace:*",
|
"@strudel/core": "workspace:*",
|
||||||
"@strudel/draw": "workspace:*",
|
"@strudel/draw": "workspace:*",
|
||||||
"@strudel/tonal": "workspace:*",
|
|
||||||
"@strudel/transpiler": "workspace:*",
|
"@strudel/transpiler": "workspace:*",
|
||||||
"@tonaljs/tonal": "^4.10.0",
|
"nanostores": "^0.11.3"
|
||||||
"nanostores": "^0.11.3",
|
|
||||||
"superdough": "workspace:*"
|
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"vite": "^6.0.11"
|
"vite": "^6.0.11"
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=18.0.0"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
import { hoverTooltip } from '@codemirror/view';
|
import { hoverTooltip } from '@codemirror/view';
|
||||||
import jsdoc from '../../doc.json';
|
import jsdoc from '../../doc.json';
|
||||||
import { Autocomplete, getSynonymDoc } from './autocomplete.mjs';
|
import { Autocomplete } from './autocomplete.mjs';
|
||||||
|
|
||||||
const getDocLabel = (doc) => doc.name || doc.longname;
|
const getDocLabel = (doc) => doc.name || doc.longname;
|
||||||
|
|
||||||
@@ -52,11 +52,10 @@ export const strudelTooltip = hoverTooltip(
|
|||||||
let entry = jsdoc.docs.filter((doc) => getDocLabel(doc) === word)[0];
|
let entry = jsdoc.docs.filter((doc) => getDocLabel(doc) === word)[0];
|
||||||
if (!entry) {
|
if (!entry) {
|
||||||
// Try for synonyms
|
// Try for synonyms
|
||||||
const doc = jsdoc.docs.filter((doc) => doc.synonyms && doc.synonyms.includes(word))[0];
|
entry = jsdoc.docs.filter((doc) => doc.synonyms && doc.synonyms.includes(word))[0];
|
||||||
if (!doc) {
|
if (!entry) {
|
||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
entry = getSynonymDoc(doc, word);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
return {
|
return {
|
||||||
@@ -67,7 +66,7 @@ export const strudelTooltip = hoverTooltip(
|
|||||||
create(view) {
|
create(view) {
|
||||||
let dom = document.createElement('div');
|
let dom = document.createElement('div');
|
||||||
dom.className = 'strudel-tooltip';
|
dom.className = 'strudel-tooltip';
|
||||||
const ac = Autocomplete(entry);
|
const ac = Autocomplete({ doc: entry, label: word });
|
||||||
dom.appendChild(ac);
|
dom.appendChild(ac);
|
||||||
return { dom };
|
return { dom };
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -1,11 +1,11 @@
|
|||||||
import { describe, bench } from 'vitest';
|
import { describe, bench } from 'vitest';
|
||||||
|
|
||||||
import { calculateSteps, sequence, stack } from '../index.mjs';
|
import { calculateTactus, sequence, stack } from '../index.mjs';
|
||||||
|
|
||||||
const pat64 = sequence(...Array(64).keys());
|
const pat64 = sequence(...Array(64).keys());
|
||||||
|
|
||||||
describe('steps', () => {
|
describe('steps', () => {
|
||||||
calculateSteps(true);
|
calculateTactus(true);
|
||||||
bench(
|
bench(
|
||||||
'+tactus',
|
'+tactus',
|
||||||
() => {
|
() => {
|
||||||
@@ -14,7 +14,7 @@ describe('steps', () => {
|
|||||||
{ time: 1000 },
|
{ time: 1000 },
|
||||||
);
|
);
|
||||||
|
|
||||||
calculateSteps(false);
|
calculateTactus(false);
|
||||||
bench(
|
bench(
|
||||||
'-tactus',
|
'-tactus',
|
||||||
() => {
|
() => {
|
||||||
@@ -25,7 +25,7 @@ describe('steps', () => {
|
|||||||
});
|
});
|
||||||
|
|
||||||
describe('stack', () => {
|
describe('stack', () => {
|
||||||
calculateSteps(true);
|
calculateTactus(true);
|
||||||
bench(
|
bench(
|
||||||
'+tactus',
|
'+tactus',
|
||||||
() => {
|
() => {
|
||||||
@@ -34,7 +34,7 @@ describe('stack', () => {
|
|||||||
{ time: 1000 },
|
{ time: 1000 },
|
||||||
);
|
);
|
||||||
|
|
||||||
calculateSteps(false);
|
calculateTactus(false);
|
||||||
bench(
|
bench(
|
||||||
'-tactus',
|
'-tactus',
|
||||||
() => {
|
() => {
|
||||||
@@ -43,4 +43,4 @@ describe('stack', () => {
|
|||||||
{ time: 1000 },
|
{ time: 1000 },
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
calculateSteps(true);
|
calculateTactus(true);
|
||||||
|
|||||||
+54
-659
@@ -87,244 +87,10 @@ export function registerControl(names, ...aliases) {
|
|||||||
*/
|
*/
|
||||||
export const { s, sound } = registerControl(['s', 'n', 'gain'], 'sound');
|
export const { s, sound } = registerControl(['s', 'n', 'gain'], 'sound');
|
||||||
|
|
||||||
/**
|
|
||||||
* Position in the wavetable of the wavetable oscillator
|
|
||||||
*
|
|
||||||
* @name wt
|
|
||||||
* @param {number | Pattern} position Position in the wavetable from 0 to 1
|
|
||||||
* @synonyms wavetablePosition
|
|
||||||
* @example
|
|
||||||
* s("squelch").bank("wt_digital").seg(8).note("F1").wt("0 0.25 0.5 0.75 1")
|
|
||||||
*/
|
|
||||||
export const { wt, wavetablePosition } = registerControl('wt', 'wavetablePosition');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Amount of envelope applied wavetable oscillator's position envelope
|
|
||||||
*
|
|
||||||
* @name wtenv
|
|
||||||
* @param {number | Pattern} amount between 0 and 1
|
|
||||||
*/
|
|
||||||
export const { wtenv } = registerControl('wtenv');
|
|
||||||
/**
|
|
||||||
* Attack time of the wavetable oscillator's position envelope
|
|
||||||
*
|
|
||||||
* @name wtattack
|
|
||||||
* @synonyms wtatt
|
|
||||||
* @param {number | Pattern} time attack time in seconds
|
|
||||||
*/
|
|
||||||
export const { wtattack, wtatt } = registerControl('wtattack', 'wtatt');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Decay time of the wavetable oscillator's position envelope
|
|
||||||
*
|
|
||||||
* @name wtdecay
|
|
||||||
* @synonyms wtdec
|
|
||||||
* @param {number | Pattern} time decay time in seconds
|
|
||||||
*/
|
|
||||||
export const { wtdecay, wtdec } = registerControl('wtdecay', 'wtdec');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Sustain time of the wavetable oscillator's position envelope
|
|
||||||
*
|
|
||||||
* @name wtsustain
|
|
||||||
* @synonyms wtsus
|
|
||||||
* @param {number | Pattern} gain sustain level (0 to 1)
|
|
||||||
*/
|
|
||||||
export const { wtsustain, wtsus } = registerControl('wtsustain', 'wtsus');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Release time of the wavetable oscillator's position envelope
|
|
||||||
*
|
|
||||||
* @name wtrelease
|
|
||||||
* @synonyms wtrel
|
|
||||||
* @param {number | Pattern} time release time in seconds
|
|
||||||
*/
|
|
||||||
export const { wtrelease, wtrel } = registerControl('wtrelease', 'wtrel');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Rate of the LFO for the wavetable oscillator's position
|
|
||||||
*
|
|
||||||
* @name wtrate
|
|
||||||
* @param {number | Pattern} rate rate in hertz
|
|
||||||
*/
|
|
||||||
export const { wtrate } = registerControl('wtrate');
|
|
||||||
/**
|
|
||||||
* cycle synced rate of the LFO for the wavetable oscillator's position
|
|
||||||
*
|
|
||||||
* @name wtsync
|
|
||||||
* @param {number | Pattern} rate rate in cycles
|
|
||||||
*/
|
|
||||||
export const { wtsync } = registerControl('wtsync');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Depth of the LFO for the wavetable oscillator's position
|
|
||||||
*
|
|
||||||
* @name wtdepth
|
|
||||||
* @param {number | Pattern} depth depth of modulation
|
|
||||||
*/
|
|
||||||
export const { wtdepth } = registerControl('wtdepth');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Shape of the LFO for the wavetable oscillator's position
|
|
||||||
*
|
|
||||||
* @name wtshape
|
|
||||||
* @param {number | Pattern} shape Shape of the lfo (0, 1, 2, ..)
|
|
||||||
*/
|
|
||||||
export const { wtshape } = registerControl('wtshape');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* DC offset of the LFO for the wavetable oscillator's position
|
|
||||||
*
|
|
||||||
* @name wtdc
|
|
||||||
* @param {number | Pattern} dcoffset dc offset. set to 0 for unipolar
|
|
||||||
*/
|
|
||||||
export const { wtdc } = registerControl('wtdc');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Skew of the LFO for the wavetable oscillator's position
|
|
||||||
*
|
|
||||||
* @name wtskew
|
|
||||||
* @param {number | Pattern} skew How much to bend the LFO shape
|
|
||||||
*/
|
|
||||||
export const { wtskew } = registerControl('wtskew');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Amount of warp (alteration of the waveform) to apply to the wavetable oscillator
|
|
||||||
*
|
|
||||||
* @name warp
|
|
||||||
* @param {number | Pattern} amount Warp of the wavetable from 0 to 1
|
|
||||||
* @synonyms wavetableWarp
|
|
||||||
* @example
|
|
||||||
* s("basique").bank("wt_digital").seg(8).note("F1").warp("0 0.25 0.5 0.75 1")
|
|
||||||
* .warpmode("spin")
|
|
||||||
*/
|
|
||||||
export const { warp, wavetableWarp } = registerControl('warp', 'wavetableWarp');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Attack time of the wavetable oscillator's warp envelope
|
|
||||||
*
|
|
||||||
* @name warpattack
|
|
||||||
* @synonyms warpatt
|
|
||||||
* @param {number | Pattern} time attack time in seconds
|
|
||||||
*/
|
|
||||||
export const { warpattack, warpatt } = registerControl('warpattack', 'warpatt');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Decay time of the wavetable oscillator's warp envelope
|
|
||||||
*
|
|
||||||
* @name warpdecay
|
|
||||||
* @synonyms warpdec
|
|
||||||
* @param {number | Pattern} time decay time in seconds
|
|
||||||
*/
|
|
||||||
export const { warpdecay, warpdec } = registerControl('warpdecay', 'warpdec');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Sustain time of the wavetable oscillator's warp envelope
|
|
||||||
*
|
|
||||||
* @name warpsustain
|
|
||||||
* @synonyms warpsus
|
|
||||||
* @param {number | Pattern} gain sustain level (0 to 1)
|
|
||||||
*/
|
|
||||||
export const { warpsustain, warpsus } = registerControl('warpsustain', 'warpsus');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Release time of the wavetable oscillator's warp envelope
|
|
||||||
*
|
|
||||||
* @name warprelease
|
|
||||||
* @synonyms warprel
|
|
||||||
* @param {number | Pattern} time release time in seconds
|
|
||||||
*/
|
|
||||||
export const { warprelease, warprel } = registerControl('warprelease', 'warprel');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Rate of the LFO for the wavetable oscillator's warp
|
|
||||||
*
|
|
||||||
* @name warprate
|
|
||||||
* @param {number | Pattern} rate rate in hertz
|
|
||||||
*/
|
|
||||||
export const { warprate } = registerControl('warprate');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Depth of the LFO for the wavetable oscillator's warp
|
|
||||||
*
|
|
||||||
* @name warpdepth
|
|
||||||
* @param {number | Pattern} depth depth of modulation
|
|
||||||
*/
|
|
||||||
export const { warpdepth } = registerControl('warpdepth');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Shape of the LFO for the wavetable oscillator's warp
|
|
||||||
*
|
|
||||||
* @name warpshape
|
|
||||||
* @param {number | Pattern} shape Shape of the lfo (0, 1, 2, ..)
|
|
||||||
*/
|
|
||||||
export const { warpshape } = registerControl('warpshape');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* DC offset of the LFO for the wavetable oscillator's warp
|
|
||||||
*
|
|
||||||
* @name warpdc
|
|
||||||
* @param {number | Pattern} dcoffset dc offset. set to 0 for unipolar
|
|
||||||
*/
|
|
||||||
export const { warpdc } = registerControl('warpdc');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Skew of the LFO for the wavetable oscillator's warp
|
|
||||||
*
|
|
||||||
* @name warpskew
|
|
||||||
* @param {number | Pattern} skew How much to bend the LFO shape
|
|
||||||
*/
|
|
||||||
export const { warpskew } = registerControl('warpskew');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Type of warp (alteration of the waveform) to apply to the wavetable oscillator.
|
|
||||||
*
|
|
||||||
* The current options are: none, asym, bendp, bendm, bendmp, sync, quant, fold, pwm, orbit,
|
|
||||||
* spin, chaos, primes, binary, brownian, reciprocal, wormhole, logistic, sigmoid, fractal, flip
|
|
||||||
*
|
|
||||||
* @name warpmode
|
|
||||||
* @param {number | string | Pattern} mode Warp mode
|
|
||||||
* @synonyms wavetableWarpMode
|
|
||||||
* @example
|
|
||||||
* s("morgana").bank("wt_digital").seg(8).note("F1").warp("0 0.25 0.5 0.75 1")
|
|
||||||
* .warpmode("<asym bendp spin logistic sync wormhole brownian>*2")
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
export const { warpmode, wavetableWarpMode } = registerControl('warpmode', 'wavetableWarpMode');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Amount of randomness of the initial phase of the wavetable oscillator.
|
|
||||||
*
|
|
||||||
* @name wtphaserand
|
|
||||||
* @param {number | Pattern} amount Randomness of the initial phase. Between 0 (not random) and 1 (fully random)
|
|
||||||
* @synonyms wavetablePhaseRand
|
|
||||||
* @example
|
|
||||||
* s("basique").bank("wt_digital").seg(16).wtphaserand("<0 1>")
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
export const { wtphaserand, wavetablePhaseRand } = registerControl('wtphaserand', 'wavetablePhaseRand');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Amount of envelope applied wavetable oscillator's position envelope
|
|
||||||
*
|
|
||||||
* @name warpenv
|
|
||||||
* @param {number | Pattern} amount between 0 and 1
|
|
||||||
*/
|
|
||||||
export const { warpenv } = registerControl('warpenv');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* cycle synced rate of the LFO for the wavetable warp position
|
|
||||||
*
|
|
||||||
* @name warpsync
|
|
||||||
* @param {number | Pattern} rate rate in cycles
|
|
||||||
*/
|
|
||||||
export const { warpsync } = registerControl('warpsync');
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Define a custom webaudio node to use as a sound source.
|
* Define a custom webaudio node to use as a sound source.
|
||||||
*
|
*
|
||||||
* @name source
|
* @name source
|
||||||
* @synonyms src
|
|
||||||
* @param {function} getSource
|
* @param {function} getSource
|
||||||
* @synonyms src
|
* @synonyms src
|
||||||
*
|
*
|
||||||
@@ -347,7 +113,7 @@ export const { n } = registerControl('n');
|
|||||||
*
|
*
|
||||||
* - a letter (a-g or A-G)
|
* - a letter (a-g or A-G)
|
||||||
* - optional accidentals (b or #)
|
* - optional accidentals (b or #)
|
||||||
* - optional (possibly negative) octave number (0-9). Defaults to 3
|
* - optional octave number (0-9). Defaults to 3
|
||||||
*
|
*
|
||||||
* Examples of valid note names: `c`, `bb`, `Bb`, `f#`, `c3`, `A4`, `Eb2`, `c#5`
|
* Examples of valid note names: `c`, `bb`, `Bb`, `f#`, `c3`, `A4`, `Eb2`, `c#5`
|
||||||
*
|
*
|
||||||
@@ -360,8 +126,6 @@ export const { n } = registerControl('n');
|
|||||||
* note("c4 a4 f4 e4")
|
* note("c4 a4 f4 e4")
|
||||||
* @example
|
* @example
|
||||||
* note("60 69 65 64")
|
* note("60 69 65 64")
|
||||||
* @example
|
|
||||||
* note("fbb1 a#0 cbbb-1 e##-2").sound("saw")
|
|
||||||
*/
|
*/
|
||||||
export const { note } = registerControl(['note', 'n']);
|
export const { note } = registerControl(['note', 'n']);
|
||||||
|
|
||||||
@@ -377,8 +141,8 @@ export const { note } = registerControl(['note', 'n']);
|
|||||||
*/
|
*/
|
||||||
export const { accelerate } = registerControl('accelerate');
|
export const { accelerate } = registerControl('accelerate');
|
||||||
/**
|
/**
|
||||||
* Sets the velocity from 0 to 1. Is multiplied together with gain.
|
|
||||||
*
|
*
|
||||||
|
* Sets the velocity from 0 to 1. Is multiplied together with gain.
|
||||||
* @name velocity
|
* @name velocity
|
||||||
* @example
|
* @example
|
||||||
* s("hh*8")
|
* s("hh*8")
|
||||||
@@ -488,20 +252,6 @@ export const { fmenv } = registerControl('fmenv');
|
|||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
export const { fmattack } = registerControl('fmattack');
|
export const { fmattack } = registerControl('fmattack');
|
||||||
|
|
||||||
/**
|
|
||||||
* Waveform of the fm modulator
|
|
||||||
*
|
|
||||||
* @name fmwave
|
|
||||||
* @param {number | Pattern} wave waveform
|
|
||||||
* @example
|
|
||||||
* n("0 1 2 3".fast(4)).scale("d:minor").s("sine").fmwave("<sine square sawtooth crackle>").fm(4).fmh(2.01)
|
|
||||||
* @example
|
|
||||||
* n("0 1 2 3".fast(4)).chord("<Dm Am F G>").voicing().s("sawtooth").fmwave("brown").fm(.6)
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
export const { fmwave } = registerControl('fmwave');
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Decay time for the FM envelope: seconds until the sustain level is reached after the attack phase.
|
* Decay time for the FM envelope: seconds until the sustain level is reached after the attack phase.
|
||||||
*
|
*
|
||||||
@@ -545,17 +295,6 @@ export const { fmvelocity } = registerControl('fmvelocity');
|
|||||||
*/
|
*/
|
||||||
export const { bank } = registerControl('bank');
|
export const { bank } = registerControl('bank');
|
||||||
|
|
||||||
/**
|
|
||||||
* mix control for the chorus effect
|
|
||||||
*
|
|
||||||
* @name chorus
|
|
||||||
* @param {string | Pattern} chorus mix amount between 0 and 1
|
|
||||||
* @example
|
|
||||||
* note("d d a# a").s("sawtooth").chorus(.5)
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
export const { chorus } = registerControl('chorus');
|
|
||||||
|
|
||||||
// analyser node send amount 0 - 1 (used by scope)
|
// analyser node send amount 0 - 1 (used by scope)
|
||||||
export const { analyze } = registerControl('analyze');
|
export const { analyze } = registerControl('analyze');
|
||||||
// fftSize of analyser
|
// fftSize of analyser
|
||||||
@@ -567,7 +306,6 @@ export const { fft } = registerControl('fft');
|
|||||||
*
|
*
|
||||||
* @name decay
|
* @name decay
|
||||||
* @param {number | Pattern} time decay time in seconds
|
* @param {number | Pattern} time decay time in seconds
|
||||||
* @synonyms dec
|
|
||||||
* @example
|
* @example
|
||||||
* note("c3 e3 f3 g3").decay("<.1 .2 .3 .4>").sustain(0)
|
* note("c3 e3 f3 g3").decay("<.1 .2 .3 .4>").sustain(0)
|
||||||
*
|
*
|
||||||
@@ -624,7 +362,7 @@ export const { bandf, bpf, bp } = registerControl(['bandf', 'bandq', 'bpenv'], '
|
|||||||
// ['bpq'],
|
// ['bpq'],
|
||||||
export const { bandq, bpq } = registerControl('bandq', 'bpq');
|
export const { bandq, bpq } = registerControl('bandq', 'bpq');
|
||||||
/**
|
/**
|
||||||
* A pattern of numbers from 0 to 1. Skips the beginning of each sample, e.g. `0.25` to cut off the first quarter from each sample.
|
* a pattern of numbers from 0 to 1. Skips the beginning of each sample, e.g. `0.25` to cut off the first quarter from each sample.
|
||||||
*
|
*
|
||||||
* @memberof Pattern
|
* @memberof Pattern
|
||||||
* @name begin
|
* @name begin
|
||||||
@@ -685,7 +423,7 @@ export const { loopBegin, loopb } = registerControl('loopBegin', 'loopb');
|
|||||||
*/
|
*/
|
||||||
export const { loopEnd, loope } = registerControl('loopEnd', 'loope');
|
export const { loopEnd, loope } = registerControl('loopEnd', 'loope');
|
||||||
/**
|
/**
|
||||||
* Bit crusher effect.
|
* bit crusher effect.
|
||||||
*
|
*
|
||||||
* @name crush
|
* @name crush
|
||||||
* @param {number | Pattern} depth between 1 (for drastic reduction in bit-depth) to 16 (for barely no reduction).
|
* @param {number | Pattern} depth between 1 (for drastic reduction in bit-depth) to 16 (for barely no reduction).
|
||||||
@@ -696,7 +434,7 @@ export const { loopEnd, loope } = registerControl('loopEnd', 'loope');
|
|||||||
// ['clhatdecay'],
|
// ['clhatdecay'],
|
||||||
export const { crush } = registerControl('crush');
|
export const { crush } = registerControl('crush');
|
||||||
/**
|
/**
|
||||||
* Fake-resampling for lowering the sample rate. Caution: This effect seems to only work in chromium based browsers
|
* fake-resampling for lowering the sample rate. Caution: This effect seems to only work in chromium based browsers
|
||||||
*
|
*
|
||||||
* @name coarse
|
* @name coarse
|
||||||
* @param {number | Pattern} factor 1 for original 2 for half, 3 for a third and so on.
|
* @param {number | Pattern} factor 1 for original 2 for half, 3 for a third and so on.
|
||||||
@@ -707,7 +445,7 @@ export const { crush } = registerControl('crush');
|
|||||||
export const { coarse } = registerControl('coarse');
|
export const { coarse } = registerControl('coarse');
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Modulate the amplitude of a sound with a continuous waveform
|
* modulate the amplitude of a sound with a continuous waveform
|
||||||
*
|
*
|
||||||
* @name tremolo
|
* @name tremolo
|
||||||
* @synonyms trem
|
* @synonyms trem
|
||||||
@@ -719,7 +457,7 @@ export const { coarse } = registerControl('coarse');
|
|||||||
export const { tremolo } = registerControl(['tremolo', 'tremolodepth', 'tremoloskew', 'tremolophase'], 'trem');
|
export const { tremolo } = registerControl(['tremolo', 'tremolodepth', 'tremoloskew', 'tremolophase'], 'trem');
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Modulate the amplitude of a sound with a continuous waveform
|
* modulate the amplitude of a sound with a continuous waveform
|
||||||
*
|
*
|
||||||
* @name tremolosync
|
* @name tremolosync
|
||||||
* @synonyms tremsync
|
* @synonyms tremsync
|
||||||
@@ -734,7 +472,7 @@ export const { tremolosync } = registerControl(
|
|||||||
);
|
);
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Depth of amplitude modulation
|
* depth of amplitude modulation
|
||||||
*
|
*
|
||||||
* @name tremolodepth
|
* @name tremolodepth
|
||||||
* @synonyms tremdepth
|
* @synonyms tremdepth
|
||||||
@@ -745,7 +483,7 @@ export const { tremolosync } = registerControl(
|
|||||||
*/
|
*/
|
||||||
export const { tremolodepth } = registerControl('tremolodepth', 'tremdepth');
|
export const { tremolodepth } = registerControl('tremolodepth', 'tremdepth');
|
||||||
/**
|
/**
|
||||||
* Alter the shape of the modulation waveform
|
* alter the shape of the modulation waveform
|
||||||
*
|
*
|
||||||
* @name tremoloskew
|
* @name tremoloskew
|
||||||
* @synonyms tremskew
|
* @synonyms tremskew
|
||||||
@@ -757,7 +495,7 @@ export const { tremolodepth } = registerControl('tremolodepth', 'tremdepth');
|
|||||||
export const { tremoloskew } = registerControl('tremoloskew', 'tremskew');
|
export const { tremoloskew } = registerControl('tremoloskew', 'tremskew');
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Alter the phase of the modulation waveform
|
* alter the phase of the modulation waveform
|
||||||
*
|
*
|
||||||
* @name tremolophase
|
* @name tremolophase
|
||||||
* @synonyms tremphase
|
* @synonyms tremphase
|
||||||
@@ -769,10 +507,9 @@ export const { tremoloskew } = registerControl('tremoloskew', 'tremskew');
|
|||||||
export const { tremolophase } = registerControl('tremolophase', 'tremphase');
|
export const { tremolophase } = registerControl('tremolophase', 'tremphase');
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Shape of amplitude modulation
|
* shape of amplitude modulation
|
||||||
*
|
*
|
||||||
* @name tremoloshape
|
* @name tremoloshape
|
||||||
* @synonyms tremshape
|
|
||||||
* @param {number | Pattern} shape tri | square | sine | saw | ramp
|
* @param {number | Pattern} shape tri | square | sine | saw | ramp
|
||||||
* @example
|
* @example
|
||||||
* note("{f g c d}%16").tremsync(4).tremoloshape("<sine tri square>").s("sawtooth")
|
* note("{f g c d}%16").tremsync(4).tremoloshape("<sine tri square>").s("sawtooth")
|
||||||
@@ -780,7 +517,7 @@ export const { tremolophase } = registerControl('tremolophase', 'tremphase');
|
|||||||
*/
|
*/
|
||||||
export const { tremoloshape } = registerControl('tremoloshape', 'tremshape');
|
export const { tremoloshape } = registerControl('tremoloshape', 'tremshape');
|
||||||
/**
|
/**
|
||||||
* Filter overdrive for supported filter types
|
* filter overdrive for supported filter types
|
||||||
*
|
*
|
||||||
* @name drive
|
* @name drive
|
||||||
* @param {number | Pattern} amount
|
* @param {number | Pattern} amount
|
||||||
@@ -788,94 +525,32 @@ export const { tremoloshape } = registerControl('tremoloshape', 'tremshape');
|
|||||||
* note("{f g g c d a a#}%16".sub(17)).s("supersaw").lpenv(8).lpf(150).lpq(.8).ftype('ladder').drive("<.5 4>")
|
* note("{f g g c d a a#}%16".sub(17)).s("supersaw").lpenv(8).lpf(150).lpq(.8).ftype('ladder').drive("<.5 4>")
|
||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
// TODO: SUPRADOUGH implement post orbit "pump" sidechain effect
|
||||||
|
// /**
|
||||||
|
// * modulate the amplitude of an orbit to create a "sidechain" like effect
|
||||||
|
// *
|
||||||
|
// * @name pump
|
||||||
|
// * @param {number | Pattern} speed modulation speed in cycles
|
||||||
|
// * @example
|
||||||
|
// * note("{f g c d}%16").s("sawtooth").pump(".25:.75")
|
||||||
|
// *
|
||||||
|
// */
|
||||||
|
// export const { pump } = registerControl(['pump', 'pumpdepth']);
|
||||||
|
|
||||||
|
// /**
|
||||||
|
// * modulate the amplitude of an orbit to create a "sidechain" like effect
|
||||||
|
// *
|
||||||
|
// * @name pumpdepth
|
||||||
|
// * @param {number | Pattern} depth depth of modulation from 0 to 1
|
||||||
|
// * @example
|
||||||
|
// * note("{f g c d}%16").s("sawtooth").pump(".25").depth("<.25 .5 .75 1>")
|
||||||
|
// *
|
||||||
|
// */
|
||||||
|
// export const { pumpdepth } = registerControl('pumpdepth');
|
||||||
|
|
||||||
export const { drive } = registerControl('drive');
|
export const { drive } = registerControl('drive');
|
||||||
|
|
||||||
/**
|
|
||||||
* Modulate the amplitude of an orbit to create a "sidechain" like effect.
|
|
||||||
*
|
|
||||||
* Can be applied to multiple orbits with the ':' mininotation, e.g. `duckorbit("2:3")`
|
|
||||||
*
|
|
||||||
* @name duckorbit
|
|
||||||
* @synonyms duck
|
|
||||||
* @param {number | Pattern} orbit target orbit
|
|
||||||
* @example
|
|
||||||
* $: n(run(16)).scale("c:minor:pentatonic").s("sawtooth").delay(.7).orbit(2)
|
|
||||||
* $: s("bd:4!4").beat("0,4,8,11,14",16).duckorbit(2).duckattack(0.2).duckdepth(1)
|
|
||||||
* @example
|
|
||||||
* $: n(run(16)).scale("c:minor:pentatonic").s("sawtooth").delay(.7).orbit(2)
|
|
||||||
* $: s("hh*16").orbit(3)
|
|
||||||
* $: s("bd:4!4").beat("0,4,8,11,14",16).duckorbit("2:3").duckattack(0.2).duckdepth(1)
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
export const { duck } = registerControl('duckorbit', 'duck');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The amount of ducking applied to target orbit
|
|
||||||
*
|
|
||||||
* Can vary across orbits with the ':' mininotation, e.g. `duckdepth("0.3:0.1")`.
|
|
||||||
* Note: this requires first applying the effect to multiple orbits with e.g. `duckorbit("2:3")`.
|
|
||||||
*
|
|
||||||
* @name duckdepth
|
|
||||||
* @param {number | Pattern} depth depth of modulation from 0 to 1
|
|
||||||
* @example
|
|
||||||
* stack( n(run(8)).scale("c:minor").s("sawtooth").delay(.7).orbit(2), s("bd:4!4").beat("0,4,8,11,14",16).duckorbit(2).duckattack(0.2).duckdepth("<1 .9 .6 0>"))
|
|
||||||
* @example
|
|
||||||
* $: n(run(16)).scale("c:minor:pentatonic").s("sawtooth").delay(.7).orbit(2)
|
|
||||||
* $: s("hh*16").orbit(3)
|
|
||||||
* $: s("bd:4!4").beat("0,4,8,11,14",16).duckorbit("2:3").duckattack(0.2).duckdepth("1:0.5")
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
export const { duckdepth } = registerControl('duckdepth');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The time required for the ducked signal(s) to reach their lowest volume.
|
|
||||||
* Can be used to prevent clicking or for creative rhythmic effects.
|
|
||||||
*
|
|
||||||
* Can vary across orbits with the ':' mininotation, e.g. `duckonset("0:0.003")`.
|
|
||||||
* Note: this requires first applying the effect to multiple orbits with e.g. `duckorbit("2:3")`.
|
|
||||||
*
|
|
||||||
* @name duckonset
|
|
||||||
* @synonyms duckons
|
|
||||||
*
|
|
||||||
* @param {number | Pattern} time The onset time in seconds
|
|
||||||
* @example
|
|
||||||
* // Clicks
|
|
||||||
* sound: freq("63.2388").s("sine").orbit(2).gain(4)
|
|
||||||
* duckerWithClick: s("bd*4").duckorbit(2).duckattack(0.3).duckonset(0).postgain(0)
|
|
||||||
* @example
|
|
||||||
* // No clicks
|
|
||||||
* sound: freq("63.2388").s("sine").orbit(2).gain(4)
|
|
||||||
* duckerWithoutClick: s("bd*4").duckorbit(2).duckattack(0.3).duckonset(0.01).postgain(0)
|
|
||||||
* @example
|
|
||||||
* // Rhythmic
|
|
||||||
* noise: s("pink").distort("2:1").orbit(4) // used rhythmically with 0.3 onset below
|
|
||||||
* hhat: s("hh*16").orbit(7)
|
|
||||||
* ducker: s("bd*4").bank("tr909").duckorbit("4:7").duckonset("0.3:0.003").duckattack(0.25)
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
export const { duckonset } = registerControl('duckonset', 'duckons');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The time required for the ducked signal(s) to return to their normal volume.
|
|
||||||
*
|
|
||||||
* Can vary across orbits with the ':' mininotation, e.g. `duckonset("0:0.003")`.
|
|
||||||
* Note: this requires first applying the effect to multiple orbits with e.g. `duckorbit("2:3")`.
|
|
||||||
*
|
|
||||||
* @name duckattack
|
|
||||||
* @synonyms duckatt
|
|
||||||
*
|
|
||||||
* @param {number | Pattern} time The attack time in seconds
|
|
||||||
* @example
|
|
||||||
* sound: n(run(8)).scale("c:minor").s("sawtooth").delay(.7).orbit(2)
|
|
||||||
* ducker: s("bd:4!4").beat("0,4,8,11,14",16).duckorbit(2).duckattack("<0.2 0 0.4>").duckdepth(1)
|
|
||||||
* @example
|
|
||||||
* moreduck: n(run(8)).scale("c:minor").s("sawtooth").delay(.7).orbit(2)
|
|
||||||
* lessduck: s("hh*16").orbit(5)
|
|
||||||
* ducker: s("bd:4!4").beat("0,4,8,11,14",16).duckorbit("2:5").duckattack("0.4:0.1")
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
export const { duckattack } = registerControl('duckattack', 'duckatt');
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Create byte beats with custom expressions
|
* Create byte beats with custom expressions
|
||||||
*
|
*
|
||||||
@@ -916,7 +591,7 @@ export const { byteBeatStartTime, bbst } = registerControl('byteBeatStartTime',
|
|||||||
export const { channels, ch } = registerControl('channels', 'ch');
|
export const { channels, ch } = registerControl('channels', 'ch');
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Controls the pulsewidth of the pulse oscillator
|
* controls the pulsewidth of the pulse oscillator
|
||||||
*
|
*
|
||||||
* @name pw
|
* @name pw
|
||||||
* @param {number | Pattern} pulsewidth
|
* @param {number | Pattern} pulsewidth
|
||||||
@@ -928,7 +603,7 @@ export const { channels, ch } = registerControl('channels', 'ch');
|
|||||||
export const { pw } = registerControl(['pw', 'pwrate', 'pwsweep']);
|
export const { pw } = registerControl(['pw', 'pwrate', 'pwsweep']);
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Controls the lfo rate for the pulsewidth of the pulse oscillator
|
* controls the lfo rate for the pulsewidth of the pulse oscillator
|
||||||
*
|
*
|
||||||
* @name pwrate
|
* @name pwrate
|
||||||
* @param {number | Pattern} rate
|
* @param {number | Pattern} rate
|
||||||
@@ -940,7 +615,7 @@ export const { pw } = registerControl(['pw', 'pwrate', 'pwsweep']);
|
|||||||
export const { pwrate } = registerControl('pwrate');
|
export const { pwrate } = registerControl('pwrate');
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Controls the lfo sweep for the pulsewidth of the pulse oscillator
|
* controls the lfo sweep for the pulsewidth of the pulse oscillator
|
||||||
*
|
*
|
||||||
* @name pwsweep
|
* @name pwsweep
|
||||||
* @param {number | Pattern} sweep
|
* @param {number | Pattern} sweep
|
||||||
@@ -998,7 +673,7 @@ export const { phasercenter, phc } = registerControl('phasercenter', 'phc');
|
|||||||
* The amount the signal is affected by the phaser effect. Defaults to 0.75
|
* The amount the signal is affected by the phaser effect. Defaults to 0.75
|
||||||
*
|
*
|
||||||
* @name phaserdepth
|
* @name phaserdepth
|
||||||
* @synonyms phd, phasdp
|
* @synonyms phd
|
||||||
* @param {number | Pattern} depth number between 0 and 1
|
* @param {number | Pattern} depth number between 0 and 1
|
||||||
* @example
|
* @example
|
||||||
* n(run(8)).scale("D:pentatonic").s("sawtooth").release(0.5)
|
* n(run(8)).scale("D:pentatonic").s("sawtooth").release(0.5)
|
||||||
@@ -1009,7 +684,7 @@ export const { phasercenter, phc } = registerControl('phasercenter', 'phc');
|
|||||||
export const { phaserdepth, phd, phasdp } = registerControl('phaserdepth', 'phd', 'phasdp');
|
export const { phaserdepth, phd, phasdp } = registerControl('phaserdepth', 'phd', 'phasdp');
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Choose the channel the pattern is sent to in superdirt
|
* choose the channel the pattern is sent to in superdirt
|
||||||
*
|
*
|
||||||
* @name channel
|
* @name channel
|
||||||
* @param {number | Pattern} channel channel number
|
* @param {number | Pattern} channel channel number
|
||||||
@@ -1288,151 +963,6 @@ export const { fanchor } = registerControl('fanchor');
|
|||||||
*/
|
*/
|
||||||
// currently an alias of 'hcutoff' https://codeberg.org/uzu/strudel/issues/496
|
// currently an alias of 'hcutoff' https://codeberg.org/uzu/strudel/issues/496
|
||||||
// ['hpf'],
|
// ['hpf'],
|
||||||
|
|
||||||
/**
|
|
||||||
* Rate of the LFO for the lowpass filter
|
|
||||||
*
|
|
||||||
* @name lprate
|
|
||||||
* @param {number | Pattern} rate rate in hertz
|
|
||||||
*/
|
|
||||||
export const { lprate } = registerControl('lprate');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Cycle-synced rate of the LFO for the lowpass filter
|
|
||||||
*
|
|
||||||
* @name lpsync
|
|
||||||
* @param {number | Pattern} rate rate in cycles
|
|
||||||
*/
|
|
||||||
export const { lpsync } = registerControl('lpsync');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Depth of the LFO for the lowpass filter
|
|
||||||
*
|
|
||||||
* @name lpdepth
|
|
||||||
* @param {number | Pattern} depth depth of modulation
|
|
||||||
*/
|
|
||||||
export const { lpdepth } = registerControl('lpdepth');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Shape of the LFO for the lowpass filter
|
|
||||||
*
|
|
||||||
* @name lpshape
|
|
||||||
* @param {number | Pattern} shape Shape of the lfo (0, 1, 2, ..)
|
|
||||||
*/
|
|
||||||
export const { lpshape } = registerControl('lpshape');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* DC offset of the LFO for the lowpass filter
|
|
||||||
*
|
|
||||||
* @name lpdc
|
|
||||||
* @param {number | Pattern} dcoffset dc offset. set to 0 for unipolar
|
|
||||||
*/
|
|
||||||
export const { lpdc } = registerControl('lpdc');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Skew of the LFO for the lowpass filter
|
|
||||||
*
|
|
||||||
* @name lpskew
|
|
||||||
* @param {number | Pattern} skew How much to bend the LFO shape
|
|
||||||
*/
|
|
||||||
export const { lpskew } = registerControl('lpskew');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Rate of the LFO for the bandpass filter
|
|
||||||
*
|
|
||||||
* @name bprate
|
|
||||||
* @param {number | Pattern} rate rate in hertz
|
|
||||||
*/
|
|
||||||
export const { bprate } = registerControl('bprate');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Cycle-synced rate of the LFO for the bandpass filter
|
|
||||||
*
|
|
||||||
* @name bpsync
|
|
||||||
* @param {number | Pattern} rate rate in cycles
|
|
||||||
*/
|
|
||||||
export const { bpsync } = registerControl('bpsync');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Depth of the LFO for the bandpass filter
|
|
||||||
*
|
|
||||||
* @name bpdepth
|
|
||||||
* @param {number | Pattern} depth depth of modulation
|
|
||||||
*/
|
|
||||||
export const { bpdepth } = registerControl('bpdepth');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Shape of the LFO for the bandpass filter
|
|
||||||
*
|
|
||||||
* @name bpshape
|
|
||||||
* @param {number | Pattern} shape Shape of the lfo (0, 1, 2, ..)
|
|
||||||
*/
|
|
||||||
export const { bpshape } = registerControl('bpshape');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* DC offset of the LFO for the bandpass filter
|
|
||||||
*
|
|
||||||
* @name bpdc
|
|
||||||
* @param {number | Pattern} dcoffset dc offset. set to 0 for unipolar
|
|
||||||
*/
|
|
||||||
export const { bpdc } = registerControl('bpdc');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Skew of the LFO for the bandpass filter
|
|
||||||
*
|
|
||||||
* @name bpskew
|
|
||||||
* @param {number | Pattern} skew How much to bend the LFO shape
|
|
||||||
*/
|
|
||||||
export const { bpskew } = registerControl('bpskew');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Rate of the LFO for the highpass filter
|
|
||||||
*
|
|
||||||
* @name hprate
|
|
||||||
* @param {number | Pattern} rate rate in hertz
|
|
||||||
*/
|
|
||||||
export const { hprate } = registerControl('hprate');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Cycle-synced rate of the LFO for the highpass filter
|
|
||||||
*
|
|
||||||
* @name hpsync
|
|
||||||
* @param {number | Pattern} rate rate in cycles
|
|
||||||
*/
|
|
||||||
export const { hpsync } = registerControl('hpsync');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Depth of the LFO for the highpass filter
|
|
||||||
*
|
|
||||||
* @name hpdepth
|
|
||||||
* @param {number | Pattern} depth depth of modulation
|
|
||||||
*/
|
|
||||||
export const { hpdepth } = registerControl('hpdepth');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Shape of the LFO for the highpass filter
|
|
||||||
*
|
|
||||||
* @name hpshape
|
|
||||||
* @param {number | Pattern} shape Shape of the lfo (0, 1, 2, ..)
|
|
||||||
*/
|
|
||||||
export const { hpshape } = registerControl('hpshape');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* DC offset of the LFO for the highpass filter
|
|
||||||
*
|
|
||||||
* @name hpdc
|
|
||||||
* @param {number | Pattern} dcoffset dc offset. set to 0 for unipolar
|
|
||||||
*/
|
|
||||||
export const { hpdc } = registerControl('hpdc');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Skew of the LFO for the highpass filter
|
|
||||||
*
|
|
||||||
* @name hpskew
|
|
||||||
* @param {number | Pattern} skew How much to bend the LFO shape
|
|
||||||
*/
|
|
||||||
export const { hpskew } = registerControl('hpskew');
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Applies a vibrato to the frequency of the oscillator.
|
* Applies a vibrato to the frequency of the oscillator.
|
||||||
*
|
*
|
||||||
@@ -1506,7 +1036,7 @@ export const { resonance, lpq } = registerControl('resonance', 'lpq');
|
|||||||
* @name djf
|
* @name djf
|
||||||
* @param {number | Pattern} cutoff below 0.5 is low pass filter, above is high pass filter
|
* @param {number | Pattern} cutoff below 0.5 is low pass filter, above is high pass filter
|
||||||
* @example
|
* @example
|
||||||
* n(irand(16).seg(8)).scale("d:phrygian").s("supersaw").djf("<.5 .3 .2 .75>")
|
* n("0 3 7 [10,24]").s('superzow').octave(3).djf("<.5 .25 .5 .75>").osc()
|
||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
export const { djf } = registerControl('djf');
|
export const { djf } = registerControl('djf');
|
||||||
@@ -1540,27 +1070,14 @@ export const { delay } = registerControl(['delay', 'delaytime', 'delayfeedback']
|
|||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
export const { delayfeedback, delayfb, dfb } = registerControl('delayfeedback', 'delayfb', 'dfb');
|
export const { delayfeedback, delayfb, dfb } = registerControl('delayfeedback', 'delayfb', 'dfb');
|
||||||
|
|
||||||
/**
|
|
||||||
* Sets the level of the signal that is fed back into the delay.
|
|
||||||
* Caution: Values >= 1 will result in a signal that gets louder and louder! Don't do it
|
|
||||||
*
|
|
||||||
* @name delayfeedback
|
|
||||||
* @param {number | Pattern} feedback between 0 and 1
|
|
||||||
* @synonyms delayfb, dfb
|
|
||||||
* @example
|
|
||||||
* s("bd").delay(.25).delayfeedback("<.25 .5 .75 1>")
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
export const { delayspeed } = registerControl('delayspeed');
|
|
||||||
/**
|
/**
|
||||||
* Sets the time of the delay effect.
|
* Sets the time of the delay effect.
|
||||||
*
|
*
|
||||||
* @name delayspeed
|
* @name delaytime
|
||||||
* @param {number | Pattern} delayspeed controls the pitch of the delay feedback
|
* @param {number | Pattern} seconds between 0 and Infinity
|
||||||
* @synonyms delayt, dt
|
* @synonyms delayt, dt
|
||||||
* @example
|
* @example
|
||||||
* note("d d a# a".fast(2)).s("sawtooth").delay(.8).delaytime(1/2).delayspeed("<2 .5 -1 -2>")
|
* s("bd bd").delay(.25).delaytime("<.125 .25 .5 1>")
|
||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
export const { delaytime, delayt, dt } = registerControl('delaytime', 'delayt', 'dt');
|
export const { delaytime, delayt, dt } = registerControl('delaytime', 'delayt', 'dt');
|
||||||
@@ -1638,7 +1155,6 @@ export const { dry } = registerControl('dry');
|
|||||||
* Used when using `begin`/`end` or `chop`/`striate` and friends, to change the fade out time of the 'grain' envelope.
|
* Used when using `begin`/`end` or `chop`/`striate` and friends, to change the fade out time of the 'grain' envelope.
|
||||||
*
|
*
|
||||||
* @name fadeTime
|
* @name fadeTime
|
||||||
* @synonyms fadeOutTime
|
|
||||||
* @param {number | Pattern} time between 0 and 1
|
* @param {number | Pattern} time between 0 and 1
|
||||||
* @example
|
* @example
|
||||||
* s("oh*4").end(.1).fadeTime("<0 .2 .4 .8>").osc()
|
* s("oh*4").end(.1).fadeTime("<0 .2 .4 .8>").osc()
|
||||||
@@ -1895,64 +1411,17 @@ export const { semitone } = registerControl('semitone');
|
|||||||
// TODO: synth param
|
// TODO: synth param
|
||||||
export const { voice } = registerControl('voice');
|
export const { voice } = registerControl('voice');
|
||||||
// voicings // https://codeberg.org/uzu/strudel/issues/506
|
// voicings // https://codeberg.org/uzu/strudel/issues/506
|
||||||
/**
|
// chord to voice, like C Eb Fm7 G7. the symbols can be defined via addVoicings
|
||||||
* The chord to voice
|
|
||||||
* @name chord
|
|
||||||
* @param {string | Pattern} symbols chord symbols to voice e.g., C, Eb, Fm7, G7. The symbols can be defined via addVoicings
|
|
||||||
* @example
|
|
||||||
* chord("<Am C D F Am E Am E>").voicing()
|
|
||||||
**/
|
|
||||||
export const { chord } = registerControl('chord');
|
export const { chord } = registerControl('chord');
|
||||||
/**
|
// which dictionary to use for the voicings
|
||||||
* Which dictionary to use for the voicings. This falls back to the default dictionary if not provided
|
|
||||||
*
|
|
||||||
* @name dictionary
|
|
||||||
* @param {string} dictionaryName which dictionary (having been defined with `addVoicings`) to use
|
|
||||||
* @example
|
|
||||||
* addVoicings('house', {
|
|
||||||
'': ['7 12 16', '0 7 16', '4 7 12'],
|
|
||||||
'm': ['0 3 7']
|
|
||||||
})
|
|
||||||
chord("<Am C D F Am E Am E>")
|
|
||||||
.dict('house').anchor(66)
|
|
||||||
.voicing().room(.5)
|
|
||||||
**/
|
|
||||||
export const { dictionary, dict } = registerControl('dictionary', 'dict');
|
export const { dictionary, dict } = registerControl('dictionary', 'dict');
|
||||||
/** The top note to align the voicing to. Defaults to c5
|
// the top note to align the voicing to, defaults to c5
|
||||||
*
|
|
||||||
* @name anchor
|
|
||||||
* @param {string | Pattern} anchorNote the note to align the voicings to
|
|
||||||
* @example
|
|
||||||
* anchor("<c4 g4 c5 g5>").chord("C").voicing()
|
|
||||||
**/
|
|
||||||
export const { anchor } = registerControl('anchor');
|
export const { anchor } = registerControl('anchor');
|
||||||
/**
|
// how the voicing is offset from the anchored position
|
||||||
* Sets how the voicing is offset from the anchored position
|
|
||||||
*
|
|
||||||
* @name offset
|
|
||||||
* @param {number | Pattern} shift the amount to shift the voicing up or down
|
|
||||||
* @example
|
|
||||||
* chord("<Am C D F Am E Am E>").offset("<0 1 2 3 4 5>") // alter the voicing each time
|
|
||||||
**/
|
|
||||||
export const { offset } = registerControl('offset');
|
export const { offset } = registerControl('offset');
|
||||||
/**
|
// how many octaves are voicing steps spread apart, defaults to 1
|
||||||
* How many octaves are voicing steps spread apart, defaults to 1
|
|
||||||
*
|
|
||||||
* @name octaves
|
|
||||||
* @param {number | Pattern} count the number of octaves
|
|
||||||
* @example
|
|
||||||
* chord("<Am C D F Am E Am E>").octaves("<2 4>").voicing()
|
|
||||||
**/
|
|
||||||
export const { octaves } = registerControl('octaves');
|
export const { octaves } = registerControl('octaves');
|
||||||
/**
|
// below = anchor note will be removed from the voicing, useful for melody harmonization
|
||||||
* Remove anchor note from the voicing. Useful for melody harmonization
|
|
||||||
*
|
|
||||||
* @name mode
|
|
||||||
* @param {string | Pattern} modeName one of {below | above | duck | root}
|
|
||||||
* @example
|
|
||||||
* mode("<below above duck root>").chord("C").voicing()
|
|
||||||
*
|
|
||||||
**/
|
|
||||||
export const { mode } = registerControl(['mode', 'anchor']);
|
export const { mode } = registerControl(['mode', 'anchor']);
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@@ -2020,29 +1489,6 @@ export const { roomfade, rfade } = registerControl('roomfade', 'rfade');
|
|||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
export const { ir, iresponse } = registerControl(['ir', 'i'], 'iresponse');
|
export const { ir, iresponse } = registerControl(['ir', 'i'], 'iresponse');
|
||||||
|
|
||||||
/**
|
|
||||||
* Sets speed of the sample for the impulse response.
|
|
||||||
* @name irspeed
|
|
||||||
* @param {string | Pattern} speed
|
|
||||||
* @example
|
|
||||||
* samples('github:switchangel/pad')
|
|
||||||
* $: s("brk/2").fit().scrub(irand(16).div(16).seg(8)).ir("swpad:4").room(.2).irspeed("<2 1 .5>/2").irbegin(.5).roomsize(.5)
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
export const { irspeed } = registerControl('irspeed');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Sets the beginning of the IR response sample
|
|
||||||
* @name irbegin
|
|
||||||
* @param {string | Pattern} begin between 0 and 1
|
|
||||||
* @synonyms ir
|
|
||||||
* @example
|
|
||||||
* samples('github:switchangel/pad')
|
|
||||||
* $: s("brk/2").fit().scrub(irand(16).div(16).seg(8)).ir("swpad:4").room(.65).irspeed("-2").irbegin("<0 .5 .75>/2").roomsize(.6)
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
export const { irbegin } = registerControl('irbegin');
|
|
||||||
/**
|
/**
|
||||||
* Sets the room size of the reverb, see `room`.
|
* Sets the room size of the reverb, see `room`.
|
||||||
* When this property is changed, the reverb will be recaculated, so only change this sparsely..
|
* When this property is changed, the reverb will be recaculated, so only change this sparsely..
|
||||||
@@ -2079,52 +1525,19 @@ export const { roomsize, size, sz, rsize } = registerControl('roomsize', 'size',
|
|||||||
export const { shape } = registerControl(['shape', 'shapevol']);
|
export const { shape } = registerControl(['shape', 'shapevol']);
|
||||||
/**
|
/**
|
||||||
* Wave shaping distortion. CAUTION: it can get loud.
|
* Wave shaping distortion. CAUTION: it can get loud.
|
||||||
* Second option in optional array syntax (ex: ".9:.5") applies a postgain to the output. Third option sets the waveshaping type.
|
* Second option in optional array syntax (ex: ".9:.5") applies a postgain to the output.
|
||||||
* Most useful values are usually between 0 and 10 (depending on source gain). If you are feeling adventurous, you can turn it up to 11 and beyond ;)
|
* Most useful values are usually between 0 and 10 (depending on source gain). If you are feeling adventurous, you can turn it up to 11 and beyond ;)
|
||||||
*
|
*
|
||||||
* @name distort
|
* @name distort
|
||||||
* @synonyms dist
|
* @synonyms dist
|
||||||
* @param {number | Pattern} distortion amount of distortion to apply
|
* @param {number | Pattern} distortion
|
||||||
* @param {number | Pattern} volume linear postgain of the distortion
|
|
||||||
* @param {number | string | Pattern} type type of distortion to apply
|
|
||||||
* @example
|
* @example
|
||||||
* s("bd sd [~ bd] sd,hh*8").distort("<0 2 3 10:.5>")
|
* s("bd sd [~ bd] sd,hh*8").distort("<0 2 3 10:.5>")
|
||||||
* @example
|
* @example
|
||||||
* note("d1!8").s("sine").penv(36).pdecay(.12).decay(.23).distort("8:.4")
|
* note("d1!8").s("sine").penv(36).pdecay(.12).decay(.23).distort("8:.4")
|
||||||
* @example
|
|
||||||
* s("bd:4*4").bank("tr808").distort("3:0.5:diode")
|
|
||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
export const { distort, dist } = registerControl(['distort', 'distortvol', 'distorttype'], 'dist');
|
export const { distort, dist } = registerControl(['distort', 'distortvol'], 'dist');
|
||||||
|
|
||||||
/**
|
|
||||||
* Postgain for waveshaping distortion.
|
|
||||||
*
|
|
||||||
* @name distortvol
|
|
||||||
* @synonyms distvol
|
|
||||||
* @param {number | Pattern} volume linear postgain of the distortion
|
|
||||||
* @example
|
|
||||||
* s("bd*4").bank("tr909").distort(2).distortvol(0.8)
|
|
||||||
*/
|
|
||||||
export const { distortvol } = registerControl('distortvol', 'distvol');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Type of waveshaping distortion to apply.
|
|
||||||
*
|
|
||||||
* @name distorttype
|
|
||||||
* @synonyms disttype
|
|
||||||
* @param {number | string | Pattern} type type of distortion to apply
|
|
||||||
* @example
|
|
||||||
* s("bd*4").bank("tr909").distort(2).distorttype("<0 1 2>")
|
|
||||||
*
|
|
||||||
* @example
|
|
||||||
* s("sine").note("F1*2").release(1)
|
|
||||||
* .penv(24).pdecay(0.05)
|
|
||||||
* .distort(rand.range(1, 8))
|
|
||||||
* .distorttype("<fold chebyshev scurve diode asym sinefold>")
|
|
||||||
*/
|
|
||||||
export const { distorttype } = registerControl('distorttype', 'disttype');
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Dynamics Compressor. The params are `compressor("threshold:ratio:knee:attack:release")`
|
* Dynamics Compressor. The params are `compressor("threshold:ratio:knee:attack:release")`
|
||||||
* More info [here](https://developer.mozilla.org/en-US/docs/Web/API/DynamicsCompressorNode?retiredLocale=de#instance_properties)
|
* More info [here](https://developer.mozilla.org/en-US/docs/Web/API/DynamicsCompressorNode?retiredLocale=de#instance_properties)
|
||||||
@@ -2512,24 +1925,6 @@ export const { miditouch } = registerControl('miditouch');
|
|||||||
// TODO: what is this?
|
// TODO: what is this?
|
||||||
export const { polyTouch } = registerControl('polyTouch');
|
export const { polyTouch } = registerControl('polyTouch');
|
||||||
|
|
||||||
/**
|
|
||||||
* The host to send open sound control messages to. Requires running the OSC bridge.
|
|
||||||
* @name oschost
|
|
||||||
* @param {string | Pattern} oschost e.g. 'localhost'
|
|
||||||
* @example
|
|
||||||
* note("c4").oschost('127.0.0.1').oscport(57120).osc();
|
|
||||||
*/
|
|
||||||
export const { oschost } = registerControl('oschost');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The port to send open sound control messages to. Requires running the OSC bridge.
|
|
||||||
* @name oscport
|
|
||||||
* @param {number | Pattern} oscport e.g. 57120
|
|
||||||
* @example
|
|
||||||
* note("c4").oschost('127.0.0.1').oscport(57120).osc();
|
|
||||||
*/
|
|
||||||
export const { oscport } = registerControl('oscport');
|
|
||||||
|
|
||||||
export const getControlName = (alias) => {
|
export const getControlName = (alias) => {
|
||||||
if (controlAlias.has(alias)) {
|
if (controlAlias.has(alias)) {
|
||||||
return controlAlias.get(alias);
|
return controlAlias.get(alias);
|
||||||
|
|||||||
@@ -57,7 +57,7 @@ export class Cyclist {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// query the pattern for events
|
// query the pattern for events
|
||||||
const haps = this.pattern.queryArc(begin, end, { _cps: this.cps, cyclist: 'cyclist' });
|
const haps = this.pattern.queryArc(begin, end, { _cps: this.cps });
|
||||||
|
|
||||||
haps.forEach((hap) => {
|
haps.forEach((hap) => {
|
||||||
if (hap.hasOnset()) {
|
if (hap.hasOnset()) {
|
||||||
|
|||||||
@@ -10,7 +10,7 @@ https://rohandrape.net/?t=hmt
|
|||||||
This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with this program. If not, see <https://www.gnu.org/licenses/>.
|
This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import { timeCat, register, silence, stack, pure, _morph } from './pattern.mjs';
|
import { timeCat, register, silence } from './pattern.mjs';
|
||||||
import { rotate, flatten, splitAt, zipWith } from './util.mjs';
|
import { rotate, flatten, splitAt, zipWith } from './util.mjs';
|
||||||
import Fraction, { lcm } from './fraction.mjs';
|
import Fraction, { lcm } from './fraction.mjs';
|
||||||
|
|
||||||
@@ -35,18 +35,18 @@ const right = function (n, x) {
|
|||||||
return result;
|
return result;
|
||||||
};
|
};
|
||||||
|
|
||||||
const _bjorklund = function (n, x) {
|
const _bjork = function (n, x) {
|
||||||
const [ons, offs] = n;
|
const [ons, offs] = n;
|
||||||
return Math.min(ons, offs) <= 1 ? [n, x] : _bjorklund(...(ons > offs ? left(n, x) : right(n, x)));
|
return Math.min(ons, offs) <= 1 ? [n, x] : _bjork(...(ons > offs ? left(n, x) : right(n, x)));
|
||||||
};
|
};
|
||||||
|
|
||||||
export const bjorklund = function (ons, steps) {
|
export const bjork = function (ons, steps) {
|
||||||
const inverted = ons < 0;
|
const inverted = ons < 0;
|
||||||
const absOns = Math.abs(ons);
|
const absOns = Math.abs(ons);
|
||||||
const offs = steps - absOns;
|
const offs = steps - absOns;
|
||||||
const ones = Array(absOns).fill([1]);
|
const ones = Array(absOns).fill([1]);
|
||||||
const zeros = Array(offs).fill([0]);
|
const zeros = Array(offs).fill([0]);
|
||||||
const result = _bjorklund([absOns, offs], [ones, zeros]);
|
const result = _bjork([absOns, offs], [ones, zeros]);
|
||||||
const pattern = flatten(result[1][0]).concat(flatten(result[1][1]));
|
const pattern = flatten(result[1][0]).concat(flatten(result[1][1]));
|
||||||
return inverted ? pattern.map((x) => 1 - x) : pattern;
|
return inverted ? pattern.map((x) => 1 - x) : pattern;
|
||||||
};
|
};
|
||||||
@@ -128,7 +128,7 @@ export const bjorklund = function (ons, steps) {
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
const _euclidRot = function (pulses, steps, rotation) {
|
const _euclidRot = function (pulses, steps, rotation) {
|
||||||
const b = bjorklund(pulses, steps);
|
const b = bjork(pulses, steps);
|
||||||
if (rotation) {
|
if (rotation) {
|
||||||
return rotate(b, -rotation);
|
return rotate(b, -rotation);
|
||||||
}
|
}
|
||||||
@@ -139,7 +139,7 @@ export const euclid = register('euclid', function (pulses, steps, pat) {
|
|||||||
return pat.struct(_euclidRot(pulses, steps, 0));
|
return pat.struct(_euclidRot(pulses, steps, 0));
|
||||||
});
|
});
|
||||||
|
|
||||||
export const bjork = register('bjork', function (euc, pat) {
|
export const e = register('e', function (euc, pat) {
|
||||||
if (!Array.isArray(euc)) {
|
if (!Array.isArray(euc)) {
|
||||||
euc = [euc];
|
euc = [euc];
|
||||||
}
|
}
|
||||||
@@ -196,26 +196,3 @@ export const euclidLegato = register(['euclidLegato'], function (pulses, steps,
|
|||||||
export const euclidLegatoRot = register(['euclidLegatoRot'], function (pulses, steps, rotation, pat) {
|
export const euclidLegatoRot = register(['euclidLegatoRot'], function (pulses, steps, rotation, pat) {
|
||||||
return _euclidLegato(pulses, steps, rotation, pat);
|
return _euclidLegato(pulses, steps, rotation, pat);
|
||||||
});
|
});
|
||||||
|
|
||||||
/**
|
|
||||||
* A 'euclid' variant with an additional parameter that morphs the resulting
|
|
||||||
* rhythm from 0 (no morphing) to 1 (completely 'even'). For example
|
|
||||||
* `sound("bd").euclidish(3,8,0)` would be the same as
|
|
||||||
* `sound("bd").euclid(3,8)`, and `sound("bd").euclidish(3,8,1)` would be the
|
|
||||||
* same as `sound("bd bd bd")`. `sound("bd").euclidish(3,8,0.5)` would have a
|
|
||||||
* groove somewhere between.
|
|
||||||
* Inspired by the work of Malcom Braff.
|
|
||||||
* @name euclidish
|
|
||||||
* @synonyms eish
|
|
||||||
* @memberof Pattern
|
|
||||||
* @param {number} pulses the number of onsets
|
|
||||||
* @param {number} steps the number of steps to fill
|
|
||||||
* @param {number} groove exists between the extremes of 0 (straight euclidian) and 1 (straight pulse)
|
|
||||||
* @example
|
|
||||||
* sound("hh").euclidish(7,12,sine.slow(8))
|
|
||||||
* .pan(sine.slow(8))
|
|
||||||
*/
|
|
||||||
export const { euclidish, eish } = register(['euclidish', 'eish'], function (pulses, steps, perc, pat) {
|
|
||||||
const morphed = _morph(bjorklund(pulses, steps), new Array(pulses).fill(1), perc);
|
|
||||||
return pat.struct(morphed).setSteps(steps);
|
|
||||||
});
|
|
||||||
|
|||||||
@@ -126,8 +126,6 @@ export const lcm = (...fractions) => {
|
|||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export const isFraction = (x) => x instanceof Fraction;
|
|
||||||
|
|
||||||
fraction._original = Fraction;
|
fraction._original = Fraction;
|
||||||
|
|
||||||
export default fraction;
|
export default fraction;
|
||||||
|
|||||||
@@ -4,7 +4,6 @@ Copyright (C) 2022 Strudel contributors - see <https://codeberg.org/uzu/strudel/
|
|||||||
This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with this program. If not, see <https://www.gnu.org/licenses/>.
|
This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||||
*/
|
*/
|
||||||
import Fraction from './fraction.mjs';
|
import Fraction from './fraction.mjs';
|
||||||
import { stringifyValues } from './util.mjs';
|
|
||||||
|
|
||||||
export class Hap {
|
export class Hap {
|
||||||
/*
|
/*
|
||||||
@@ -149,7 +148,13 @@ export class Hap {
|
|||||||
}
|
}
|
||||||
|
|
||||||
showWhole(compact = false) {
|
showWhole(compact = false) {
|
||||||
return `${this.whole == undefined ? '~' : this.whole.show()}: ${stringifyValues(this.value, compact)}`;
|
return `${this.whole == undefined ? '~' : this.whole.show()}: ${
|
||||||
|
typeof this.value === 'object'
|
||||||
|
? compact
|
||||||
|
? JSON.stringify(this.value).slice(1, -1).replaceAll('"', '').replaceAll(',', ' ')
|
||||||
|
: JSON.stringify(this.value)
|
||||||
|
: this.value
|
||||||
|
}`;
|
||||||
}
|
}
|
||||||
|
|
||||||
combineContext(b) {
|
combineContext(b) {
|
||||||
|
|||||||
@@ -1,9 +1,12 @@
|
|||||||
import { registerSampleSource } from '@strudel/webaudio';
|
import { registerSound, onTriggerSample } from '@strudel/webaudio';
|
||||||
import { isAudioFile } from './files.mjs';
|
|
||||||
import { logger } from '@strudel/core';
|
import { logger } from '@strudel/core';
|
||||||
|
|
||||||
//utilites for writing and reading to the indexdb
|
//utilites for writing and reading to the indexdb
|
||||||
|
|
||||||
|
|
||||||
|
export const isAudioFile = (filename) =>
|
||||||
|
['wav', 'mp3', 'flac', 'ogg', 'm4a', 'aac'].includes(filename.split('.').slice(-1)[0]);
|
||||||
|
|
||||||
export const userSamplesDBConfig = {
|
export const userSamplesDBConfig = {
|
||||||
dbName: 'samples',
|
dbName: 'samples',
|
||||||
table: 'usersamples',
|
table: 'usersamples',
|
||||||
@@ -12,21 +15,17 @@ export const userSamplesDBConfig = {
|
|||||||
};
|
};
|
||||||
|
|
||||||
// deletes all of the databases, useful for debugging
|
// deletes all of the databases, useful for debugging
|
||||||
function clearAllIDB() {
|
function clearIDB() {
|
||||||
window.indexedDB
|
window.indexedDB
|
||||||
.databases()
|
.databases()
|
||||||
.then((r) => {
|
.then((r) => {
|
||||||
for (var i = 0; i < r.length; i++) clearIDB(r[i].name);
|
for (var i = 0; i < r.length; i++) window.indexedDB.deleteDatabase(r[i].name);
|
||||||
})
|
})
|
||||||
.then(() => {
|
.then(() => {
|
||||||
alert('All data cleared.');
|
alert('All data cleared.');
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
export function clearIDB(dbName) {
|
|
||||||
return window.indexedDB.deleteDatabase(dbName);
|
|
||||||
}
|
|
||||||
|
|
||||||
// queries the DB, and registers the sounds so they can be played
|
// queries the DB, and registers the sounds so they can be played
|
||||||
export function registerSamplesFromDB(config = userSamplesDBConfig, onComplete = () => {}) {
|
export function registerSamplesFromDB(config = userSamplesDBConfig, onComplete = () => {}) {
|
||||||
openDB(config, (objectStore) => {
|
openDB(config, (objectStore) => {
|
||||||
@@ -76,7 +75,13 @@ export function registerSamplesFromDB(config = userSamplesDBConfig, onComplete =
|
|||||||
})
|
})
|
||||||
.map((title) => titlePathMap.get(title));
|
.map((title) => titlePathMap.get(title));
|
||||||
|
|
||||||
registerSampleSource(key, value, { prebake: false });
|
registerSound(key, (t, hapValue, onended) => onTriggerSample(t, hapValue, onended, value), {
|
||||||
|
type: 'sample',
|
||||||
|
samples: value,
|
||||||
|
baseUrl: undefined,
|
||||||
|
prebake: false,
|
||||||
|
tag: undefined,
|
||||||
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
logger('imported sounds registered!', 'success');
|
logger('imported sounds registered!', 'success');
|
||||||
@@ -92,7 +97,11 @@ export function registerSamplesFromDB(config = userSamplesDBConfig, onComplete =
|
|||||||
|
|
||||||
async function blobToDataUrl(blob) {
|
async function blobToDataUrl(blob) {
|
||||||
return new Promise((resolve) => {
|
return new Promise((resolve) => {
|
||||||
resolve(URL.createObjectURL(blob));
|
var reader = new FileReader();
|
||||||
|
reader.onload = function (event) {
|
||||||
|
resolve(event.target.result);
|
||||||
|
};
|
||||||
|
reader.readAsDataURL(blob);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -25,6 +25,8 @@ export * from './cyclist.mjs';
|
|||||||
export * from './logger.mjs';
|
export * from './logger.mjs';
|
||||||
export * from './time.mjs';
|
export * from './time.mjs';
|
||||||
export * from './ui.mjs';
|
export * from './ui.mjs';
|
||||||
|
export * from './ui.mjs';
|
||||||
|
export * from './idbutils.mjs'
|
||||||
export { default as drawLine } from './drawLine.mjs';
|
export { default as drawLine } from './drawLine.mjs';
|
||||||
// below won't work with runtime.mjs (json import fails)
|
// below won't work with runtime.mjs (json import fails)
|
||||||
/* import * as p from './package.json';
|
/* import * as p from './package.json';
|
||||||
|
|||||||
@@ -5,9 +5,8 @@ let debounce = 1000,
|
|||||||
lastTime;
|
lastTime;
|
||||||
|
|
||||||
export function errorLogger(e, origin = 'cyclist') {
|
export function errorLogger(e, origin = 'cyclist') {
|
||||||
if (process.env.NODE_ENV === 'development') {
|
//TODO: add some kind of debug flag that enables this while in dev mode
|
||||||
console.error(e);
|
// console.error(e)
|
||||||
}
|
|
||||||
logger(`[${origin}] error: ${e.message}`);
|
logger(`[${origin}] error: ${e.message}`);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -38,7 +38,8 @@ export class NeoCyclist {
|
|||||||
if (this.started === false) {
|
if (this.started === false) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
const haps = this.pattern.queryArc(begin, end, { _cps: this.cps, cyclist: 'neocyclist' });
|
|
||||||
|
const haps = this.pattern.queryArc(begin, end, { _cps: this.cps });
|
||||||
haps.forEach((hap) => {
|
haps.forEach((hap) => {
|
||||||
if (hap.hasOnset()) {
|
if (hap.hasOnset()) {
|
||||||
const timeUntilTrigger = cycleToSeconds(hap.whole.begin - this.cycle, this.cps);
|
const timeUntilTrigger = cycleToSeconds(hap.whole.begin - this.cycle, this.cps);
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@strudel/core",
|
"name": "@strudel/core",
|
||||||
"version": "1.2.5",
|
"version": "1.2.2",
|
||||||
"description": "Port of Tidal Cycles to JavaScript",
|
"description": "Port of Tidal Cycles to JavaScript",
|
||||||
"main": "index.mjs",
|
"main": "index.mjs",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
@@ -37,8 +37,5 @@
|
|||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"vite": "^6.0.11",
|
"vite": "^6.0.11",
|
||||||
"vitest": "^3.0.4"
|
"vitest": "^3.0.4"
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=18.0.0"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
+18
-242
@@ -5,7 +5,7 @@ This program is free software: you can redistribute it and/or modify it under th
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
import TimeSpan from './timespan.mjs';
|
import TimeSpan from './timespan.mjs';
|
||||||
import Fraction, { isFraction, lcm } from './fraction.mjs';
|
import Fraction, { lcm } from './fraction.mjs';
|
||||||
import Hap from './hap.mjs';
|
import Hap from './hap.mjs';
|
||||||
import State from './state.mjs';
|
import State from './state.mjs';
|
||||||
import { unionWithObj } from './value.mjs';
|
import { unionWithObj } from './value.mjs';
|
||||||
@@ -21,8 +21,6 @@ import {
|
|||||||
numeralArgs,
|
numeralArgs,
|
||||||
parseNumeral,
|
parseNumeral,
|
||||||
pairs,
|
pairs,
|
||||||
zipWith,
|
|
||||||
stringifyValues,
|
|
||||||
} from './util.mjs';
|
} from './util.mjs';
|
||||||
import drawLine from './drawLine.mjs';
|
import drawLine from './drawLine.mjs';
|
||||||
import { logger } from './logger.mjs';
|
import { logger } from './logger.mjs';
|
||||||
@@ -98,7 +96,10 @@ export class Pattern {
|
|||||||
|
|
||||||
// runs func on query state
|
// runs func on query state
|
||||||
withState(func) {
|
withState(func) {
|
||||||
return new Pattern((state) => this.query(func(state)));
|
return this.withHaps((haps, state) => {
|
||||||
|
func(state);
|
||||||
|
return haps;
|
||||||
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@@ -851,29 +852,14 @@ export class Pattern {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
log(func = (_, hap) => `[hap] ${hap.showWhole(true)}`, getData = (_, hap) => ({ hap })) {
|
||||||
* Writes the content of the current event to the console (visible in the side menu).
|
|
||||||
* @name log
|
|
||||||
* @memberof Pattern
|
|
||||||
* @example
|
|
||||||
* s("bd sd").log()
|
|
||||||
*/
|
|
||||||
log(func = (hap) => `[hap] ${hap.showWhole(true)}`, getData = (hap) => ({ hap })) {
|
|
||||||
return this.onTrigger((...args) => {
|
return this.onTrigger((...args) => {
|
||||||
logger(func(...args), undefined, getData(...args));
|
logger(func(...args), undefined, getData(...args));
|
||||||
}, false);
|
}, false);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
logValues(func = id) {
|
||||||
* A simplified version of `log` which writes all "values" (various configurable parameters)
|
return this.log((_, hap) => func(hap.value));
|
||||||
* within the event to the console (visible in the side menu).
|
|
||||||
* @name logValues
|
|
||||||
* @memberof Pattern
|
|
||||||
* @example
|
|
||||||
* s("bd sd").gain("0.25 0.5 1").n("2 1 0").logValues()
|
|
||||||
*/
|
|
||||||
logValues(func = (value) => `[hap] ${stringifyValues(value, true)}`) {
|
|
||||||
return this.log((hap) => func(hap.value));
|
|
||||||
}
|
}
|
||||||
|
|
||||||
//////////////////////////////////////////////////////////////////////
|
//////////////////////////////////////////////////////////////////////
|
||||||
@@ -996,7 +982,7 @@ addToPrototype('weaveWith', function (t, ...funcs) {
|
|||||||
// compose matrix functions
|
// compose matrix functions
|
||||||
|
|
||||||
function _nonArrayObject(x) {
|
function _nonArrayObject(x) {
|
||||||
return !Array.isArray(x) && typeof x === 'object' && !isFraction(x);
|
return !Array.isArray(x) && typeof x === 'object';
|
||||||
}
|
}
|
||||||
function _composeOp(a, b, func) {
|
function _composeOp(a, b, func) {
|
||||||
if (_nonArrayObject(a) || _nonArrayObject(b)) {
|
if (_nonArrayObject(a) || _nonArrayObject(b)) {
|
||||||
@@ -1243,8 +1229,7 @@ export const silence = gap(1);
|
|||||||
/* Like silence, but with a 'steps' (relative duration) of 0 */
|
/* Like silence, but with a 'steps' (relative duration) of 0 */
|
||||||
export const nothing = gap(0);
|
export const nothing = gap(0);
|
||||||
|
|
||||||
/**
|
/** A discrete value that repeats once per cycle.
|
||||||
* A discrete value that repeats once per cycle.
|
|
||||||
*
|
*
|
||||||
* @returns {Pattern}
|
* @returns {Pattern}
|
||||||
* @example
|
* @example
|
||||||
@@ -1297,14 +1282,13 @@ export function sequenceP(pats) {
|
|||||||
return result;
|
return result;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/** The given items are played at the same time at the same length.
|
||||||
* The given items are played at the same time at the same length.
|
|
||||||
*
|
*
|
||||||
* @return {Pattern}
|
* @return {Pattern}
|
||||||
* @synonyms polyrhythm, pr
|
* @synonyms polyrhythm, pr
|
||||||
* @example
|
* @example
|
||||||
* stack("g3", "b3", ["e4", "d4"]).note()
|
* stack("g3", "b3", ["e4", "d4"]).note()
|
||||||
* // "g3,b3,[e4 d4]".note()
|
* // "g3,b3,[e4,d4]".note()
|
||||||
*
|
*
|
||||||
* @example
|
* @example
|
||||||
* // As a chained function:
|
* // As a chained function:
|
||||||
@@ -1381,11 +1365,11 @@ export function stackBy(by, ...pats) {
|
|||||||
.setSteps(steps);
|
.setSteps(steps);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/** Concatenation: combines a list of patterns, switching between them successively, one per cycle:
|
||||||
* Concatenation: combines a list of patterns, switching between them successively, one per cycle.
|
*
|
||||||
|
* synonyms: `cat`
|
||||||
*
|
*
|
||||||
* @return {Pattern}
|
* @return {Pattern}
|
||||||
* @synonyms cat
|
|
||||||
* @example
|
* @example
|
||||||
* slowcat("e5", "b4", ["d5", "c5"])
|
* slowcat("e5", "b4", ["d5", "c5"])
|
||||||
*
|
*
|
||||||
@@ -1585,7 +1569,7 @@ export const func = curry((a, b) => reify(b).func(a));
|
|||||||
/**
|
/**
|
||||||
* Registers a new pattern method. The method is added to the Pattern class + the standalone function is returned from register.
|
* Registers a new pattern method. The method is added to the Pattern class + the standalone function is returned from register.
|
||||||
*
|
*
|
||||||
* @param {string | string[]} name name of the function, or an array of names to be used as synonyms
|
* @param {string} name name of the function
|
||||||
* @param {function} func function with 1 or more params, where last is the current pattern
|
* @param {function} func function with 1 or more params, where last is the current pattern
|
||||||
* @noAutocomplete
|
* @noAutocomplete
|
||||||
*
|
*
|
||||||
@@ -2396,57 +2380,6 @@ export const stut = register('stut', function (times, feedback, time, pat) {
|
|||||||
return pat._echoWith(times, time, (pat, i) => pat.gain(Math.pow(feedback, i)));
|
return pat._echoWith(times, time, (pat, i) => pat.gain(Math.pow(feedback, i)));
|
||||||
});
|
});
|
||||||
|
|
||||||
export const applyN = register('applyN', function (n, func, p) {
|
|
||||||
let result = p;
|
|
||||||
for (let i = 0; i < n; i++) {
|
|
||||||
result = func(result);
|
|
||||||
}
|
|
||||||
return result;
|
|
||||||
});
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The plyWith function repeats each event the given number of times, applying the given function to each event.\n
|
|
||||||
* @name plyWith
|
|
||||||
* @synonyms plywith
|
|
||||||
* @param {number} factor how many times to repeat
|
|
||||||
* @param {function} func function to apply, given the pattern
|
|
||||||
* @example
|
|
||||||
* "<0 [2 4]>"
|
|
||||||
* .plyWith(4, (p) => p.add(2))
|
|
||||||
* .scale("C:minor").note()
|
|
||||||
*/
|
|
||||||
export const plyWith = register(['plyWith', 'plywith'], function (factor, func, pat) {
|
|
||||||
const result = pat
|
|
||||||
.fmap((x) => cat(...listRange(0, factor - 1).map((i) => applyN(i, func, x)))._fast(factor))
|
|
||||||
.squeezeJoin();
|
|
||||||
if (__steps) {
|
|
||||||
result._steps = Fraction(factor).mulmaybe(pat._steps);
|
|
||||||
}
|
|
||||||
return result;
|
|
||||||
});
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The plyForEach function repeats each event the given number of times, applying the given function to each event.
|
|
||||||
* This version of ply uses the iteration index as an argument to the function, similar to echoWith.
|
|
||||||
* @name plyForEach
|
|
||||||
* @synonyms plyforeach
|
|
||||||
* @param {number} factor how many times to repeat
|
|
||||||
* @param {function} func function to apply, given the pattern and the iteration index
|
|
||||||
* @example
|
|
||||||
* "<0 [2 4]>"
|
|
||||||
* .plyForEach(4, (p,n) => p.add(n*2))
|
|
||||||
* .scale("C:minor").note()
|
|
||||||
*/
|
|
||||||
export const plyForEach = register(['plyForEach', 'plyforeach'], function (factor, func, pat) {
|
|
||||||
const result = pat
|
|
||||||
.fmap((x) => cat(cat(pure(x), ...listRange(1, factor - 1).map((i) => func(pure(x), i))))._fast(factor))
|
|
||||||
.squeezeJoin();
|
|
||||||
if (__steps) {
|
|
||||||
result._steps = Fraction(factor).mulmaybe(pat._steps);
|
|
||||||
}
|
|
||||||
return result;
|
|
||||||
});
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Divides a pattern into a given number of subdivisions, plays the subdivisions in order, but increments the starting subdivision each cycle. The pattern wraps to the first subdivision after the last subdivision is played.
|
* Divides a pattern into a given number of subdivisions, plays the subdivisions in order, but increments the starting subdivision each cycle. The pattern wraps to the first subdivision after the last subdivision is played.
|
||||||
* @name iter
|
* @name iter
|
||||||
@@ -2574,8 +2507,8 @@ export const { chunkBack, chunkback } = register(
|
|||||||
* @returns Pattern
|
* @returns Pattern
|
||||||
* @example
|
* @example
|
||||||
* "<0 8> 1 2 3 4 5 6 7"
|
* "<0 8> 1 2 3 4 5 6 7"
|
||||||
* .scale("C2:major").note()
|
|
||||||
* .fastChunk(4, x => x.color('red')).slow(2)
|
* .fastChunk(4, x => x.color('red')).slow(2)
|
||||||
|
* .scale("C2:major").note()
|
||||||
*/
|
*/
|
||||||
export const { fastchunk, fastChunk } = register(
|
export const { fastchunk, fastChunk } = register(
|
||||||
['fastchunk', 'fastChunk'],
|
['fastchunk', 'fastChunk'],
|
||||||
@@ -2998,24 +2931,6 @@ export const extend = stepRegister('extend', function (factor, pat) {
|
|||||||
return pat.fast(factor).expand(factor);
|
return pat.fast(factor).expand(factor);
|
||||||
});
|
});
|
||||||
|
|
||||||
/**
|
|
||||||
* *Experimental*
|
|
||||||
*
|
|
||||||
* `replicate` is similar to `fast` in that it increases its density, but it also increases the step count
|
|
||||||
* accordingly. So `stepcat("a b".replicate(2), "c d")` would be the same as `"a b a b c d"`, whereas
|
|
||||||
* `stepcat("a b".fast(2), "c d")` would be the same as `"[a b] [a b] c d"`.
|
|
||||||
*
|
|
||||||
* TODO: find out how this function differs from extend
|
|
||||||
* @example
|
|
||||||
* stepcat(
|
|
||||||
* sound("bd bd - cp").replicate(2),
|
|
||||||
* sound("bd - sd -")
|
|
||||||
* ).pace(8)
|
|
||||||
*/
|
|
||||||
export const replicate = stepRegister('replicate', function (factor, pat) {
|
|
||||||
return pat.repeatCycles(factor).fast(factor).expand(factor);
|
|
||||||
});
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* *Experimental*
|
* *Experimental*
|
||||||
*
|
*
|
||||||
@@ -3345,7 +3260,7 @@ export const slice = register(
|
|||||||
* @memberof Pattern
|
* @memberof Pattern
|
||||||
* @returns Pattern
|
* @returns Pattern
|
||||||
* @example
|
* @example
|
||||||
* s("bd!8").onTriggerTime((hap) => {console.log(hap)})
|
* s("bd!8").onTriggerTime((hap) => {console.info(hap)})
|
||||||
*/
|
*/
|
||||||
Pattern.prototype.onTriggerTime = function (func) {
|
Pattern.prototype.onTriggerTime = function (func) {
|
||||||
return this.onTrigger((hap, currentTime, _cps, targetTime) => {
|
return this.onTrigger((hap, currentTime, _cps, targetTime) => {
|
||||||
@@ -3485,142 +3400,3 @@ export const { beat } = register(
|
|||||||
['beat'],
|
['beat'],
|
||||||
__beat((x) => x.innerJoin()),
|
__beat((x) => x.innerJoin()),
|
||||||
);
|
);
|
||||||
|
|
||||||
export const _morph = (from, to, by) => {
|
|
||||||
by = Fraction(by);
|
|
||||||
const dur = Fraction(1).div(from.length);
|
|
||||||
const positions = (list) => {
|
|
||||||
const result = [];
|
|
||||||
for (const [pos, value] of list.entries()) {
|
|
||||||
if (value) {
|
|
||||||
result.push([Fraction(pos).div(list.length), value]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return result;
|
|
||||||
};
|
|
||||||
const arcs = zipWith(
|
|
||||||
([posa, valuea], [posb, valueb]) => {
|
|
||||||
const b = by.mul(posb - posa).add(posa);
|
|
||||||
const e = b.add(dur);
|
|
||||||
return new TimeSpan(b, e);
|
|
||||||
},
|
|
||||||
positions(from),
|
|
||||||
positions(to),
|
|
||||||
);
|
|
||||||
function query(state) {
|
|
||||||
const cycle = state.span.begin.sam();
|
|
||||||
const cycleArc = state.span.cycleArc();
|
|
||||||
const result = [];
|
|
||||||
for (const whole of arcs) {
|
|
||||||
const part = whole.intersection(cycleArc);
|
|
||||||
if (part !== undefined) {
|
|
||||||
result.push(
|
|
||||||
new Hap(
|
|
||||||
whole.withTime((x) => x.add(cycle)),
|
|
||||||
part.withTime((x) => x.add(cycle)),
|
|
||||||
true,
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return result;
|
|
||||||
}
|
|
||||||
return new Pattern(query).splitQueries();
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Takes two binary rhythms represented as lists of 1s and 0s, and a number
|
|
||||||
* between 0 and 1 that morphs between them. The two lists should contain the same
|
|
||||||
* number of true values.
|
|
||||||
* @example
|
|
||||||
* sound("hh").struct(morph([1,0,1,0,1,0,1,0], // straight rhythm
|
|
||||||
* [1,1,0,1,0,1,0], // wonky rhythm
|
|
||||||
* 0.25 // creates a slightly wonky rhythm
|
|
||||||
* )
|
|
||||||
* )
|
|
||||||
* @example
|
|
||||||
* sound("hh").struct(morph("1:0:1:0:1:0:1:0", // straight rhythm
|
|
||||||
* "1:1:0:1:0:1:0", // wonky rhythm
|
|
||||||
* sine.slow(8) // slowly morph between the rhythms
|
|
||||||
* )
|
|
||||||
* )
|
|
||||||
*/
|
|
||||||
export const morph = (frompat, topat, bypat) => {
|
|
||||||
frompat = reify(frompat);
|
|
||||||
topat = reify(topat);
|
|
||||||
bypat = reify(bypat);
|
|
||||||
return frompat.innerBind((from) => topat.innerBind((to) => bypat.innerBind((by) => _morph(from, to, by))));
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Soft-clipping distortion
|
|
||||||
*
|
|
||||||
* @name soft
|
|
||||||
* @param {number | Pattern} distortion amount of distortion to apply
|
|
||||||
* @param {number | Pattern} volume linear postgain of the distortion
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
/**
|
|
||||||
* Hard-clipping distortion
|
|
||||||
*
|
|
||||||
* @name hard
|
|
||||||
* @param {number | Pattern} distortion amount of distortion to apply
|
|
||||||
* @param {number | Pattern} volume linear postgain of the distortion
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
/**
|
|
||||||
* Cubic polynomial distortion
|
|
||||||
*
|
|
||||||
* @name cubic
|
|
||||||
* @param {number | Pattern} distortion amount of distortion to apply
|
|
||||||
* @param {number | Pattern} volume linear postgain of the distortion
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
/**
|
|
||||||
* Diode-emulating distortion
|
|
||||||
*
|
|
||||||
* @name diode
|
|
||||||
* @param {number | Pattern} distortion amount of distortion to apply
|
|
||||||
* @param {number | Pattern} volume linear postgain of the distortion
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
/**
|
|
||||||
* Asymmetrical diode distortion
|
|
||||||
*
|
|
||||||
* @name asym
|
|
||||||
* @param {number | Pattern} distortion amount of distortion to apply
|
|
||||||
* @param {number | Pattern} volume linear postgain of the distortion
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
/**
|
|
||||||
* Wavefolding distortion
|
|
||||||
*
|
|
||||||
* @name fold
|
|
||||||
* @param {number | Pattern} distortion amount of distortion to apply
|
|
||||||
* @param {number | Pattern} volume linear postgain of the distortion
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
/**
|
|
||||||
* Wavefolding distortion composed with sinusoid
|
|
||||||
*
|
|
||||||
* @name sinefold
|
|
||||||
* @param {number | Pattern} distortion amount of distortion to apply
|
|
||||||
* @param {number | Pattern} volume linear postgain of the distortion
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
/**
|
|
||||||
* Distortion via Chebyshev polynomials
|
|
||||||
*
|
|
||||||
* @name chebyshev
|
|
||||||
* @param {number | Pattern} distortion amount of distortion to apply
|
|
||||||
* @param {number | Pattern} volume linear postgain of the distortion
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
const distAlgoNames = ['scurve', 'soft', 'hard', 'cubic', 'diode', 'asym', 'fold', 'sinefold', 'chebyshev'];
|
|
||||||
for (const name of distAlgoNames) {
|
|
||||||
// Add aliases for distortion algorithms
|
|
||||||
Pattern.prototype[name] = function (args) {
|
|
||||||
const argsPat = reify(args).fmap((v) => (Array.isArray(v) ? [...v, name] : [v, 1, name]));
|
|
||||||
return this.distort(argsPat);
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|||||||
+3
-21
@@ -74,14 +74,6 @@ export function repl({
|
|||||||
return silence;
|
return silence;
|
||||||
};
|
};
|
||||||
|
|
||||||
// helper to get a patternified pure value out
|
|
||||||
function unpure(pat) {
|
|
||||||
if (pat._Pattern) {
|
|
||||||
return pat.__pure;
|
|
||||||
}
|
|
||||||
return pat;
|
|
||||||
}
|
|
||||||
|
|
||||||
const setPattern = async (pattern, autostart = true) => {
|
const setPattern = async (pattern, autostart = true) => {
|
||||||
pattern = editPattern?.(pattern) || pattern;
|
pattern = editPattern?.(pattern) || pattern;
|
||||||
await scheduler.setPattern(pattern, autostart);
|
await scheduler.setPattern(pattern, autostart);
|
||||||
@@ -93,10 +85,7 @@ export function repl({
|
|||||||
const start = () => scheduler.start();
|
const start = () => scheduler.start();
|
||||||
const pause = () => scheduler.pause();
|
const pause = () => scheduler.pause();
|
||||||
const toggle = () => scheduler.toggle();
|
const toggle = () => scheduler.toggle();
|
||||||
const setCps = (cps) => {
|
const setCps = (cps) => scheduler.setCps(cps);
|
||||||
scheduler.setCps(unpure(cps));
|
|
||||||
return silence;
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Changes the global tempo to the given cycles per minute
|
* Changes the global tempo to the given cycles per minute
|
||||||
@@ -108,10 +97,7 @@ export function repl({
|
|||||||
* setcpm(140/4) // =140 bpm in 4/4
|
* setcpm(140/4) // =140 bpm in 4/4
|
||||||
* $: s("bd*4,[- sd]*2").bank('tr707')
|
* $: s("bd*4,[- sd]*2").bank('tr707')
|
||||||
*/
|
*/
|
||||||
const setCpm = (cpm) => {
|
const setCpm = (cpm) => scheduler.setCps(cpm / 60);
|
||||||
scheduler.setCps(unpure(cpm) / 60);
|
|
||||||
return silence;
|
|
||||||
};
|
|
||||||
|
|
||||||
// TODO - not documented as jsdoc examples as the test framework doesn't simulate enough context for `each` and `all`..
|
// TODO - not documented as jsdoc examples as the test framework doesn't simulate enough context for `each` and `all`..
|
||||||
|
|
||||||
@@ -214,10 +200,7 @@ export function repl({
|
|||||||
}
|
}
|
||||||
let { pattern, meta } = await _evaluate(code, transpiler, transpilerOptions);
|
let { pattern, meta } = await _evaluate(code, transpiler, transpilerOptions);
|
||||||
if (Object.keys(pPatterns).length) {
|
if (Object.keys(pPatterns).length) {
|
||||||
let patterns = [];
|
let patterns = Object.values(pPatterns);
|
||||||
for (const [key, value] of Object.entries(pPatterns)) {
|
|
||||||
patterns.push(value.withState((state) => state.setControls({ id: key })));
|
|
||||||
}
|
|
||||||
if (eachTransform) {
|
if (eachTransform) {
|
||||||
// Explicit lambda so only element (not index and array) are passed
|
// Explicit lambda so only element (not index and array) are passed
|
||||||
patterns = patterns.map((x) => eachTransform(x));
|
patterns = patterns.map((x) => eachTransform(x));
|
||||||
@@ -231,7 +214,6 @@ export function repl({
|
|||||||
pattern = allTransforms[i](pattern);
|
pattern = allTransforms[i](pattern);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
if (!isPattern(pattern)) {
|
if (!isPattern(pattern)) {
|
||||||
const message = `got "${typeof evaluated}" instead of pattern`;
|
const message = `got "${typeof evaluated}" instead of pattern`;
|
||||||
throw new Error(message + (typeof evaluated === 'function' ? ', did you forget to call a function?' : '.'));
|
throw new Error(message + (typeof evaluated === 'function' ? ', did you forget to call a function?' : '.'));
|
||||||
|
|||||||
@@ -19,9 +19,9 @@ export class State {
|
|||||||
return this.setSpan(func(this.span));
|
return this.setSpan(func(this.span));
|
||||||
}
|
}
|
||||||
|
|
||||||
// Returns new State with added controls.
|
// Returns new State with different controls
|
||||||
setControls(controls) {
|
setControls(controls) {
|
||||||
return new State(this.span, { ...this.controls, ...controls });
|
return new State(this.span, controls);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -1,14 +1,14 @@
|
|||||||
import { bjorklund } from '../euclid.mjs';
|
import { bjork } from '../euclid.mjs';
|
||||||
import { describe, expect, it } from 'vitest';
|
import { describe, expect, it } from 'vitest';
|
||||||
import { fastcat } from '../pattern.mjs';
|
import { fastcat } from '../pattern.mjs';
|
||||||
|
|
||||||
describe('bjorklund', () => {
|
describe('bjork', () => {
|
||||||
it('should apply bjorklundlund to ons and steps', () => {
|
it('should apply bjorklund to ons and steps', () => {
|
||||||
expect(bjorklund(3, 8)).toStrictEqual([1, 0, 0, 1, 0, 0, 1, 0]);
|
expect(bjork(3, 8)).toStrictEqual([1, 0, 0, 1, 0, 0, 1, 0]);
|
||||||
expect(bjorklund(-3, 8)).toStrictEqual([0, 1, 1, 0, 1, 1, 0, 1]);
|
expect(bjork(-3, 8)).toStrictEqual([0, 1, 1, 0, 1, 1, 0, 1]);
|
||||||
expect(bjorklund(8, 8)).toStrictEqual([1, 1, 1, 1, 1, 1, 1, 1]);
|
expect(bjork(8, 8)).toStrictEqual([1, 1, 1, 1, 1, 1, 1, 1]);
|
||||||
expect(bjorklund(-8, 8)).toStrictEqual([0, 0, 0, 0, 0, 0, 0, 0]);
|
expect(bjork(-8, 8)).toStrictEqual([0, 0, 0, 0, 0, 0, 0, 0]);
|
||||||
expect(bjorklund(5, 8)).toStrictEqual([1, 0, 1, 1, 0, 1, 1, 0]);
|
expect(bjork(5, 8)).toStrictEqual([1, 0, 1, 1, 0, 1, 1, 0]);
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
@@ -6,7 +6,7 @@ This program is free software: you can redistribute it and/or modify it under th
|
|||||||
|
|
||||||
import Fraction from 'fraction.js';
|
import Fraction from 'fraction.js';
|
||||||
|
|
||||||
import { describe, it, expect, vi } from 'vitest';
|
import { describe, it, expect } from 'vitest';
|
||||||
|
|
||||||
import {
|
import {
|
||||||
TimeSpan,
|
TimeSpan,
|
||||||
@@ -55,8 +55,6 @@ import {
|
|||||||
expand,
|
expand,
|
||||||
} from '../index.mjs';
|
} from '../index.mjs';
|
||||||
|
|
||||||
import { log, logValues } from '../pattern.mjs';
|
|
||||||
|
|
||||||
import { steady } from '../signal.mjs';
|
import { steady } from '../signal.mjs';
|
||||||
|
|
||||||
import { n, s } from '../controls.mjs';
|
import { n, s } from '../controls.mjs';
|
||||||
@@ -1308,40 +1306,4 @@ describe('Pattern', () => {
|
|||||||
);
|
);
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
describe('log', () => {
|
|
||||||
it('logs to console', () => {
|
|
||||||
const mockConsoleLog = vi.spyOn(console, 'log').mockImplementation(() => {});
|
|
||||||
const pattern = pure('a').log();
|
|
||||||
const haps = pattern.queryArc(0, 1);
|
|
||||||
|
|
||||||
// Force a trigger
|
|
||||||
haps.forEach((hap) => {
|
|
||||||
hap.context?.onTrigger?.(hap);
|
|
||||||
});
|
|
||||||
|
|
||||||
expect(mockConsoleLog).toHaveBeenCalledWith(
|
|
||||||
'%c[hap] 0/1 → 1/1: a',
|
|
||||||
'background-color: black;color:white;border-radius:15px',
|
|
||||||
);
|
|
||||||
mockConsoleLog.mockRestore();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
describe('logValues', () => {
|
|
||||||
it('logs values to console', () => {
|
|
||||||
const mockConsoleLog = vi.spyOn(console, 'log').mockImplementation(() => {});
|
|
||||||
const pattern = pure('a').note('c#').logValues();
|
|
||||||
const haps = pattern.queryArc(0, 1);
|
|
||||||
|
|
||||||
// Force a trigger
|
|
||||||
haps.forEach((hap) => {
|
|
||||||
hap.context?.onTrigger?.(hap);
|
|
||||||
});
|
|
||||||
|
|
||||||
expect(mockConsoleLog).toHaveBeenCalledWith(
|
|
||||||
'%c[hap] value:a note:c#',
|
|
||||||
'background-color: black;color:white;border-radius:15px',
|
|
||||||
);
|
|
||||||
mockConsoleLog.mockRestore();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -72,7 +72,7 @@ export class TimeSpan {
|
|||||||
}
|
}
|
||||||
|
|
||||||
intersection(other) {
|
intersection(other) {
|
||||||
// Intersection of two timespans, returns undefined if they don't intersect.
|
// Intersection of two timespans, returns None if they don't intersect.
|
||||||
const intersect_begin = this.begin.max(other.begin);
|
const intersect_begin = this.begin.max(other.begin);
|
||||||
const intersect_end = this.end.min(other.end);
|
const intersect_end = this.end.min(other.end);
|
||||||
|
|
||||||
|
|||||||
+4
-18
@@ -7,13 +7,13 @@ This program is free software: you can redistribute it and/or modify it under th
|
|||||||
import { logger } from './logger.mjs';
|
import { logger } from './logger.mjs';
|
||||||
|
|
||||||
// returns true if the given string is a note
|
// returns true if the given string is a note
|
||||||
export const isNoteWithOctave = (name) => /^[a-gA-G][#bsf]*[0-9]*$/.test(name);
|
export const isNoteWithOctave = (name) => /^[a-gA-G][#bs]*[0-9]$/.test(name);
|
||||||
export const isNote = (name) => /^[a-gA-G][#bsf]*-?[0-9]*$/.test(name);
|
export const isNote = (name) => /^[a-gA-G][#bsf]*[0-9]?$/.test(name);
|
||||||
export const tokenizeNote = (note) => {
|
export const tokenizeNote = (note) => {
|
||||||
if (typeof note !== 'string') {
|
if (typeof note !== 'string') {
|
||||||
return [];
|
return [];
|
||||||
}
|
}
|
||||||
const [pc, acc = '', oct] = note.match(/^([a-gA-G])([#bsf]*)(-?[0-9]*)$/)?.slice(1) || [];
|
const [pc, acc = '', oct] = note.match(/^([a-gA-G])([#bsf]*)([0-9]*)$/)?.slice(1) || [];
|
||||||
if (!pc) {
|
if (!pc) {
|
||||||
return [];
|
return [];
|
||||||
}
|
}
|
||||||
@@ -23,10 +23,6 @@ export const tokenizeNote = (note) => {
|
|||||||
const chromas = { c: 0, d: 2, e: 4, f: 5, g: 7, a: 9, b: 11 };
|
const chromas = { c: 0, d: 2, e: 4, f: 5, g: 7, a: 9, b: 11 };
|
||||||
const accs = { '#': 1, b: -1, s: 1, f: -1 };
|
const accs = { '#': 1, b: -1, s: 1, f: -1 };
|
||||||
|
|
||||||
export const getAccidentalsOffset = (accidentals) => {
|
|
||||||
return accidentals?.split('').reduce((o, char) => o + accs[char], 0) || 0;
|
|
||||||
};
|
|
||||||
|
|
||||||
// turns the given note into its midi number representation
|
// turns the given note into its midi number representation
|
||||||
export const noteToMidi = (note, defaultOctave = 3) => {
|
export const noteToMidi = (note, defaultOctave = 3) => {
|
||||||
const [pc, acc, oct = defaultOctave] = tokenizeNote(note);
|
const [pc, acc, oct = defaultOctave] = tokenizeNote(note);
|
||||||
@@ -34,7 +30,7 @@ export const noteToMidi = (note, defaultOctave = 3) => {
|
|||||||
throw new Error('not a note: "' + note + '"');
|
throw new Error('not a note: "' + note + '"');
|
||||||
}
|
}
|
||||||
const chroma = chromas[pc.toLowerCase()];
|
const chroma = chromas[pc.toLowerCase()];
|
||||||
const offset = getAccidentalsOffset(acc);
|
const offset = acc?.split('').reduce((o, char) => o + accs[char], 0) || 0;
|
||||||
return (Number(oct) + 1) * 12 + chroma + offset;
|
return (Number(oct) + 1) * 12 + chroma + offset;
|
||||||
};
|
};
|
||||||
export const midiToFreq = (n) => {
|
export const midiToFreq = (n) => {
|
||||||
@@ -491,13 +487,3 @@ export function getCurrentKeyboardState() {
|
|||||||
// }
|
// }
|
||||||
// return lcm((x * y) / gcd(x, y), ...z);
|
// return lcm((x * y) / gcd(x, y), ...z);
|
||||||
// };
|
// };
|
||||||
|
|
||||||
// Takes values -- typically derived from events, i.e. `hap`s -- and renders them
|
|
||||||
// into a readable format
|
|
||||||
export function stringifyValues(value, compact = false) {
|
|
||||||
return typeof value === 'object'
|
|
||||||
? compact
|
|
||||||
? JSON.stringify(value).slice(1, -1).replaceAll('"', '').replaceAll(',', ' ')
|
|
||||||
: JSON.stringify(value)
|
|
||||||
: value;
|
|
||||||
}
|
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@strudel/csound",
|
"name": "@strudel/csound",
|
||||||
"version": "1.2.6",
|
"version": "1.2.3",
|
||||||
"description": "csound bindings for strudel",
|
"description": "csound bindings for strudel",
|
||||||
"main": "index.mjs",
|
"main": "index.mjs",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
@@ -38,8 +38,5 @@
|
|||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"vite": "^6.0.11"
|
"vite": "^6.0.11"
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=18.0.0"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -25,8 +25,5 @@
|
|||||||
"@strudel/core": "workspace:*",
|
"@strudel/core": "workspace:*",
|
||||||
"@tauri-apps/api": "^2.2.0"
|
"@tauri-apps/api": "^2.2.0"
|
||||||
},
|
},
|
||||||
"homepage": "https://codeberg.org/uzu/strudel#readme",
|
"homepage": "https://codeberg.org/uzu/strudel#readme"
|
||||||
"engines": {
|
|
||||||
"node": ">=18.0.0"
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,9 +1,9 @@
|
|||||||
# @strudel/draw
|
# @strudel/canvas
|
||||||
|
|
||||||
Helpers for drawing with the Canvas API and Strudel
|
Helpers for drawing with the Canvas API and Strudel
|
||||||
|
|
||||||
## Install
|
## Install
|
||||||
|
|
||||||
```sh
|
```sh
|
||||||
npm i @strudel/draw --save
|
npm i @strudel/canvas --save
|
||||||
```
|
```
|
||||||
|
|||||||
@@ -84,18 +84,9 @@ Pattern.prototype.onPaint = function (painter) {
|
|||||||
state.controls.painters = [];
|
state.controls.painters = [];
|
||||||
}
|
}
|
||||||
state.controls.painters.push(painter);
|
state.controls.painters.push(painter);
|
||||||
return state;
|
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
// TODO - Why isn't this pure deep copy not working?
|
|
||||||
// Pattern.prototype.onPaint = function (painter) {
|
|
||||||
// return this.withState((state) => {
|
|
||||||
// const painters = state.controls.painters ? [...state.controls.painters, painter] : [painter];
|
|
||||||
// return new State(state.span, { ...state.controls, painters });
|
|
||||||
// });
|
|
||||||
// };
|
|
||||||
|
|
||||||
Pattern.prototype.getPainters = function () {
|
Pattern.prototype.getPainters = function () {
|
||||||
let painters = [];
|
let painters = [];
|
||||||
this.queryArc(0, 0, { painters });
|
this.queryArc(0, 0, { painters });
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@strudel/draw",
|
"name": "@strudel/draw",
|
||||||
"version": "1.2.5",
|
"version": "1.2.2",
|
||||||
"description": "Helpers for drawing with Strudel",
|
"description": "Helpers for drawing with Strudel",
|
||||||
"main": "index.mjs",
|
"main": "index.mjs",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
@@ -33,8 +33,5 @@
|
|||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"vite": "^6.0.11"
|
"vite": "^6.0.11"
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=18.0.0"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@strudel/embed",
|
"name": "@strudel/embed",
|
||||||
"version": "1.1.1",
|
"version": "1.1.0",
|
||||||
"description": "Embeddable Web Component to load a Strudel REPL into an iframe",
|
"description": "Embeddable Web Component to load a Strudel REPL into an iframe",
|
||||||
"main": "embed.js",
|
"main": "embed.js",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
@@ -20,8 +20,5 @@
|
|||||||
"bugs": {
|
"bugs": {
|
||||||
"url": "https://codeberg.org/uzu/strudel/issues"
|
"url": "https://codeberg.org/uzu/strudel/issues"
|
||||||
},
|
},
|
||||||
"homepage": "https://codeberg.org/uzu/strudel#readme",
|
"homepage": "https://codeberg.org/uzu/strudel#readme"
|
||||||
"engines": {
|
|
||||||
"node": ">=18.0.0"
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -40,12 +40,6 @@ const pattern = sequence([
|
|||||||
- D-Pad
|
- D-Pad
|
||||||
- `up`, `down`, `left`, `right` (or `u`, `d`, `l`, `r` or uppercase)
|
- `up`, `down`, `left`, `right` (or `u`, `d`, `l`, `r` or uppercase)
|
||||||
- Toggle versions: `tglUp`, `tglDown`, `tglLeft`, `tglRight`(or `tglU`, `tglD`, `tglL`, `tglR`)
|
- Toggle versions: `tglUp`, `tglDown`, `tglLeft`, `tglRight`(or `tglU`, `tglD`, `tglL`, `tglR`)
|
||||||
- Stick Buttons
|
|
||||||
- `l3`, `r3` (or `ls`, `rs`)
|
|
||||||
- Toggle versions: `tglL3`, `tglR3` (or `tglLS`, `tglRS`)
|
|
||||||
- System Buttons
|
|
||||||
- `start`, `back` (or uppercase `START`, `BACK`)
|
|
||||||
- Toggle versions: `tglStart`, `tglBack` (or `tglSTART`, `tglBACK`)
|
|
||||||
|
|
||||||
### Analog Sticks
|
### Analog Sticks
|
||||||
- Left Stick
|
- Left Stick
|
||||||
|
|||||||
@@ -29,10 +29,6 @@ The gamepad module provides access to buttons and analog sticks as normalized si
|
|||||||
| | Toggle versions: `tglLB`, `tglRB`, `tglLT`, `tglRT` |
|
| | Toggle versions: `tglLB`, `tglRB`, `tglLT`, `tglRT` |
|
||||||
| D-Pad | `up`, `down`, `left`, `right` (or `u`, `d`, `l`, `r` or uppercase) |
|
| D-Pad | `up`, `down`, `left`, `right` (or `u`, `d`, `l`, `r` or uppercase) |
|
||||||
| | Toggle versions: `tglUp`, `tglDown`, `tglLeft`, `tglRight` (or `tglU`, `tglD`, `tglL`, `tglR`) |
|
| | Toggle versions: `tglUp`, `tglDown`, `tglLeft`, `tglRight` (or `tglU`, `tglD`, `tglL`, `tglR`) |
|
||||||
| Stick Buttons | `l3`, 'r3' (or `ls`, `rs`) |
|
|
||||||
| | Toggle versions: `tglL3`, 'tglR3' (or `tglLs`, `tglRs`) |
|
|
||||||
| System Buttons | `start`, `back` (or uppercase `START`, `BACK`) |
|
|
||||||
| | Toggle versions: `tglStart`, `tglBack` (or `tglSTART`, `tglBACK`) |
|
|
||||||
|
|
||||||
### Analog Sticks
|
### Analog Sticks
|
||||||
|
|
||||||
|
|||||||
@@ -14,10 +14,6 @@ export const buttonMap = {
|
|||||||
rt: 7,
|
rt: 7,
|
||||||
back: 8,
|
back: 8,
|
||||||
start: 9,
|
start: 9,
|
||||||
l3: 10,
|
|
||||||
ls: 10,
|
|
||||||
r3: 11,
|
|
||||||
rs: 11,
|
|
||||||
u: 12,
|
u: 12,
|
||||||
up: 12,
|
up: 12,
|
||||||
d: 13,
|
d: 13,
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@strudel/gamepad",
|
"name": "@strudel/gamepad",
|
||||||
"version": "1.2.5",
|
"version": "1.2.2",
|
||||||
"description": "Gamepad Inputs for strudel",
|
"description": "Gamepad Inputs for strudel",
|
||||||
"main": "index.mjs",
|
"main": "index.mjs",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
@@ -33,8 +33,5 @@
|
|||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"vite": "^6.0.11"
|
"vite": "^6.0.11"
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=18.0.0"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -34,8 +34,5 @@
|
|||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"tree-sitter-haskell": "^0.23.1",
|
"tree-sitter-haskell": "^0.23.1",
|
||||||
"vite": "^6.0.11"
|
"vite": "^6.0.11"
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=18.0.0"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@strudel/hydra",
|
"name": "@strudel/hydra",
|
||||||
"version": "1.2.5",
|
"version": "1.2.2",
|
||||||
"description": "Hydra integration for strudel",
|
"description": "Hydra integration for strudel",
|
||||||
"main": "hydra.mjs",
|
"main": "hydra.mjs",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
@@ -40,8 +40,5 @@
|
|||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"pkg": "^5.8.1",
|
"pkg": "^5.8.1",
|
||||||
"vite": "^6.0.11"
|
"vite": "^6.0.11"
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=18.0.0"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
+42
-62
@@ -5,10 +5,9 @@ This program is free software: you can redistribute it and/or modify it under th
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
import * as _WebMidi from 'webmidi';
|
import * as _WebMidi from 'webmidi';
|
||||||
import { Pattern, isPattern, logger, ref } from '@strudel/core';
|
import { Pattern, getEventOffsetMs, isPattern, logger, ref } from '@strudel/core';
|
||||||
import { noteToMidi, getControlName } from '@strudel/core';
|
import { noteToMidi, getControlName } from '@strudel/core';
|
||||||
import { Note } from 'webmidi';
|
import { Note } from 'webmidi';
|
||||||
import { scheduleAtTime } from '../superdough/helpers.mjs';
|
|
||||||
|
|
||||||
// if you use WebMidi from outside of this package, make sure to import that instance:
|
// if you use WebMidi from outside of this package, make sure to import that instance:
|
||||||
export const { WebMidi } = _WebMidi;
|
export const { WebMidi } = _WebMidi;
|
||||||
@@ -191,7 +190,7 @@ function mapCC(mapping, value) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// sends a cc message to the given device on the given channel
|
// sends a cc message to the given device on the given channel
|
||||||
function sendCC(ccn, ccv, device, midichan, targetTime) {
|
function sendCC(ccn, ccv, device, midichan, timeOffsetString) {
|
||||||
if (typeof ccv !== 'number' || ccv < 0 || ccv > 1) {
|
if (typeof ccv !== 'number' || ccv < 0 || ccv > 1) {
|
||||||
throw new Error('expected ccv to be a number between 0 and 1');
|
throw new Error('expected ccv to be a number between 0 and 1');
|
||||||
}
|
}
|
||||||
@@ -199,23 +198,19 @@ function sendCC(ccn, ccv, device, midichan, targetTime) {
|
|||||||
throw new Error('expected ccn to be a number or a string');
|
throw new Error('expected ccn to be a number or a string');
|
||||||
}
|
}
|
||||||
const scaled = Math.round(ccv * 127);
|
const scaled = Math.round(ccv * 127);
|
||||||
scheduleAtTime(() => {
|
device.sendControlChange(ccn, scaled, midichan, { time: timeOffsetString });
|
||||||
device.sendControlChange(ccn, scaled, midichan);
|
|
||||||
}, targetTime);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// sends a program change message to the given device on the given channel
|
// sends a program change message to the given device on the given channel
|
||||||
function sendProgramChange(progNum, device, midichan, targetTime) {
|
function sendProgramChange(progNum, device, midichan, timeOffsetString) {
|
||||||
if (typeof progNum !== 'number' || progNum < 0 || progNum > 127) {
|
if (typeof progNum !== 'number' || progNum < 0 || progNum > 127) {
|
||||||
throw new Error('expected progNum (program change) to be a number between 0 and 127');
|
throw new Error('expected progNum (program change) to be a number between 0 and 127');
|
||||||
}
|
}
|
||||||
scheduleAtTime(() => {
|
device.sendProgramChange(progNum, midichan, { time: timeOffsetString });
|
||||||
device.sendProgramChange(progNum, midichan);
|
|
||||||
}, targetTime);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// sends a sysex message to the given device on the given channel
|
// sends a sysex message to the given device on the given channel
|
||||||
function sendSysex(sysexid, sysexdata, device, targetTime) {
|
function sendSysex(sysexid, sysexdata, device, timeOffsetString) {
|
||||||
if (Array.isArray(sysexid)) {
|
if (Array.isArray(sysexid)) {
|
||||||
if (!sysexid.every((byte) => Number.isInteger(byte) && byte >= 0 && byte <= 255)) {
|
if (!sysexid.every((byte) => Number.isInteger(byte) && byte >= 0 && byte <= 255)) {
|
||||||
throw new Error('all sysexid bytes must be integers between 0 and 255');
|
throw new Error('all sysexid bytes must be integers between 0 and 255');
|
||||||
@@ -230,13 +225,11 @@ function sendSysex(sysexid, sysexdata, device, targetTime) {
|
|||||||
if (!sysexdata.every((byte) => Number.isInteger(byte) && byte >= 0 && byte <= 255)) {
|
if (!sysexdata.every((byte) => Number.isInteger(byte) && byte >= 0 && byte <= 255)) {
|
||||||
throw new Error('all sysex bytes must be integers between 0 and 255');
|
throw new Error('all sysex bytes must be integers between 0 and 255');
|
||||||
}
|
}
|
||||||
scheduleAtTime(() => {
|
device.sendSysex(sysexid, sysexdata, { time: timeOffsetString });
|
||||||
device.sendSysex(sysexid, sysexdata);
|
|
||||||
}, targetTime);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// sends a NRPN message to the given device on the given channel
|
// sends a NRPN message to the given device on the given channel
|
||||||
function sendNRPN(nrpnn, nrpv, device, midichan, targetTime) {
|
function sendNRPN(nrpnn, nrpv, device, midichan, timeOffsetString) {
|
||||||
if (Array.isArray(nrpnn)) {
|
if (Array.isArray(nrpnn)) {
|
||||||
if (!nrpnn.every((byte) => Number.isInteger(byte) && byte >= 0 && byte <= 255)) {
|
if (!nrpnn.every((byte) => Number.isInteger(byte) && byte >= 0 && byte <= 255)) {
|
||||||
throw new Error('all nrpnn bytes must be integers between 0 and 255');
|
throw new Error('all nrpnn bytes must be integers between 0 and 255');
|
||||||
@@ -244,34 +237,28 @@ function sendNRPN(nrpnn, nrpv, device, midichan, targetTime) {
|
|||||||
} else if (!Number.isInteger(nrpv) || nrpv < 0 || nrpv > 255) {
|
} else if (!Number.isInteger(nrpv) || nrpv < 0 || nrpv > 255) {
|
||||||
throw new Error('A:sysexid must be an number between 0 and 255 or an array of such integers');
|
throw new Error('A:sysexid must be an number between 0 and 255 or an array of such integers');
|
||||||
}
|
}
|
||||||
scheduleAtTime(() => {
|
|
||||||
device.sendNRPN(nrpnn, nrpv, midichan);
|
device.sendNRPN(nrpnn, nrpv, midichan, { time: timeOffsetString });
|
||||||
}, targetTime);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// sends a pitch bend message to the given device on the given channel
|
// sends a pitch bend message to the given device on the given channel
|
||||||
function sendPitchBend(midibend, device, midichan, targetTime) {
|
function sendPitchBend(midibend, device, midichan, timeOffsetString) {
|
||||||
if (typeof midibend !== 'number' || midibend < -1 || midibend > 1) {
|
if (typeof midibend !== 'number' || midibend < -1 || midibend > 1) {
|
||||||
throw new Error('expected midibend to be a number between -1 and 1');
|
throw new Error('expected midibend to be a number between -1 and 1');
|
||||||
}
|
}
|
||||||
scheduleAtTime(() => {
|
device.sendPitchBend(midibend, midichan, { time: timeOffsetString });
|
||||||
device.sendPitchBend(midibend, midichan);
|
|
||||||
}, targetTime);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// sends a channel aftertouch message to the given device on the given channel
|
// sends a channel aftertouch message to the given device on the given channel
|
||||||
function sendAftertouch(miditouch, device, midichan, targetTime) {
|
function sendAftertouch(miditouch, device, midichan, timeOffsetString) {
|
||||||
if (typeof miditouch !== 'number' || miditouch < 0 || miditouch > 1) {
|
if (typeof miditouch !== 'number' || miditouch < 0 || miditouch > 1) {
|
||||||
throw new Error('expected miditouch to be a number between 0 and 1');
|
throw new Error('expected miditouch to be a number between 0 and 1');
|
||||||
}
|
}
|
||||||
|
device.sendChannelAftertouch(miditouch, midichan, { time: timeOffsetString });
|
||||||
scheduleAtTime(() => {
|
|
||||||
device.sendChannelAftertouch(miditouch, midichan);
|
|
||||||
}, targetTime);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// sends a note message to the given device on the given channel
|
// sends a note message to the given device on the given channel
|
||||||
function sendNote(note, velocity, duration, device, midichan, targetTime) {
|
function sendNote(note, velocity, duration, device, midichan, timeOffsetString) {
|
||||||
if (note == null || note === '') {
|
if (note == null || note === '') {
|
||||||
throw new Error('note cannot be null or empty');
|
throw new Error('note cannot be null or empty');
|
||||||
}
|
}
|
||||||
@@ -281,12 +268,12 @@ function sendNote(note, velocity, duration, device, midichan, targetTime) {
|
|||||||
if (duration != null && (typeof duration !== 'number' || duration < 0)) {
|
if (duration != null && (typeof duration !== 'number' || duration < 0)) {
|
||||||
throw new Error('duration must be a positive number');
|
throw new Error('duration must be a positive number');
|
||||||
}
|
}
|
||||||
|
|
||||||
const midiNumber = typeof note === 'number' ? note : noteToMidi(note);
|
const midiNumber = typeof note === 'number' ? note : noteToMidi(note);
|
||||||
const midiNote = new Note(midiNumber, { attack: velocity, duration });
|
const midiNote = new Note(midiNumber, { attack: velocity, duration });
|
||||||
|
device.playNote(midiNote, midichan, {
|
||||||
scheduleAtTime(() => {
|
time: timeOffsetString,
|
||||||
device.playNote(midiNote, midichan);
|
});
|
||||||
}, targetTime);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@@ -322,6 +309,7 @@ Pattern.prototype.midi = function (midiport, options = {}) {
|
|||||||
let midiConfig = {
|
let midiConfig = {
|
||||||
// Default configuration values
|
// Default configuration values
|
||||||
isController: false, // Disable sending notes for midi controllers
|
isController: false, // Disable sending notes for midi controllers
|
||||||
|
latencyMs: 34, // Default latency to get audio engine to line up in ms
|
||||||
noteOffsetMs: 10, // Default note-off offset to prevent glitching in ms
|
noteOffsetMs: 10, // Default note-off offset to prevent glitching in ms
|
||||||
midichannel: 1, // Default MIDI channel
|
midichannel: 1, // Default MIDI channel
|
||||||
velocity: 0.9, // Default velocity
|
velocity: 0.9, // Default velocity
|
||||||
@@ -345,13 +333,18 @@ Pattern.prototype.midi = function (midiport, options = {}) {
|
|||||||
logger(`Midi device disconnected! Available: ${getMidiDeviceNamesString(outputs)}`),
|
logger(`Midi device disconnected! Available: ${getMidiDeviceNamesString(outputs)}`),
|
||||||
});
|
});
|
||||||
|
|
||||||
return this.onTrigger((hap, _currentTime, cps, targetTime) => {
|
return this.onTrigger((hap, currentTime, cps, targetTime) => {
|
||||||
if (!WebMidi.enabled) {
|
if (!WebMidi.enabled) {
|
||||||
logger('Midi not enabled');
|
logger('Midi not enabled');
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
hap.ensureObjectValue();
|
hap.ensureObjectValue();
|
||||||
|
|
||||||
|
//magic number to get audio engine to line up, can probably be calculated somehow
|
||||||
|
const latencyMs = midiConfig.latencyMs;
|
||||||
|
// passing a string with a +num into the webmidi api adds an offset to the current time https://webmidijs.org/api/classes/Output
|
||||||
|
const timeOffsetString = `+${getEventOffsetMs(targetTime, currentTime) + latencyMs}`;
|
||||||
|
|
||||||
// midi event values from hap with configurable defaults
|
// midi event values from hap with configurable defaults
|
||||||
let {
|
let {
|
||||||
note,
|
note,
|
||||||
@@ -387,7 +380,7 @@ Pattern.prototype.midi = function (midiport, options = {}) {
|
|||||||
// if midimap is set, send a cc messages from defined controls
|
// if midimap is set, send a cc messages from defined controls
|
||||||
if (midicontrolMap.has(midimap)) {
|
if (midicontrolMap.has(midimap)) {
|
||||||
const ccs = mapCC(midicontrolMap.get(midimap), hap.value);
|
const ccs = mapCC(midicontrolMap.get(midimap), hap.value);
|
||||||
ccs.forEach(({ ccn, ccv }) => sendCC(ccn, ccv, device, midichan, targetTime));
|
ccs.forEach(({ ccn, ccv }) => sendCC(ccn, ccv, device, midichan, timeOffsetString));
|
||||||
} else if (midimap !== 'default') {
|
} else if (midimap !== 'default') {
|
||||||
// Add warning when a non-existent midimap is specified
|
// Add warning when a non-existent midimap is specified
|
||||||
logger(`[midi] midimap "${midimap}" not found! Available maps: ${[...midicontrolMap.keys()].join(', ')}`);
|
logger(`[midi] midimap "${midimap}" not found! Available maps: ${[...midicontrolMap.keys()].join(', ')}`);
|
||||||
@@ -399,12 +392,12 @@ Pattern.prototype.midi = function (midiport, options = {}) {
|
|||||||
// try to prevent glitching by subtracting noteOffsetMs from the duration length
|
// try to prevent glitching by subtracting noteOffsetMs from the duration length
|
||||||
const duration = (hap.duration.valueOf() / cps) * 1000 - midiConfig.noteOffsetMs;
|
const duration = (hap.duration.valueOf() / cps) * 1000 - midiConfig.noteOffsetMs;
|
||||||
|
|
||||||
sendNote(note, velocity, duration, device, midichan, targetTime);
|
sendNote(note, velocity, duration, device, midichan, timeOffsetString);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Handle program change
|
// Handle program change
|
||||||
if (progNum !== undefined) {
|
if (progNum !== undefined) {
|
||||||
sendProgramChange(progNum, device, midichan, targetTime);
|
sendProgramChange(progNum, device, midichan, timeOffsetString);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Handle sysex
|
// Handle sysex
|
||||||
@@ -414,63 +407,53 @@ Pattern.prototype.midi = function (midiport, options = {}) {
|
|||||||
// if sysexid is an array the first byte is 0x00
|
// if sysexid is an array the first byte is 0x00
|
||||||
|
|
||||||
if (sysexid !== undefined && sysexdata !== undefined) {
|
if (sysexid !== undefined && sysexdata !== undefined) {
|
||||||
sendSysex(sysexid, sysexdata, device, targetTime);
|
sendSysex(sysexid, sysexdata, device, timeOffsetString);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Handle control change
|
// Handle control change
|
||||||
if (ccv !== undefined && ccn !== undefined) {
|
if (ccv !== undefined && ccn !== undefined) {
|
||||||
sendCC(ccn, ccv, device, midichan, targetTime);
|
sendCC(ccn, ccv, device, midichan, timeOffsetString);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Handle NRPN non-registered parameter number
|
// Handle NRPN non-registered parameter number
|
||||||
if (nrpnn !== undefined && nrpv !== undefined) {
|
if (nrpnn !== undefined && nrpv !== undefined) {
|
||||||
sendNRPN(nrpnn, nrpv, device, midichan, targetTime);
|
sendNRPN(nrpnn, nrpv, device, midichan, timeOffsetString);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Handle midibend
|
// Handle midibend
|
||||||
if (midibend !== undefined) {
|
if (midibend !== undefined) {
|
||||||
sendPitchBend(midibend, device, midichan, targetTime);
|
sendPitchBend(midibend, device, midichan, timeOffsetString);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Handle miditouch
|
// Handle miditouch
|
||||||
if (miditouch !== undefined) {
|
if (miditouch !== undefined) {
|
||||||
sendAftertouch(miditouch, device, midichan, targetTime);
|
sendAftertouch(miditouch, device, midichan, timeOffsetString);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Handle midicmd
|
// Handle midicmd
|
||||||
if (hap.whole.begin + 0 === 0) {
|
if (hap.whole.begin + 0 === 0) {
|
||||||
// we need to start here because we have the timing info
|
// we need to start here because we have the timing info
|
||||||
scheduleAtTime(() => {
|
device.sendStart({ time: timeOffsetString });
|
||||||
device.sendStart();
|
|
||||||
}, targetTime);
|
|
||||||
}
|
}
|
||||||
if (['clock', 'midiClock'].includes(midicmd)) {
|
if (['clock', 'midiClock'].includes(midicmd)) {
|
||||||
scheduleAtTime(() => {
|
device.sendClock({ time: timeOffsetString });
|
||||||
device.sendClock();
|
|
||||||
}, targetTime);
|
|
||||||
} else if (['start'].includes(midicmd)) {
|
} else if (['start'].includes(midicmd)) {
|
||||||
scheduleAtTime(() => {
|
device.sendStart({ time: timeOffsetString });
|
||||||
device.sendStart();
|
|
||||||
}, targetTime);
|
|
||||||
} else if (['stop'].includes(midicmd)) {
|
} else if (['stop'].includes(midicmd)) {
|
||||||
scheduleAtTime(() => {
|
device.sendStop({ time: timeOffsetString });
|
||||||
device.sendStop();
|
|
||||||
}, targetTime);
|
|
||||||
} else if (['continue'].includes(midicmd)) {
|
} else if (['continue'].includes(midicmd)) {
|
||||||
scheduleAtTime(() => {
|
device.sendContinue({ time: timeOffsetString });
|
||||||
device.sendContinue();
|
|
||||||
}, targetTime);
|
|
||||||
} else if (Array.isArray(midicmd)) {
|
} else if (Array.isArray(midicmd)) {
|
||||||
if (midicmd[0] === 'progNum') {
|
if (midicmd[0] === 'progNum') {
|
||||||
sendProgramChange(midicmd[1], device, midichan, targetTime);
|
sendProgramChange(midicmd[1], device, midichan, timeOffsetString);
|
||||||
} else if (midicmd[0] === 'cc') {
|
} else if (midicmd[0] === 'cc') {
|
||||||
if (midicmd.length === 2) {
|
if (midicmd.length === 2) {
|
||||||
sendCC(midicmd[0], midicmd[1] / 127, device, midichan, targetTime);
|
sendCC(midicmd[0], midicmd[1] / 127, device, midichan, timeOffsetString);
|
||||||
}
|
}
|
||||||
} else if (midicmd[0] === 'sysex') {
|
} else if (midicmd[0] === 'sysex') {
|
||||||
if (midicmd.length === 3) {
|
if (midicmd.length === 3) {
|
||||||
const [_, id, data] = midicmd;
|
const [_, id, data] = midicmd;
|
||||||
sendSysex(id, data, device, targetTime);
|
sendSysex(id, data, device, timeOffsetString);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -510,9 +493,6 @@ export async function midin(input) {
|
|||||||
otherInputs?.length ? `Also available: ${getMidiDeviceNamesString(otherInputs)}` : ''
|
otherInputs?.length ? `Also available: ${getMidiDeviceNamesString(otherInputs)}` : ''
|
||||||
}`,
|
}`,
|
||||||
);
|
);
|
||||||
}
|
|
||||||
// ensure refs for this input are initialized
|
|
||||||
if (!refs[input]) {
|
|
||||||
refs[input] = {};
|
refs[input] = {};
|
||||||
}
|
}
|
||||||
const cc = (cc) => ref(() => refs[input][cc] || 0);
|
const cc = (cc) => ref(() => refs[input][cc] || 0);
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@strudel/midi",
|
"name": "@strudel/midi",
|
||||||
"version": "1.2.6",
|
"version": "1.2.3",
|
||||||
"description": "Midi API for strudel",
|
"description": "Midi API for strudel",
|
||||||
"main": "index.mjs",
|
"main": "index.mjs",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
@@ -35,8 +35,5 @@
|
|||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"vite": "^6.0.11"
|
"vite": "^6.0.11"
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=18.0.0"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
import { describe, bench } from 'vitest';
|
import { describe, bench } from 'vitest';
|
||||||
|
|
||||||
import { calculateSteps } from '../../core/index.mjs';
|
import { calculateTactus } from '../../core/index.mjs';
|
||||||
import { mini } from '../index.mjs';
|
import { mini } from '../index.mjs';
|
||||||
|
|
||||||
describe('mini', () => {
|
describe('mini', () => {
|
||||||
calculateSteps(true);
|
calculateTactus(true);
|
||||||
bench(
|
bench(
|
||||||
'+tactus',
|
'+tactus',
|
||||||
() => {
|
() => {
|
||||||
@@ -13,7 +13,7 @@ describe('mini', () => {
|
|||||||
{ time: 1000 },
|
{ time: 1000 },
|
||||||
);
|
);
|
||||||
|
|
||||||
calculateSteps(false);
|
calculateTactus(false);
|
||||||
bench(
|
bench(
|
||||||
'-tactus',
|
'-tactus',
|
||||||
() => {
|
() => {
|
||||||
@@ -21,5 +21,5 @@ describe('mini', () => {
|
|||||||
},
|
},
|
||||||
{ time: 1000 },
|
{ time: 1000 },
|
||||||
);
|
);
|
||||||
calculateSteps(true);
|
calculateTactus(true);
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@strudel/mini",
|
"name": "@strudel/mini",
|
||||||
"version": "1.2.5",
|
"version": "1.2.2",
|
||||||
"description": "Mini notation for strudel",
|
"description": "Mini notation for strudel",
|
||||||
"main": "index.mjs",
|
"main": "index.mjs",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
@@ -38,8 +38,5 @@
|
|||||||
"peggy": "^4.2.0",
|
"peggy": "^4.2.0",
|
||||||
"vite": "^6.0.11",
|
"vite": "^6.0.11",
|
||||||
"vitest": "^3.0.4"
|
"vitest": "^3.0.4"
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=18.0.0"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -21,14 +21,13 @@ export class MondoParser {
|
|||||||
close_curly: /^\}/,
|
close_curly: /^\}/,
|
||||||
number: /^-?[0-9]*\.?[0-9]+/, // before pipe!
|
number: /^-?[0-9]*\.?[0-9]+/, // before pipe!
|
||||||
// TODO: better error handling when "-" is used as rest, e.g "s [- bd]"
|
// TODO: better error handling when "-" is used as rest, e.g "s [- bd]"
|
||||||
op: /^[*/:!@%?+\-&]|^\.{2}/, // * / : ! @ % ? ..
|
op: /^[*/:!@%?+-]|^\.{2}/, // * / : ! @ % ? ..
|
||||||
// dollar: /^\$/,
|
// dollar: /^\$/,
|
||||||
pipe: /^#/,
|
pipe: /^#/,
|
||||||
stack: /^[,$]/,
|
stack: /^[,$]/,
|
||||||
or: /^[|]/,
|
or: /^[|]/,
|
||||||
plain: /^[a-zA-Z0-9-~_^#]+/,
|
plain: /^[a-zA-Z0-9-~_^#]+/,
|
||||||
};
|
};
|
||||||
op_precedence = [['*', '/', ':', '!', '@', '%', '?', '+', '-', '..'], ['&']];
|
|
||||||
// matches next token
|
// matches next token
|
||||||
next_token(code, offset = 0) {
|
next_token(code, offset = 0) {
|
||||||
for (let type in this.token_types) {
|
for (let type in this.token_types) {
|
||||||
@@ -151,9 +150,9 @@ export class MondoParser {
|
|||||||
}
|
}
|
||||||
return children;
|
return children;
|
||||||
}
|
}
|
||||||
desugar_ops(children, types) {
|
desugar_ops(children) {
|
||||||
while (true) {
|
while (true) {
|
||||||
let opIndex = children.findIndex((child) => child.type === 'op' && types.includes(child.value));
|
let opIndex = children.findIndex((child) => child.type === 'op');
|
||||||
if (opIndex === -1) break;
|
if (opIndex === -1) break;
|
||||||
const op = { type: 'plain', value: children[opIndex].value };
|
const op = { type: 'plain', value: children[opIndex].value };
|
||||||
if (opIndex === children.length - 1) {
|
if (opIndex === children.length - 1) {
|
||||||
@@ -264,10 +263,8 @@ export class MondoParser {
|
|||||||
// the type we've removed before splitting needs to be added back
|
// the type we've removed before splitting needs to be added back
|
||||||
children = [{ type: 'plain', value: type }, ...children];
|
children = [{ type: 'plain', value: type }, ...children];
|
||||||
}
|
}
|
||||||
// for each precendence group, call desugar_ops once
|
children = this.desugar_ops(children);
|
||||||
this.op_precedence.forEach((ops) => {
|
// children = this.desugar_pipes(children, (children) => this.desugar_dollars(children));
|
||||||
children = this.desugar_ops(children, ops);
|
|
||||||
});
|
|
||||||
children = this.desugar_pipes(children);
|
children = this.desugar_pipes(children);
|
||||||
return children;
|
return children;
|
||||||
}),
|
}),
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "mondolang",
|
"name": "mondolang",
|
||||||
"version": "1.1.1",
|
"version": "1.1.0",
|
||||||
"description": "a language for functional composition that translates to js",
|
"description": "a language for functional composition that translates to js",
|
||||||
"main": "mondo.mjs",
|
"main": "mondo.mjs",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
@@ -33,8 +33,5 @@
|
|||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"vite": "^6.0.11",
|
"vite": "^6.0.11",
|
||||||
"vitest": "^3.0.4"
|
"vitest": "^3.0.4"
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=18.0.0"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -117,7 +117,6 @@ describe('mondo sugar', () => {
|
|||||||
it('should desugar x:y', () => expect(desguar('x:y')).toEqual('(: y x)'));
|
it('should desugar x:y', () => expect(desguar('x:y')).toEqual('(: y x)'));
|
||||||
it('should desugar x:y:z', () => expect(desguar('x:y:z')).toEqual('(: z (: y x))'));
|
it('should desugar x:y:z', () => expect(desguar('x:y:z')).toEqual('(: z (: y x))'));
|
||||||
it('should desugar x:y*x', () => expect(desguar('bd:0*2')).toEqual('(* 2 (: 0 bd))'));
|
it('should desugar x:y*x', () => expect(desguar('bd:0*2')).toEqual('(* 2 (: 0 bd))'));
|
||||||
it('should desugar x&y:z', () => expect(desguar('bd&3:8')).toEqual('(& (: 8 3) bd)'));
|
|
||||||
it('should desugar a..b', () => expect(desguar('0..2')).toEqual('(.. 2 0)'));
|
it('should desugar a..b', () => expect(desguar('0..2')).toEqual('(.. 2 0)'));
|
||||||
/* it('should desugar x $ y', () => expect(desguar('x $ y')).toEqual('(x y)'));
|
/* it('should desugar x $ y', () => expect(desguar('x $ y')).toEqual('(x y)'));
|
||||||
it('should desugar x $ y z', () => expect(desguar('x $ y z')).toEqual('(x (y z))'));
|
it('should desugar x $ y z', () => expect(desguar('x $ y z')).toEqual('(x (y z))'));
|
||||||
|
|||||||
@@ -5,13 +5,12 @@ import {
|
|||||||
slow,
|
slow,
|
||||||
seq,
|
seq,
|
||||||
stepcat,
|
stepcat,
|
||||||
replicate,
|
extend,
|
||||||
expand,
|
expand,
|
||||||
pace,
|
pace,
|
||||||
chooseIn,
|
chooseIn,
|
||||||
degradeBy,
|
degradeBy,
|
||||||
silence,
|
silence,
|
||||||
bjork,
|
|
||||||
} from '@strudel/core';
|
} from '@strudel/core';
|
||||||
import { registerLanguage } from '@strudel/transpiler';
|
import { registerLanguage } from '@strudel/transpiler';
|
||||||
import { MondoRunner } from 'mondolang';
|
import { MondoRunner } from 'mondolang';
|
||||||
@@ -37,11 +36,10 @@ lib.square = (...args) => stepcat(...args).setSteps(1);
|
|||||||
lib.angle = (...args) => stepcat(...args).pace(1);
|
lib.angle = (...args) => stepcat(...args).pace(1);
|
||||||
lib['*'] = fast;
|
lib['*'] = fast;
|
||||||
lib['/'] = slow;
|
lib['/'] = slow;
|
||||||
lib['!'] = replicate;
|
lib['!'] = extend;
|
||||||
lib['@'] = expand;
|
lib['@'] = expand;
|
||||||
lib['%'] = pace;
|
lib['%'] = pace;
|
||||||
lib['?'] = degradeBy; // todo: default 0.5 not working..
|
lib['?'] = degradeBy; // todo: default 0.5 not working..
|
||||||
lib['&'] = bjork;
|
|
||||||
lib[':'] = tail;
|
lib[':'] = tail;
|
||||||
lib['..'] = range;
|
lib['..'] = range;
|
||||||
lib['def'] = () => silence;
|
lib['def'] = () => silence;
|
||||||
@@ -87,7 +85,7 @@ function evaluator(node, scope) {
|
|||||||
let pat;
|
let pat;
|
||||||
if (type === 'plain' && typeof variable !== 'undefined') {
|
if (type === 'plain' && typeof variable !== 'undefined') {
|
||||||
// some function names are not patternable, so we skip reification here
|
// some function names are not patternable, so we skip reification here
|
||||||
if (['!', 'extend', '@', 'expand', 'square', 'angle', 'all', 'setcpm', 'setcps'].includes(value)) {
|
if (['!', 'extend', '@', 'expand', 'square', 'angle'].includes(value)) {
|
||||||
return variable;
|
return variable;
|
||||||
}
|
}
|
||||||
pat = reify(variable);
|
pat = reify(variable);
|
||||||
@@ -110,7 +108,7 @@ export function mondo(code, offset = 0) {
|
|||||||
return pat.markcss('color: var(--caret,--foreground);text-decoration:underline');
|
return pat.markcss('color: var(--caret,--foreground);text-decoration:underline');
|
||||||
}
|
}
|
||||||
|
|
||||||
export let getLocations = (code, offset) => runner.parser.get_locations(code, offset);
|
let getLocations = (code, offset) => runner.parser.get_locations(code, offset);
|
||||||
|
|
||||||
export const mondi = (str, offset) => {
|
export const mondi = (str, offset) => {
|
||||||
const code = `[${str}]`;
|
const code = `[${str}]`;
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@strudel/mondo",
|
"name": "@strudel/mondo",
|
||||||
"version": "1.1.5",
|
"version": "1.1.0",
|
||||||
"description": "mondo notation for strudel",
|
"description": "mondo notation for strudel",
|
||||||
"main": "mondough.mjs",
|
"main": "mondough.mjs",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
@@ -40,8 +40,5 @@
|
|||||||
"mondo": "*",
|
"mondo": "*",
|
||||||
"vite": "^6.0.11",
|
"vite": "^6.0.11",
|
||||||
"vitest": "^3.0.4"
|
"vitest": "^3.0.4"
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=18.0.0"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
import { defineConfig } from 'vite';
|
import { defineConfig } from 'vite';
|
||||||
import { dependencies } from './package.json';
|
//import { dependencies } from './package.json';
|
||||||
import { resolve } from 'path';
|
import { resolve } from 'path';
|
||||||
|
|
||||||
// https://vitejs.dev/config/
|
// https://vitejs.dev/config/
|
||||||
@@ -12,7 +12,7 @@ export default defineConfig({
|
|||||||
fileName: (ext) => ({ es: 'mondough.mjs' })[ext],
|
fileName: (ext) => ({ es: 'mondough.mjs' })[ext],
|
||||||
},
|
},
|
||||||
rollupOptions: {
|
rollupOptions: {
|
||||||
external: [...Object.keys(dependencies)],
|
// external: [...Object.keys(dependencies)],
|
||||||
},
|
},
|
||||||
target: 'esnext',
|
target: 'esnext',
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@strudel/motion",
|
"name": "@strudel/motion",
|
||||||
"version": "1.2.5",
|
"version": "1.2.2",
|
||||||
"description": "DeviceMotion API for strudel",
|
"description": "DeviceMotion API for strudel",
|
||||||
"main": "index.mjs",
|
"main": "index.mjs",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
@@ -33,8 +33,5 @@
|
|||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"vite": "^6.0.11"
|
"vite": "^6.0.11"
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=18.0.0"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -82,7 +82,7 @@ Pattern.prototype.mqtt = function (
|
|||||||
cx.connect(props);
|
cx.connect(props);
|
||||||
}
|
}
|
||||||
return this.withHap((hap) => {
|
return this.withHap((hap) => {
|
||||||
const onTrigger = (hap, currentTime, cps, targetTime) => {
|
const onTrigger = (t_deprecate, hap, currentTime, cps, targetTime) => {
|
||||||
let msg_topic = topic;
|
let msg_topic = topic;
|
||||||
if (!cx || !cx.isConnected()) {
|
if (!cx || !cx.isConnected()) {
|
||||||
return;
|
return;
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@strudel/mqtt",
|
"name": "@strudel/mqtt",
|
||||||
"version": "1.2.5",
|
"version": "1.2.2",
|
||||||
"description": "MQTT API for strudel",
|
"description": "MQTT API for strudel",
|
||||||
"main": "mqtt.mjs",
|
"main": "mqtt.mjs",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
@@ -34,8 +34,5 @@
|
|||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"vite": "^6.0.11"
|
"vite": "^6.0.11"
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=18.0.0"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
+16
-26
@@ -4,13 +4,21 @@ OSC output for strudel patterns! Currently only tested with super collider / sup
|
|||||||
|
|
||||||
## Usage
|
## Usage
|
||||||
|
|
||||||
Assuming you have [node.js](https://nodejs.org/) installed, you can run the osc bridge server via:
|
OSC will only work if you run the REPL locally + the OSC server besides it:
|
||||||
|
|
||||||
```sh
|
From the project root:
|
||||||
npx @strudel/osc
|
|
||||||
|
```js
|
||||||
|
npm run repl
|
||||||
```
|
```
|
||||||
|
|
||||||
You should see something like:
|
and in a seperate shell:
|
||||||
|
|
||||||
|
```js
|
||||||
|
npm run osc
|
||||||
|
```
|
||||||
|
|
||||||
|
This should give you
|
||||||
|
|
||||||
```log
|
```log
|
||||||
osc client running on port 57120
|
osc client running on port 57120
|
||||||
@@ -18,32 +26,14 @@ osc server running on port 57121
|
|||||||
websocket server running on port 8080
|
websocket server running on port 8080
|
||||||
```
|
```
|
||||||
|
|
||||||
### --port
|
Now open Supercollider (with the super dirt startup file)
|
||||||
|
|
||||||
By default it will use port 57120 for the osc client, which is what [superdirt](https://github.com/musikinformatik/SuperDirt) uses. You can change it via the `--port` option:
|
Now open the REPL and type:
|
||||||
|
|
||||||
```sh
|
|
||||||
npx @strudel/osc --port 7771 # classic dirt
|
|
||||||
```
|
|
||||||
|
|
||||||
### --debug
|
|
||||||
|
|
||||||
To log all incoming osc messages, add the `--debug` flag:
|
|
||||||
|
|
||||||
```sh
|
|
||||||
npx @strudel/osc --debug
|
|
||||||
```
|
|
||||||
|
|
||||||
## Usage in Strudel
|
|
||||||
|
|
||||||
To test it in strudel, you have can use `all(osc)` to send all events through osc:
|
|
||||||
|
|
||||||
```js
|
```js
|
||||||
$: s("bd*4")
|
s("<bd sd> hh").osc()
|
||||||
|
|
||||||
all(osc)
|
|
||||||
```
|
```
|
||||||
|
|
||||||
[open in repl](https://strudel.cc/#JDogcygiYmQqNCIpCgphbGwob3NjKQ%3D%3D)
|
or just [click here](https://strudel.cc/#cygiPGJkIHNkPiBoaCIpLm9zYygp)...
|
||||||
|
|
||||||
You can read more about [how to use Superdirt with Strudel the Tutorial](https://strudel.cc/learn/input-output/#superdirt-api)
|
You can read more about [how to use Superdirt with Strudel the Tutorial](https://strudel.cc/learn/input-output/#superdirt-api)
|
||||||
|
|||||||
+20
-19
@@ -4,25 +4,28 @@ Copyright (C) 2022 Strudel contributors - see <https://codeberg.org/uzu/strudel/
|
|||||||
This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with this program. If not, see <https://www.gnu.org/licenses/>.
|
This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import { logger, parseNumeral, register, isNote, noteToMidi, ClockCollator } from '@strudel/core';
|
import OSC from 'osc-js';
|
||||||
|
|
||||||
|
import { logger, parseNumeral, Pattern, isNote, noteToMidi, ClockCollator } from '@strudel/core';
|
||||||
|
|
||||||
let connection; // Promise<OSC>
|
let connection; // Promise<OSC>
|
||||||
function connect() {
|
function connect() {
|
||||||
if (!connection) {
|
if (!connection) {
|
||||||
// make sure this runs only once
|
// make sure this runs only once
|
||||||
connection = new Promise((resolve, reject) => {
|
connection = new Promise((resolve, reject) => {
|
||||||
const ws = new WebSocket('ws://localhost:8080');
|
const osc = new OSC();
|
||||||
ws.addEventListener('open', (event) => {
|
osc.open();
|
||||||
logger(`[osc] websocket connected`);
|
osc.on('open', () => {
|
||||||
resolve(ws);
|
const url = osc.options?.plugin?.socket?.url;
|
||||||
|
logger(`[osc] connected${url ? ` to ${url}` : ''}`);
|
||||||
|
resolve(osc);
|
||||||
});
|
});
|
||||||
ws.addEventListener('close', (event) => {
|
osc.on('close', () => {
|
||||||
logger(`[osc] websocket closed`);
|
|
||||||
connection = undefined; // allows new connection afterwards
|
connection = undefined; // allows new connection afterwards
|
||||||
console.log('[osc] disconnected');
|
console.log('[osc] disconnected');
|
||||||
reject('OSC connection closed');
|
reject('OSC connection closed');
|
||||||
});
|
});
|
||||||
ws.addEventListener('error', (err) => reject(err));
|
osc.on('error', (err) => reject(err));
|
||||||
}).catch((err) => {
|
}).catch((err) => {
|
||||||
connection = undefined;
|
connection = undefined;
|
||||||
throw new Error('Could not connect to OSC server. Is it running?');
|
throw new Error('Could not connect to OSC server. Is it running?');
|
||||||
@@ -58,19 +61,15 @@ export function parseControlsFromHap(hap, cps) {
|
|||||||
const collator = new ClockCollator({});
|
const collator = new ClockCollator({});
|
||||||
|
|
||||||
export async function oscTrigger(hap, currentTime, cps = 1, targetTime) {
|
export async function oscTrigger(hap, currentTime, cps = 1, targetTime) {
|
||||||
const ws = await connect();
|
const osc = await connect();
|
||||||
const controls = parseControlsFromHap(hap, cps);
|
const controls = parseControlsFromHap(hap, cps);
|
||||||
const keyvals = Object.entries(controls).flat();
|
const keyvals = Object.entries(controls).flat();
|
||||||
const ts = collator.calculateTimestamp(currentTime, targetTime) * 1000;
|
|
||||||
const msg = { address: '/dirt/play', args: keyvals, timestamp: ts };
|
|
||||||
|
|
||||||
if ('oschost' in hap.value) {
|
const ts = Math.round(collator.calculateTimestamp(currentTime, targetTime) * 1000);
|
||||||
msg['host'] = hap.value['oschost'];
|
const message = new OSC.Message('/dirt/play', ...keyvals);
|
||||||
}
|
const bundle = new OSC.Bundle([message], ts);
|
||||||
if ('oscport' in hap.value) {
|
bundle.timestamp(ts); // workaround for https://github.com/adzialocha/osc-js/issues/60
|
||||||
msg['port'] = hap.value['oscport'];
|
osc.send(bundle);
|
||||||
}
|
|
||||||
ws.send(JSON.stringify(msg));
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@@ -82,4 +81,6 @@ export async function oscTrigger(hap, currentTime, cps = 1, targetTime) {
|
|||||||
* @memberof Pattern
|
* @memberof Pattern
|
||||||
* @returns Pattern
|
* @returns Pattern
|
||||||
*/
|
*/
|
||||||
export const osc = register('osc', (pat) => pat.onTrigger(oscTrigger));
|
Pattern.prototype.osc = function () {
|
||||||
|
return this.onTrigger(oscTrigger);
|
||||||
|
};
|
||||||
|
|||||||
@@ -1,9 +1,8 @@
|
|||||||
{
|
{
|
||||||
"name": "@strudel/osc",
|
"name": "@strudel/osc",
|
||||||
"version": "1.3.0",
|
"version": "1.2.2",
|
||||||
"description": "OSC messaging for strudel",
|
"description": "OSC messaging for strudel",
|
||||||
"main": "osc.mjs",
|
"main": "osc.mjs",
|
||||||
"bin": "./server.js",
|
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"publishConfig": {
|
"publishConfig": {
|
||||||
"main": "dist/index.mjs"
|
"main": "dist/index.mjs"
|
||||||
@@ -38,14 +37,10 @@
|
|||||||
"homepage": "https://codeberg.org/uzu/strudel#readme",
|
"homepage": "https://codeberg.org/uzu/strudel#readme",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@strudel/core": "workspace:*",
|
"@strudel/core": "workspace:*",
|
||||||
"osc": "^2.4.5",
|
"osc-js": "^2.4.1"
|
||||||
"ws": "^8.18.3"
|
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"pkg": "^5.8.1",
|
"pkg": "^5.8.1",
|
||||||
"vite": "^6.0.11"
|
"vite": "^6.0.11"
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=18.0.0"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Executable → Regular
+24
-54
@@ -1,64 +1,34 @@
|
|||||||
#!/usr/bin/env node
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
server.js - <short description TODO>
|
server.js - <short description TODO>
|
||||||
Copyright (C) 2022 Strudel contributors - see <https://codeberg.org/uzu/strudel/src/branch/main/packages/osc/server.js>
|
Copyright (C) 2022 Strudel contributors - see <https://codeberg.org/uzu/strudel/src/branch/main/packages/osc/server.js>
|
||||||
This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with this program. If not, see <https://www.gnu.org/licenses/>.
|
This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
// import OSC from 'osc-js';
|
import OSC from 'osc-js';
|
||||||
|
|
||||||
import { WebSocketServer } from 'ws';
|
const config = {
|
||||||
import osc from 'osc';
|
receiver: 'ws', // @param {string} Where messages sent via 'send' method will be delivered to, 'ws' for Websocket clients, 'udp' for udp client
|
||||||
|
udpServer: {
|
||||||
|
host: 'localhost', // @param {string} Hostname of udp server to bind to
|
||||||
|
port: 57121, // @param {number} Port of udp client for messaging
|
||||||
|
// enabling the following line will receive tidal messages:
|
||||||
|
// port: 57120, // @param {number} Port of udp client for messaging
|
||||||
|
exclusive: false, // @param {boolean} Exclusive flag
|
||||||
|
},
|
||||||
|
udpClient: {
|
||||||
|
host: 'localhost', // @param {string} Hostname of udp client for messaging
|
||||||
|
port: 57120, // @param {number} Port of udp client for messaging
|
||||||
|
},
|
||||||
|
wsServer: {
|
||||||
|
host: 'localhost', // @param {string} Hostname of WebSocket server
|
||||||
|
port: 8080, // @param {number} Port of WebSocket server
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
const WS_PORT = 8080; // WebSocket server port
|
const osc = new OSC({ plugin: new OSC.BridgePlugin(config) });
|
||||||
const OSC_REMOTE_IP = '127.0.0.1';
|
|
||||||
const OSC_REMOTE_PORT = 57120;
|
|
||||||
|
|
||||||
const udpPort = new osc.UDPPort({
|
osc.open(); // start a WebSocket server on port 8080
|
||||||
localAddress: '0.0.0.0',
|
|
||||||
localPort: 0,
|
|
||||||
remoteAddress: OSC_REMOTE_IP,
|
|
||||||
remotePort: OSC_REMOTE_PORT,
|
|
||||||
});
|
|
||||||
|
|
||||||
udpPort.open();
|
console.log('osc client running on port', config.udpClient.port);
|
||||||
console.log(`[Sending OSC] ${OSC_REMOTE_IP}:${OSC_REMOTE_PORT}`);
|
console.log('osc server running on port', config.udpServer.port);
|
||||||
|
console.log('websocket server running on port', config.wsServer.port);
|
||||||
udpPort.on('error', (e) => {
|
|
||||||
console.log('Error: ', e);
|
|
||||||
});
|
|
||||||
|
|
||||||
const wss = new WebSocketServer({ port: WS_PORT });
|
|
||||||
console.log(`[Listening WS] ws://localhost:${WS_PORT}`);
|
|
||||||
|
|
||||||
wss.on('connection', (ws) => {
|
|
||||||
console.log('New WebSocket connection');
|
|
||||||
|
|
||||||
ws.on('message', (message) => {
|
|
||||||
let osc_host = '127.0.0.1';
|
|
||||||
let osc_port = 57120;
|
|
||||||
|
|
||||||
try {
|
|
||||||
const data = JSON.parse(message);
|
|
||||||
if ('host' in data) {
|
|
||||||
osc_host = data['host'];
|
|
||||||
}
|
|
||||||
if ('port' in data) {
|
|
||||||
osc_port = data['port'];
|
|
||||||
}
|
|
||||||
let msg = { address: data['address'], args: data['args'] };
|
|
||||||
if ('timestamp' in data) {
|
|
||||||
msg = { timeTag: osc.timeTag(0, data['timestamp']), packets: [msg] };
|
|
||||||
}
|
|
||||||
|
|
||||||
udpPort.send(msg, osc_host, osc_port);
|
|
||||||
} catch (err) {
|
|
||||||
console.error('Error parsing message:', err);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
ws.on('close', () => {
|
|
||||||
console.log('WebSocket connection closed');
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
/* import { oscTriggerTauri } from '../desktopbridge/oscbridge.mjs';
|
import { oscTriggerTauri } from '../desktopbridge/oscbridge.mjs';
|
||||||
import { isTauri } from '../desktopbridge/utils.mjs'; */
|
import { isTauri } from '../desktopbridge/utils.mjs';
|
||||||
import { oscTrigger } from './osc.mjs';
|
import { oscTrigger } from './osc.mjs';
|
||||||
|
|
||||||
const trigger = /* isTauri() ? oscTriggerTauri : */ oscTrigger;
|
const trigger = isTauri() ? oscTriggerTauri : oscTrigger;
|
||||||
|
|
||||||
export const superdirtOutput = (hap, deadline, hapDuration, cps, targetTime) => {
|
export const superdirtOutput = (hap, deadline, hapDuration, cps, targetTime) => {
|
||||||
const currentTime = performance.now() / 1000;
|
const currentTime = performance.now() / 1000;
|
||||||
return trigger(hap, currentTime, cps, targetTime);
|
return trigger(null, hap, currentTime, cps, targetTime);
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@strudel/reference",
|
"name": "@strudel/reference",
|
||||||
"version": "1.2.1",
|
"version": "1.2.0",
|
||||||
"description": "Headless reference of all strudel functions",
|
"description": "Headless reference of all strudel functions",
|
||||||
"main": "index.mjs",
|
"main": "index.mjs",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
@@ -33,8 +33,5 @@
|
|||||||
"homepage": "https://codeberg.org/uzu/strudel#readme",
|
"homepage": "https://codeberg.org/uzu/strudel#readme",
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"vite": "^6.0.11"
|
"vite": "^6.0.11"
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=18.0.0"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,2 +1,3 @@
|
|||||||
export * from './repl-component.mjs';
|
export * from './repl-component.mjs';
|
||||||
export * from './prebake.mjs';
|
export * from './prebake.mjs';
|
||||||
|
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@strudel/repl",
|
"name": "@strudel/repl",
|
||||||
"version": "1.2.7",
|
"version": "1.2.3",
|
||||||
"description": "Strudel REPL as a Web Component",
|
"description": "Strudel REPL as a Web Component",
|
||||||
"module": "index.mjs",
|
"module": "index.mjs",
|
||||||
"publishConfig": {
|
"publishConfig": {
|
||||||
@@ -48,8 +48,5 @@
|
|||||||
"@rollup/plugin-replace": "^6.0.2",
|
"@rollup/plugin-replace": "^6.0.2",
|
||||||
"vite": "^6.0.11",
|
"vite": "^6.0.11",
|
||||||
"vite-plugin-bundle-audioworklet": "workspace:*"
|
"vite-plugin-bundle-audioworklet": "workspace:*"
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=18.0.0"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
import { noteToMidi, valueToMidi, Pattern, evalScope } from '@strudel/core';
|
import { noteToMidi, valueToMidi, Pattern, evalScope,registerSamplesFromDB } from '@strudel/core';
|
||||||
import { aliasBank, registerSynthSounds, registerZZFXSounds, samples } from '@strudel/webaudio';
|
import { aliasBank, registerSynthSounds, registerZZFXSounds, samples, } from '@strudel/webaudio';
|
||||||
import * as core from '@strudel/core';
|
import * as core from '@strudel/core';
|
||||||
|
|
||||||
export async function prebake() {
|
export async function prebake() {
|
||||||
@@ -20,17 +20,15 @@ export async function prebake() {
|
|||||||
// import('@strudel/osc'),
|
// import('@strudel/osc'),
|
||||||
);
|
);
|
||||||
// load samples
|
// load samples
|
||||||
const ds = 'https://raw.githubusercontent.com/felixroos/dough-samples/main';
|
const ds = 'https://raw.githubusercontent.com/felixroos/dough-samples/main/';
|
||||||
|
|
||||||
// TODO: move this onto the strudel repo
|
// TODO: move this onto the strudel repo
|
||||||
const ts = 'https://raw.githubusercontent.com/todepond/samples/main';
|
const ts = 'https://raw.githubusercontent.com/todepond/samples/main/';
|
||||||
|
|
||||||
const tc = 'https://raw.githubusercontent.com/tidalcycles/uzu-drumkit/main';
|
|
||||||
|
|
||||||
await Promise.all([
|
await Promise.all([
|
||||||
modulesLoading,
|
modulesLoading,
|
||||||
registerSynthSounds(),
|
registerSynthSounds(),
|
||||||
registerZZFXSounds(),
|
registerZZFXSounds(),
|
||||||
|
registerSamplesFromDB(),
|
||||||
//registerSoundfonts(),
|
//registerSoundfonts(),
|
||||||
// need dynamic import here, because importing @strudel/soundfonts fails on server:
|
// need dynamic import here, because importing @strudel/soundfonts fails on server:
|
||||||
// => getting "window is not defined", as soon as "@strudel/soundfonts" is imported statically
|
// => getting "window is not defined", as soon as "@strudel/soundfonts" is imported statically
|
||||||
@@ -39,9 +37,10 @@ export async function prebake() {
|
|||||||
samples(`${ds}/tidal-drum-machines.json`),
|
samples(`${ds}/tidal-drum-machines.json`),
|
||||||
samples(`${ds}/piano.json`),
|
samples(`${ds}/piano.json`),
|
||||||
samples(`${ds}/Dirt-Samples.json`),
|
samples(`${ds}/Dirt-Samples.json`),
|
||||||
|
samples(`https://raw.githubusercontent.com/tidalcycles/uzu-drumkit/main/strudel.json`),
|
||||||
samples(`${ds}/vcsl.json`),
|
samples(`${ds}/vcsl.json`),
|
||||||
samples(`${ds}/mridangam.json`),
|
samples(`${ds}/mridangam.json`),
|
||||||
samples(`${tc}/strudel.json`),
|
registerSamplesFromDB(),
|
||||||
]);
|
]);
|
||||||
|
|
||||||
aliasBank(`${ts}/tidal-drum-machines-alias.json`);
|
aliasBank(`${ts}/tidal-drum-machines-alias.json`);
|
||||||
|
|||||||
@@ -20,13 +20,3 @@ samples('http://localhost:5432')
|
|||||||
LOG=1 npx @strudel/sampler # adds logging
|
LOG=1 npx @strudel/sampler # adds logging
|
||||||
PORT=5555 npx @strudel/sampler # changes port
|
PORT=5555 npx @strudel/sampler # changes port
|
||||||
```
|
```
|
||||||
|
|
||||||
## static json
|
|
||||||
|
|
||||||
when running with `--json`, you will simply get the json logged back:
|
|
||||||
|
|
||||||
```sh
|
|
||||||
npx --yes @strudel/sampler --json > strudel.json
|
|
||||||
```
|
|
||||||
|
|
||||||
this is useful if you want to create a sample pack from the current folder.
|
|
||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@strudel/sampler",
|
"name": "@strudel/sampler",
|
||||||
"version": "0.2.3",
|
"version": "0.2.0",
|
||||||
"description": "",
|
"description": "",
|
||||||
"keywords": [
|
"keywords": [
|
||||||
"tidalcycles",
|
"tidalcycles",
|
||||||
@@ -15,8 +15,5 @@
|
|||||||
"type": "module",
|
"type": "module",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"cowsay": "^1.6.0"
|
"cowsay": "^1.6.0"
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=18.0.0"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,20 +1,22 @@
|
|||||||
#!/usr/bin/env node
|
#!/usr/bin/env node
|
||||||
|
|
||||||
import cowsay from 'cowsay';
|
import cowsay from 'cowsay';
|
||||||
import { createReadStream, existsSync, writeFileSync } from 'fs';
|
import { createReadStream, existsSync } from 'fs';
|
||||||
import { readdir } from 'fs/promises';
|
import { readdir } from 'fs/promises';
|
||||||
import http from 'http';
|
import http from 'http';
|
||||||
import { join, resolve, sep } from 'path';
|
import { join, sep } from 'path';
|
||||||
import readline from 'readline';
|
|
||||||
import os from 'os';
|
import os from 'os';
|
||||||
|
|
||||||
|
// eslint-disable-next-line
|
||||||
const LOG = !!process.env.LOG || false;
|
const LOG = !!process.env.LOG || false;
|
||||||
const VALID_AUDIO_EXTENSIONS = ['wav', 'mp3', 'ogg'];
|
|
||||||
|
|
||||||
const isAudioFile = (f) => {
|
console.log(
|
||||||
const ext = f.split('.').slice(-1)[0].toLowerCase();
|
cowsay.say({
|
||||||
return VALID_AUDIO_EXTENSIONS.includes(ext);
|
text: 'welcome to @strudel/sampler',
|
||||||
};
|
e: 'oO',
|
||||||
|
T: 'U ',
|
||||||
|
}),
|
||||||
|
);
|
||||||
|
|
||||||
async function getFilesInDirectory(directory) {
|
async function getFilesInDirectory(directory) {
|
||||||
let files = [];
|
let files = [];
|
||||||
@@ -27,90 +29,42 @@ async function getFilesInDirectory(directory) {
|
|||||||
continue;
|
continue;
|
||||||
}
|
}
|
||||||
try {
|
try {
|
||||||
const subFiles = (await getFilesInDirectory(fullPath)).filter(isAudioFile);
|
const subFiles = (await getFilesInDirectory(fullPath)).filter((f) =>
|
||||||
|
['wav', 'mp3', 'ogg'].includes(f.split('.').slice(-1)[0].toLowerCase()),
|
||||||
|
);
|
||||||
files = files.concat(subFiles);
|
files = files.concat(subFiles);
|
||||||
LOG && console.log(`${dirent.name} (${subFiles.length})`);
|
LOG && console.log(`${dirent.name} (${subFiles.length})`);
|
||||||
} catch (err) {
|
} catch (err) {
|
||||||
LOG && console.warn(`skipped due to error: ${fullPath}`);
|
LOG && console.warn(`skipped due to error: ${fullPath}`);
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
isAudioFile(fullPath) && files.push(fullPath);
|
files.push(fullPath);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
return files;
|
return files;
|
||||||
}
|
}
|
||||||
|
|
||||||
async function getBanks(directory, flat = false) {
|
async function getBanks(directory) {
|
||||||
let files = await getFilesInDirectory(directory);
|
let files = await getFilesInDirectory(directory);
|
||||||
let banks = {};
|
let banks = {};
|
||||||
directory = directory.split(sep).join('/');
|
directory = directory.split(sep).join('/');
|
||||||
files = files.map((path) => {
|
files = files.map((path) => {
|
||||||
path = path.split(sep).join('/');
|
path = path.split(sep).join('/');
|
||||||
const subDir = path.replace(directory, '');
|
const [bank] = path.split('/').slice(-2);
|
||||||
const subDirFlat = subDir.replaceAll('/', '_').slice(1); // remove initial underscore
|
|
||||||
const subDirFlatStem = subDirFlat.replace(/\.[^.]+$/, ''); // remove extension
|
|
||||||
let bank = flat ? subDirFlatStem : path.split('/').slice(-2)[0];
|
|
||||||
banks[bank] = banks[bank] || [];
|
banks[bank] = banks[bank] || [];
|
||||||
banks[bank].push(subDir);
|
const relativeUrl = path.replace(directory, '');
|
||||||
return subDir;
|
banks[bank].push(relativeUrl);
|
||||||
|
return relativeUrl;
|
||||||
});
|
});
|
||||||
banks._base = `http://localhost:5432`;
|
banks._base = `http://localhost:5432`;
|
||||||
return { banks, files };
|
return { banks, files };
|
||||||
}
|
}
|
||||||
|
|
||||||
const args = process.argv.slice(2);
|
// eslint-disable-next-line
|
||||||
|
const directory = process.cwd();
|
||||||
function getArgValue(flag) {
|
|
||||||
const i = args.indexOf(flag);
|
|
||||||
if (i !== -1) {
|
|
||||||
const nextIsFlag = args[i + 1]?.startsWith('--') ?? true;
|
|
||||||
if (nextIsFlag) return true;
|
|
||||||
return args[i + 1];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function getInput(query) {
|
|
||||||
const rl = readline.createInterface({
|
|
||||||
input: process.stdin,
|
|
||||||
output: process.stdout,
|
|
||||||
});
|
|
||||||
|
|
||||||
return new Promise((resolve) =>
|
|
||||||
rl.question(query, (response) => {
|
|
||||||
rl.close();
|
|
||||||
resolve(response);
|
|
||||||
}),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
let directory = getArgValue('--dir') || process.cwd();
|
|
||||||
directory = resolve(directory);
|
|
||||||
if (args.includes('--json')) {
|
|
||||||
const { banks } = await getBanks(directory, getArgValue('--flat'));
|
|
||||||
const json = JSON.stringify(banks);
|
|
||||||
const outFile = resolve(directory, 'strudel.json');
|
|
||||||
if (existsSync(outFile)) {
|
|
||||||
const answer = await getInput(`Warning: File already exists at ${outFile}. Overwrite? (y/N): `);
|
|
||||||
if (answer.toLowerCase() !== 'y') {
|
|
||||||
console.log('Aborted.');
|
|
||||||
process.exit(0);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
writeFileSync(outFile, json, 'utf8');
|
|
||||||
console.log(`Wrote json to ${outFile}`);
|
|
||||||
}
|
|
||||||
|
|
||||||
console.log(
|
|
||||||
cowsay.say({
|
|
||||||
text: 'welcome to @strudel/sampler',
|
|
||||||
e: 'oO',
|
|
||||||
T: 'U ',
|
|
||||||
}),
|
|
||||||
);
|
|
||||||
|
|
||||||
const server = http.createServer(async (req, res) => {
|
const server = http.createServer(async (req, res) => {
|
||||||
res.setHeader('Access-Control-Allow-Origin', '*');
|
res.setHeader('Access-Control-Allow-Origin', '*');
|
||||||
const { banks, files } = await getBanks(directory, getArgValue('--flat'));
|
const { banks, files } = await getBanks(directory);
|
||||||
if (req.url === '/') {
|
if (req.url === '/') {
|
||||||
res.setHeader('Content-Type', 'application/json');
|
res.setHeader('Content-Type', 'application/json');
|
||||||
return res.end(JSON.stringify(banks));
|
return res.end(JSON.stringify(banks));
|
||||||
@@ -118,7 +72,7 @@ const server = http.createServer(async (req, res) => {
|
|||||||
let subpath = decodeURIComponent(req.url);
|
let subpath = decodeURIComponent(req.url);
|
||||||
const filePath = join(directory, subpath.split('/').join(sep));
|
const filePath = join(directory, subpath.split('/').join(sep));
|
||||||
|
|
||||||
// console.log('GET:', filePath);
|
//console.log('GET:', filePath);
|
||||||
const isFound = existsSync(filePath);
|
const isFound = existsSync(filePath);
|
||||||
if (!isFound) {
|
if (!isFound) {
|
||||||
res.statusCode = 404;
|
res.statusCode = 404;
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@strudel/serial",
|
"name": "@strudel/serial",
|
||||||
"version": "1.2.5",
|
"version": "1.2.2",
|
||||||
"description": "Webserial API for strudel",
|
"description": "Webserial API for strudel",
|
||||||
"main": "serial.mjs",
|
"main": "serial.mjs",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
@@ -33,8 +33,5 @@
|
|||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"vite": "^6.0.11"
|
"vite": "^6.0.11"
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=18.0.0"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@strudel/soundfonts",
|
"name": "@strudel/soundfonts",
|
||||||
"version": "1.2.6",
|
"version": "1.2.3",
|
||||||
"description": "Soundsfont support for strudel",
|
"description": "Soundsfont support for strudel",
|
||||||
"main": "index.mjs",
|
"main": "index.mjs",
|
||||||
"publishConfig": {
|
"publishConfig": {
|
||||||
@@ -37,8 +37,5 @@
|
|||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"node-fetch": "^3.3.2",
|
"node-fetch": "^3.3.2",
|
||||||
"vite": "^6.0.11"
|
"vite": "^6.0.11"
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=18.0.0"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -153,7 +153,6 @@ samples('github:tidalcycles/dirt-samples')
|
|||||||
|
|
||||||
The format is `github:<user>/<repo>/<branch>`.
|
The format is `github:<user>/<repo>/<branch>`.
|
||||||
|
|
||||||
If `<repo>` and `<branch>` are not specified, they will default to `samples` and `main` respectively.
|
|
||||||
It expects a `strudel.json` file to be present at the root of the given repository, which declares the sample paths in the repo.
|
It expects a `strudel.json` file to be present at the root of the given repository, which declares the sample paths in the repo.
|
||||||
|
|
||||||
The format is also expected to be the same as explained above.
|
The format is also expected to be the same as explained above.
|
||||||
|
|||||||
@@ -1,18 +0,0 @@
|
|||||||
let audioContext;
|
|
||||||
|
|
||||||
export const setDefaultAudioContext = () => {
|
|
||||||
audioContext = new AudioContext();
|
|
||||||
return audioContext;
|
|
||||||
};
|
|
||||||
|
|
||||||
export const getAudioContext = () => {
|
|
||||||
if (!audioContext) {
|
|
||||||
return setDefaultAudioContext();
|
|
||||||
}
|
|
||||||
|
|
||||||
return audioContext;
|
|
||||||
};
|
|
||||||
|
|
||||||
export function getAudioContextCurrentTime() {
|
|
||||||
return getAudioContext().currentTime;
|
|
||||||
}
|
|
||||||
@@ -1,4 +1,4 @@
|
|||||||
import { getAudioContext } from './audioContext.mjs';
|
import { getAudioContext } from './superdough.mjs';
|
||||||
|
|
||||||
let worklet;
|
let worklet;
|
||||||
export async function dspWorklet(ac, code) {
|
export async function dspWorklet(ac, code) {
|
||||||
|
|||||||
+29
-277
@@ -1,9 +1,5 @@
|
|||||||
import { getAudioContext } from './audioContext.mjs';
|
import { getAudioContext } from './superdough.mjs';
|
||||||
import { clamp, nanFallback, midiToFreq, noteToMidi } from './util.mjs';
|
import { clamp, nanFallback } from './util.mjs';
|
||||||
import { getNoiseBuffer } from './noise.mjs';
|
|
||||||
import { logger } from './logger.mjs';
|
|
||||||
|
|
||||||
export const noises = ['pink', 'white', 'brown', 'crackle'];
|
|
||||||
|
|
||||||
export function gainNode(value) {
|
export function gainNode(value) {
|
||||||
const node = getAudioContext().createGain();
|
const node = getAudioContext().createGain();
|
||||||
@@ -11,13 +7,6 @@ export function gainNode(value) {
|
|||||||
return node;
|
return node;
|
||||||
}
|
}
|
||||||
|
|
||||||
export function effectSend(input, effect, wet) {
|
|
||||||
const send = gainNode(wet);
|
|
||||||
input.connect(send);
|
|
||||||
send.connect(effect);
|
|
||||||
return send;
|
|
||||||
}
|
|
||||||
|
|
||||||
const getSlope = (y1, y2, x1, x2) => {
|
const getSlope = (y1, y2, x1, x2) => {
|
||||||
const denom = x2 - x1;
|
const denom = x2 - x1;
|
||||||
if (denom === 0) {
|
if (denom === 0) {
|
||||||
@@ -29,9 +18,7 @@ const getSlope = (y1, y2, x1, x2) => {
|
|||||||
export function getWorklet(ac, processor, params, config) {
|
export function getWorklet(ac, processor, params, config) {
|
||||||
const node = new AudioWorkletNode(ac, processor, config);
|
const node = new AudioWorkletNode(ac, processor, config);
|
||||||
Object.entries(params).forEach(([key, value]) => {
|
Object.entries(params).forEach(([key, value]) => {
|
||||||
if (value !== undefined) {
|
|
||||||
node.parameters.get(key).value = value;
|
node.parameters.get(key).value = value;
|
||||||
}
|
|
||||||
});
|
});
|
||||||
return node;
|
return node;
|
||||||
}
|
}
|
||||||
@@ -98,35 +85,6 @@ export const getParamADSR = (
|
|||||||
param[ramp](min, end + release);
|
param[ramp](min, end + release);
|
||||||
};
|
};
|
||||||
|
|
||||||
function getModulationShapeInput(val) {
|
|
||||||
if (typeof val === 'number') {
|
|
||||||
return val % 5;
|
|
||||||
}
|
|
||||||
return { tri: 0, triangle: 0, sine: 1, ramp: 2, saw: 3, square: 4 }[val] ?? 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
export function getLfo(audioContext, begin, end, properties = {}) {
|
|
||||||
const { shape = 0, ...props } = properties;
|
|
||||||
const { dcoffset = -0.5, depth = 1 } = properties;
|
|
||||||
const lfoprops = {
|
|
||||||
frequency: 1,
|
|
||||||
depth,
|
|
||||||
skew: 0.5,
|
|
||||||
phaseoffset: 0,
|
|
||||||
time: begin,
|
|
||||||
begin,
|
|
||||||
end,
|
|
||||||
shape: getModulationShapeInput(shape),
|
|
||||||
dcoffset,
|
|
||||||
min: dcoffset * depth,
|
|
||||||
max: dcoffset * depth + depth,
|
|
||||||
curve: 1,
|
|
||||||
...props,
|
|
||||||
};
|
|
||||||
|
|
||||||
return getWorklet(audioContext, 'lfo-processor', lfoprops);
|
|
||||||
}
|
|
||||||
|
|
||||||
export function getCompressor(ac, threshold, ratio, knee, attack, release) {
|
export function getCompressor(ac, threshold, ratio, knee, attack, release) {
|
||||||
const options = {
|
const options = {
|
||||||
threshold: threshold ?? -3,
|
threshold: threshold ?? -3,
|
||||||
@@ -154,92 +112,36 @@ export const getADSRValues = (params, curve = 'linear', defaultValues) => {
|
|||||||
return [Math.max(a ?? 0, envmin), Math.max(d ?? 0, envmin), Math.min(sustain, envmax), Math.max(r ?? 0, releaseMin)];
|
return [Math.max(a ?? 0, envmin), Math.max(d ?? 0, envmin), Math.min(sustain, envmax), Math.max(r ?? 0, releaseMin)];
|
||||||
};
|
};
|
||||||
|
|
||||||
export function getParamLfo(audioContext, param, start, end, lfoValues) {
|
export function createFilter(context, type, frequency, Q, att, dec, sus, rel, fenv, start, end, fanchor, model, drive) {
|
||||||
let { defaultDepth = 1, depth, dcoffset, ...getLfoInputs } = lfoValues;
|
const curve = 'exponential';
|
||||||
if (depth == null) {
|
const [attack, decay, sustain, release] = getADSRValues([att, dec, sus, rel], curve, [0.005, 0.14, 0, 0.1]);
|
||||||
const hasLFOParams = Object.values(getLfoInputs).some((v) => v != null);
|
let filter;
|
||||||
depth = hasLFOParams ? defaultDepth : 0;
|
let frequencyParam;
|
||||||
}
|
|
||||||
let lfo;
|
|
||||||
if (depth) {
|
|
||||||
lfo = getLfo(audioContext, start, end, {
|
|
||||||
depth,
|
|
||||||
dcoffset,
|
|
||||||
...getLfoInputs,
|
|
||||||
});
|
|
||||||
lfo.connect(param);
|
|
||||||
}
|
|
||||||
return lfo;
|
|
||||||
}
|
|
||||||
|
|
||||||
// helper utility for applying standard modulators to a parameter
|
|
||||||
export function applyParameterModulators(audioContext, param, start, end, envelopeValues, lfoValues) {
|
|
||||||
let { amount, offset, defaultAmount = 1, curve = 'linear', values, holdEnd, defaultValues } = envelopeValues;
|
|
||||||
|
|
||||||
if (amount == null) {
|
|
||||||
const hasADSRParams = values.some((p) => p != null);
|
|
||||||
amount = hasADSRParams ? defaultAmount : 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
const min = offset ?? 0;
|
|
||||||
const max = amount + min;
|
|
||||||
const diff = Math.abs(max - min);
|
|
||||||
if (diff) {
|
|
||||||
const [attack, decay, sustain, release] = getADSRValues(values, curve, defaultValues);
|
|
||||||
getParamADSR(param, attack, decay, sustain, release, min, max, start, holdEnd, curve);
|
|
||||||
}
|
|
||||||
const lfo = getParamLfo(audioContext, param, start, end, lfoValues);
|
|
||||||
return { lfo, disconnect: () => lfo?.disconnect() };
|
|
||||||
}
|
|
||||||
|
|
||||||
export function createFilter(context, start, end, params, cps) {
|
|
||||||
let {
|
|
||||||
frequency,
|
|
||||||
anchor,
|
|
||||||
env,
|
|
||||||
type,
|
|
||||||
model,
|
|
||||||
q = 1,
|
|
||||||
drive = 0.69,
|
|
||||||
depth,
|
|
||||||
dcoffset = -0.5,
|
|
||||||
skew,
|
|
||||||
shape,
|
|
||||||
rate,
|
|
||||||
sync,
|
|
||||||
} = params;
|
|
||||||
let frequencyParam, filter;
|
|
||||||
if (model === 'ladder') {
|
if (model === 'ladder') {
|
||||||
filter = getWorklet(context, 'ladder-processor', { frequency, q, drive });
|
filter = getWorklet(context, 'ladder-processor', { frequency, q: Q, drive });
|
||||||
frequencyParam = filter.parameters.get('frequency');
|
frequencyParam = filter.parameters.get('frequency');
|
||||||
} else {
|
} else {
|
||||||
filter = context.createBiquadFilter();
|
filter = context.createBiquadFilter();
|
||||||
filter.type = type;
|
filter.type = type;
|
||||||
filter.Q.value = q;
|
filter.Q.value = Q;
|
||||||
filter.frequency.value = frequency;
|
filter.frequency.value = frequency;
|
||||||
frequencyParam = filter.frequency;
|
frequencyParam = filter.frequency;
|
||||||
}
|
}
|
||||||
const envelopeValues = [params.attack, params.decay, params.sustain, params.release];
|
|
||||||
const [attack, decay, sustain, release] = getADSRValues(envelopeValues, 'exponential', [0.005, 0.14, 0, 0.1]);
|
|
||||||
// envelope is active when any of these values is set
|
|
||||||
const hasEnvelope = [...envelopeValues, env].some((v) => v !== undefined);
|
|
||||||
// Apply ADSR to filter frequency
|
|
||||||
if (hasEnvelope) {
|
|
||||||
env = nanFallback(env, 1, true);
|
|
||||||
anchor = nanFallback(anchor, 0, true);
|
|
||||||
const envAbs = Math.abs(env);
|
|
||||||
const offset = envAbs * anchor;
|
|
||||||
let min = clamp(2 ** -offset * frequency, 0, 20000);
|
|
||||||
let max = clamp(2 ** (envAbs - offset) * frequency, 0, 20000);
|
|
||||||
if (env < 0) [min, max] = [max, min];
|
|
||||||
getParamADSR(frequencyParam, attack, decay, sustain, release, min, max, start, end, 'exponential');
|
|
||||||
}
|
|
||||||
|
|
||||||
if (sync != null) {
|
// envelope is active when any of these values is set
|
||||||
rate = cps * sync;
|
const hasEnvelope = att ?? dec ?? sus ?? rel ?? fenv;
|
||||||
|
// Apply ADSR to filter frequency
|
||||||
|
if (hasEnvelope !== undefined) {
|
||||||
|
fenv = nanFallback(fenv, 1, true);
|
||||||
|
fanchor = nanFallback(fanchor, 0, true);
|
||||||
|
const fenvAbs = Math.abs(fenv);
|
||||||
|
const offset = fenvAbs * fanchor;
|
||||||
|
let min = clamp(2 ** -offset * frequency, 0, 20000);
|
||||||
|
let max = clamp(2 ** (fenvAbs - offset) * frequency, 0, 20000);
|
||||||
|
if (fenv < 0) [min, max] = [max, min];
|
||||||
|
getParamADSR(frequencyParam, attack, decay, sustain, release, min, max, start, end, curve);
|
||||||
|
return filter;
|
||||||
}
|
}
|
||||||
const lfoValues = { depth, dcoffset, skew, shape, frequency: rate };
|
|
||||||
getParamLfo(context, frequencyParam, start, end, lfoValues);
|
|
||||||
return filter;
|
return filter;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -269,7 +171,7 @@ let curves = ['linear', 'exponential'];
|
|||||||
export function getPitchEnvelope(param, value, t, holdEnd) {
|
export function getPitchEnvelope(param, value, t, holdEnd) {
|
||||||
// envelope is active when any of these values is set
|
// envelope is active when any of these values is set
|
||||||
const hasEnvelope = value.pattack ?? value.pdecay ?? value.psustain ?? value.prelease ?? value.penv;
|
const hasEnvelope = value.pattack ?? value.pdecay ?? value.psustain ?? value.prelease ?? value.penv;
|
||||||
if (hasEnvelope === undefined) {
|
if (!hasEnvelope) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
const penv = nanFallback(value.penv, 1, true);
|
const penv = nanFallback(value.penv, 1, true);
|
||||||
@@ -301,54 +203,22 @@ export function getVibratoOscillator(param, value, t) {
|
|||||||
return vibratoOscillator;
|
return vibratoOscillator;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
export function scheduleAtTime(callback, targetTime, audioContext = getAudioContext()) {
|
|
||||||
const currentTime = audioContext.currentTime;
|
|
||||||
webAudioTimeout(audioContext, callback, currentTime, targetTime);
|
|
||||||
}
|
|
||||||
// ConstantSource inherits AudioScheduledSourceNode, which has scheduling abilities
|
// ConstantSource inherits AudioScheduledSourceNode, which has scheduling abilities
|
||||||
// a bit of a hack, but it works very well :)
|
// a bit of a hack, but it works very well :)
|
||||||
export function webAudioTimeout(audioContext, onComplete, startTime, stopTime) {
|
export function webAudioTimeout(audioContext, onComplete, startTime, stopTime) {
|
||||||
const constantNode = new ConstantSourceNode(audioContext);
|
const constantNode = audioContext.createConstantSource();
|
||||||
|
|
||||||
// Certain browsers requires audio nodes to be connected in order for their onended events
|
|
||||||
// to fire, so we _mute it_ and then connect it to the destination
|
|
||||||
const zeroGain = gainNode(0);
|
|
||||||
zeroGain.connect(audioContext.destination);
|
|
||||||
constantNode.connect(zeroGain);
|
|
||||||
|
|
||||||
// Schedule the `onComplete` callback to occur at `stopTime`
|
|
||||||
constantNode.onended = () => {
|
|
||||||
// Ensure garbage collection
|
|
||||||
try {
|
|
||||||
zeroGain.disconnect();
|
|
||||||
} catch {
|
|
||||||
// pass
|
|
||||||
}
|
|
||||||
try {
|
|
||||||
constantNode.disconnect();
|
|
||||||
} catch {
|
|
||||||
// pass
|
|
||||||
}
|
|
||||||
onComplete();
|
|
||||||
};
|
|
||||||
constantNode.start(startTime);
|
constantNode.start(startTime);
|
||||||
constantNode.stop(stopTime);
|
constantNode.stop(stopTime);
|
||||||
|
constantNode.onended = () => {
|
||||||
|
onComplete();
|
||||||
|
};
|
||||||
return constantNode;
|
return constantNode;
|
||||||
}
|
}
|
||||||
const mod = (freq, range = 1, type = 'sine') => {
|
const mod = (freq, range = 1, type = 'sine') => {
|
||||||
const ctx = getAudioContext();
|
const ctx = getAudioContext();
|
||||||
let osc;
|
const osc = ctx.createOscillator();
|
||||||
if (noises.includes(type)) {
|
|
||||||
osc = ctx.createBufferSource();
|
|
||||||
osc.buffer = getNoiseBuffer(type, 2);
|
|
||||||
osc.loop = true;
|
|
||||||
} else {
|
|
||||||
osc = ctx.createOscillator();
|
|
||||||
osc.type = type;
|
osc.type = type;
|
||||||
osc.frequency.value = freq;
|
osc.frequency.value = freq;
|
||||||
}
|
|
||||||
|
|
||||||
osc.start();
|
osc.start();
|
||||||
const g = new GainNode(ctx, { gain: range });
|
const g = new GainNode(ctx, { gain: range });
|
||||||
osc.connect(g); // -range, range
|
osc.connect(g); // -range, range
|
||||||
@@ -383,7 +253,7 @@ export function applyFM(param, value, begin) {
|
|||||||
|
|
||||||
modulator = fmmod.node;
|
modulator = fmmod.node;
|
||||||
stop = fmmod.stop;
|
stop = fmmod.stop;
|
||||||
if (![fmAttack, fmDecay, fmSustain, fmRelease, fmVelocity].some((v) => v !== undefined)) {
|
if (![fmAttack, fmDecay, fmSustain, fmRelease, fmVelocity].find((v) => v !== undefined)) {
|
||||||
// no envelope by default
|
// no envelope by default
|
||||||
modulator.connect(param);
|
modulator.connect(param);
|
||||||
} else {
|
} else {
|
||||||
@@ -407,121 +277,3 @@ export function applyFM(param, value, begin) {
|
|||||||
}
|
}
|
||||||
return { stop };
|
return { stop };
|
||||||
}
|
}
|
||||||
|
|
||||||
// Saturation curves
|
|
||||||
|
|
||||||
const __squash = (x) => x / (1 + x); // [0, inf) to [0, 1)
|
|
||||||
const _mod = (n, m) => ((n % m) + m) % m;
|
|
||||||
|
|
||||||
const _scurve = (x, k) => ((1 + k) * x) / (1 + k * Math.abs(x));
|
|
||||||
const _soft = (x, k) => Math.tanh(x * (1 + k));
|
|
||||||
const _hard = (x, k) => clamp((1 + k) * x, -1, 1);
|
|
||||||
|
|
||||||
const _fold = (x, k) => {
|
|
||||||
// Closed form folding for audio rate
|
|
||||||
let y = (1 + 0.5 * k) * x;
|
|
||||||
const window = _mod(y + 1, 4);
|
|
||||||
return 1 - Math.abs(window - 2);
|
|
||||||
};
|
|
||||||
|
|
||||||
const _sineFold = (x, k) => Math.sin((Math.PI / 2) * _fold(x, k));
|
|
||||||
|
|
||||||
const _cubic = (x, k) => {
|
|
||||||
const t = __squash(Math.log1p(k));
|
|
||||||
const cubic = (x - (t / 3) * x * x * x) / (1 - t / 3); // normalized to go from (-1, 1)
|
|
||||||
return _soft(cubic, k);
|
|
||||||
};
|
|
||||||
|
|
||||||
const _diode = (x, k, asym = false) => {
|
|
||||||
const g = 1 + 2 * k; // gain
|
|
||||||
const t = __squash(Math.log1p(k));
|
|
||||||
const bias = 0.07 * t;
|
|
||||||
const pos = _soft(x + bias, 2 * k);
|
|
||||||
const neg = _soft(asym ? bias : -x + bias, 2 * k);
|
|
||||||
const y = pos - neg;
|
|
||||||
// We divide by the derivative at 0 so that the distortion is roughly
|
|
||||||
// the identity map near 0 => small values are preserved and undistorted
|
|
||||||
const sech = 1 / Math.cosh(g * bias);
|
|
||||||
const sech2 = sech * sech; // derivative of soft (i.e. tanh) is sech^2
|
|
||||||
const denom = Math.max(1e-8, (asym ? 1 : 2) * g * sech2); // g from chain rule; 2 if both pos/neg have x
|
|
||||||
return _soft(y / denom, k);
|
|
||||||
};
|
|
||||||
|
|
||||||
const _asym = (x, k) => _diode(x, k, true);
|
|
||||||
|
|
||||||
const _chebyshev = (x, k) => {
|
|
||||||
const kl = 10 * Math.log1p(k);
|
|
||||||
let tnm1 = 1;
|
|
||||||
let tnm2 = x;
|
|
||||||
let tn;
|
|
||||||
let y = 0;
|
|
||||||
for (let i = 1; i < 64; i++) {
|
|
||||||
if (i < 2) {
|
|
||||||
// Already set inital conditions
|
|
||||||
y += i == 0 ? tnm1 : tnm2;
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
tn = 2 * x * tnm1 - tnm2; // https://en.wikipedia.org/wiki/Chebyshev_polynomials#Recurrence_definition
|
|
||||||
tnm2 = tnm1;
|
|
||||||
tnm1 = tn;
|
|
||||||
if (i % 2 === 0) {
|
|
||||||
y += Math.min((1.3 * kl) / i, 2) * tn;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// Soft clip
|
|
||||||
return _soft(y, kl / 20);
|
|
||||||
};
|
|
||||||
|
|
||||||
export const distortionAlgorithms = {
|
|
||||||
scurve: _scurve,
|
|
||||||
soft: _soft,
|
|
||||||
hard: _hard,
|
|
||||||
cubic: _cubic,
|
|
||||||
diode: _diode,
|
|
||||||
asym: _asym,
|
|
||||||
fold: _fold,
|
|
||||||
sinefold: _sineFold,
|
|
||||||
chebyshev: _chebyshev,
|
|
||||||
};
|
|
||||||
const _algoNames = Object.freeze(Object.keys(distortionAlgorithms));
|
|
||||||
|
|
||||||
export const getDistortionAlgorithm = (algo) => {
|
|
||||||
let index = algo;
|
|
||||||
if (typeof algo === 'string') {
|
|
||||||
index = _algoNames.indexOf(algo);
|
|
||||||
if (index === -1) {
|
|
||||||
logger(`[superdough] Could not find waveshaping algorithm ${algo}.
|
|
||||||
Available options are ${_algoNames.join(', ')}.
|
|
||||||
Defaulting to ${_algoNames[0]}.`);
|
|
||||||
index = 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
const name = _algoNames[index % _algoNames.length]; // allow for wrapping if algo was a number
|
|
||||||
return distortionAlgorithms[name];
|
|
||||||
};
|
|
||||||
|
|
||||||
export const getDistortion = (distort, postgain, algorithm) => {
|
|
||||||
return getWorklet(getAudioContext(), 'distort-processor', { distort, postgain }, { processorOptions: { algorithm } });
|
|
||||||
};
|
|
||||||
|
|
||||||
export const getFrequencyFromValue = (value, defaultNote = 36) => {
|
|
||||||
let { note, freq } = value;
|
|
||||||
note = note || defaultNote;
|
|
||||||
if (typeof note === 'string') {
|
|
||||||
note = noteToMidi(note); // e.g. c3 => 48
|
|
||||||
}
|
|
||||||
// get frequency
|
|
||||||
if (!freq && typeof note === 'number') {
|
|
||||||
freq = midiToFreq(note); // + 48);
|
|
||||||
}
|
|
||||||
|
|
||||||
return Number(freq);
|
|
||||||
};
|
|
||||||
|
|
||||||
export const destroyAudioWorkletNode = (node) => {
|
|
||||||
if (node == null) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
node.disconnect();
|
|
||||||
node.parameters.get('end')?.setValueAtTime(0, 0);
|
|
||||||
};
|
|
||||||
|
|||||||
@@ -11,5 +11,3 @@ export * from './synth.mjs';
|
|||||||
export * from './zzfx.mjs';
|
export * from './zzfx.mjs';
|
||||||
export * from './logger.mjs';
|
export * from './logger.mjs';
|
||||||
export * from './dspworklet.mjs';
|
export * from './dspworklet.mjs';
|
||||||
export * from './audioContext.mjs';
|
|
||||||
export * from './wavetable.mjs';
|
|
||||||
|
|||||||
@@ -1,12 +1,5 @@
|
|||||||
let log = (msg) => console.log(msg);
|
let log = (msg) => console.log(msg);
|
||||||
|
|
||||||
export function errorLogger(e, origin = 'superdough') {
|
|
||||||
if (process.env.NODE_ENV === 'development') {
|
|
||||||
console.error(e);
|
|
||||||
}
|
|
||||||
logger(`[${origin}] error: ${e.message}`);
|
|
||||||
}
|
|
||||||
|
|
||||||
export const logger = (...args) => log(...args);
|
export const logger = (...args) => log(...args);
|
||||||
|
|
||||||
export const setLogger = (fn) => {
|
export const setLogger = (fn) => {
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
import { drywet } from './helpers.mjs';
|
import { drywet } from './helpers.mjs';
|
||||||
import { getAudioContext } from './audioContext.mjs';
|
import { getAudioContext } from './superdough.mjs';
|
||||||
|
|
||||||
let noiseCache = {};
|
let noiseCache = {};
|
||||||
|
|
||||||
// lazy generates noise buffers and keeps them forever
|
// lazy generates noise buffers and keeps them forever
|
||||||
export function getNoiseBuffer(type, density) {
|
function getNoiseBuffer(type, density) {
|
||||||
const ac = getAudioContext();
|
const ac = getAudioContext();
|
||||||
if (noiseCache[type]) {
|
if (noiseCache[type]) {
|
||||||
return noiseCache[type];
|
return noiseCache[type];
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "superdough",
|
"name": "superdough",
|
||||||
"version": "1.2.6",
|
"version": "1.2.3",
|
||||||
"description": "simple web audio synth and sampler intended for live coding. inspired by superdirt and webdirt.",
|
"description": "simple web audio synth and sampler intended for live coding. inspired by superdirt and webdirt.",
|
||||||
"main": "index.mjs",
|
"main": "index.mjs",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
@@ -37,8 +37,5 @@
|
|||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"nanostores": "^0.11.3"
|
"nanostores": "^0.11.3"
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=18.0.0"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,9 +1,7 @@
|
|||||||
import reverbGen from './reverbGen.mjs';
|
import reverbGen from './reverbGen.mjs';
|
||||||
import { clamp } from './util.mjs';
|
|
||||||
|
|
||||||
if (typeof AudioContext !== 'undefined') {
|
if (typeof AudioContext !== 'undefined') {
|
||||||
AudioContext.prototype.adjustLength = function (duration, buffer, speed = 1, offsetAmount = 0) {
|
AudioContext.prototype.adjustLength = function (duration, buffer) {
|
||||||
const sampleOffset = Math.floor(clamp(offsetAmount, 0, 1) * buffer.length);
|
|
||||||
const newLength = buffer.sampleRate * duration;
|
const newLength = buffer.sampleRate * duration;
|
||||||
const newBuffer = this.createBuffer(buffer.numberOfChannels, buffer.length, buffer.sampleRate);
|
const newBuffer = this.createBuffer(buffer.numberOfChannels, buffer.length, buffer.sampleRate);
|
||||||
for (let channel = 0; channel < buffer.numberOfChannels; channel++) {
|
for (let channel = 0; channel < buffer.numberOfChannels; channel++) {
|
||||||
@@ -11,30 +9,22 @@ if (typeof AudioContext !== 'undefined') {
|
|||||||
let newData = newBuffer.getChannelData(channel);
|
let newData = newBuffer.getChannelData(channel);
|
||||||
|
|
||||||
for (let i = 0; i < newLength; i++) {
|
for (let i = 0; i < newLength; i++) {
|
||||||
// loop the buffer around to prevent
|
newData[i] = oldData[i] || 0;
|
||||||
let position = (sampleOffset + i * Math.abs(speed)) % oldData.length;
|
|
||||||
if (speed < 1) {
|
|
||||||
position = position * -1;
|
|
||||||
}
|
|
||||||
|
|
||||||
newData[i] = oldData.at(position) || 0;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
return newBuffer;
|
return newBuffer;
|
||||||
};
|
};
|
||||||
|
|
||||||
AudioContext.prototype.createReverb = function (duration, fade, lp, dim, ir, irspeed, irbegin) {
|
AudioContext.prototype.createReverb = function (duration, fade, lp, dim, ir) {
|
||||||
const convolver = this.createConvolver();
|
const convolver = this.createConvolver();
|
||||||
convolver.generate = (d = 2, fade = 0.1, lp = 15000, dim = 1000, ir, irspeed, irbegin) => {
|
convolver.generate = (d = 2, fade = 0.1, lp = 15000, dim = 1000, ir) => {
|
||||||
convolver.duration = d;
|
convolver.duration = d;
|
||||||
convolver.fade = fade;
|
convolver.fade = fade;
|
||||||
convolver.lp = lp;
|
convolver.lp = lp;
|
||||||
convolver.dim = dim;
|
convolver.dim = dim;
|
||||||
convolver.ir = ir;
|
convolver.ir = ir;
|
||||||
convolver.irspeed = irspeed;
|
|
||||||
convolver.irbegin = irbegin;
|
|
||||||
if (ir) {
|
if (ir) {
|
||||||
convolver.buffer = this.adjustLength(d, ir, irspeed, irbegin);
|
convolver.buffer = this.adjustLength(d, ir);
|
||||||
} else {
|
} else {
|
||||||
reverbGen.generateReverb(
|
reverbGen.generateReverb(
|
||||||
{
|
{
|
||||||
@@ -51,7 +41,7 @@ if (typeof AudioContext !== 'undefined') {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
convolver.generate(duration, fade, lp, dim, ir, irspeed, irbegin);
|
convolver.generate(duration, fade, lp, dim, ir);
|
||||||
return convolver;
|
return convolver;
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|||||||
+101
-89
@@ -1,6 +1,5 @@
|
|||||||
import { getCommonSampleInfo } from './util.mjs';
|
import { noteToMidi, valueToMidi, getSoundIndex } from './util.mjs';
|
||||||
import { registerSound, registerWaveTable } from './index.mjs';
|
import { getAudioContext, registerSound } from './index.mjs';
|
||||||
import { getAudioContext } from './audioContext.mjs';
|
|
||||||
import { getADSRValues, getParamADSR, getPitchEnvelope, getVibratoOscillator } from './helpers.mjs';
|
import { getADSRValues, getParamADSR, getPitchEnvelope, getVibratoOscillator } from './helpers.mjs';
|
||||||
import { logger } from './logger.mjs';
|
import { logger } from './logger.mjs';
|
||||||
|
|
||||||
@@ -23,16 +22,39 @@ function humanFileSize(bytes, si) {
|
|||||||
return bytes.toFixed(1) + ' ' + units[u];
|
return bytes.toFixed(1) + ' ' + units[u];
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// deduces relevant info for sample loading from hap.value and sample definition
|
||||||
|
// it encapsulates the core sampler logic into a pure and synchronous function
|
||||||
|
// hapValue: Hap.value, bank: sample bank definition for sound "s" (values in strudel.json format)
|
||||||
export function getSampleInfo(hapValue, bank) {
|
export function getSampleInfo(hapValue, bank) {
|
||||||
const { speed = 1.0 } = hapValue;
|
const { s, n = 0, speed = 1.0 } = hapValue;
|
||||||
const { transpose, url, index, midi, label } = getCommonSampleInfo(hapValue, bank);
|
let midi = valueToMidi(hapValue, 36);
|
||||||
|
let transpose = midi - 36; // C3 is middle C;
|
||||||
|
let sampleUrl;
|
||||||
|
let index = 0;
|
||||||
|
if (Array.isArray(bank)) {
|
||||||
|
index = getSoundIndex(n, bank.length);
|
||||||
|
sampleUrl = bank[index];
|
||||||
|
} else {
|
||||||
|
const midiDiff = (noteA) => noteToMidi(noteA) - midi;
|
||||||
|
// object format will expect keys as notes
|
||||||
|
const closest = Object.keys(bank)
|
||||||
|
.filter((k) => !k.startsWith('_'))
|
||||||
|
.reduce(
|
||||||
|
(closest, key, j) => (!closest || Math.abs(midiDiff(key)) < Math.abs(midiDiff(closest)) ? key : closest),
|
||||||
|
null,
|
||||||
|
);
|
||||||
|
transpose = -midiDiff(closest); // semitones to repitch
|
||||||
|
index = getSoundIndex(n, bank[closest].length);
|
||||||
|
sampleUrl = bank[closest][index];
|
||||||
|
}
|
||||||
|
const label = `${s}:${index}`;
|
||||||
let playbackRate = Math.abs(speed) * Math.pow(2, transpose / 12);
|
let playbackRate = Math.abs(speed) * Math.pow(2, transpose / 12);
|
||||||
return { transpose, url, index, midi, label, playbackRate };
|
return { transpose, sampleUrl, index, midi, label, playbackRate };
|
||||||
}
|
}
|
||||||
|
|
||||||
// takes hapValue and returns buffer + playbackRate.
|
// takes hapValue and returns buffer + playbackRate.
|
||||||
export const getSampleBuffer = async (hapValue, bank, resolveUrl) => {
|
export const getSampleBuffer = async (hapValue, bank, resolveUrl) => {
|
||||||
let { url: sampleUrl, label, playbackRate } = getSampleInfo(hapValue, bank);
|
let { sampleUrl, label, playbackRate } = getSampleInfo(hapValue, bank);
|
||||||
if (resolveUrl) {
|
if (resolveUrl) {
|
||||||
sampleUrl = await resolveUrl(sampleUrl);
|
sampleUrl = await resolveUrl(sampleUrl);
|
||||||
}
|
}
|
||||||
@@ -57,14 +79,14 @@ export const getSampleBufferSource = async (hapValue, bank, resolveUrl) => {
|
|||||||
bufferSource.buffer = buffer;
|
bufferSource.buffer = buffer;
|
||||||
bufferSource.playbackRate.value = playbackRate;
|
bufferSource.playbackRate.value = playbackRate;
|
||||||
|
|
||||||
const { loopBegin = 0, loopEnd = 1, begin = 0, end = 1 } = hapValue;
|
const { s, loopBegin = 0, loopEnd = 1, begin = 0, end = 1 } = hapValue;
|
||||||
|
|
||||||
// "The computation of the offset into the sound is performed using the sound buffer's natural sample rate,
|
// "The computation of the offset into the sound is performed using the sound buffer's natural sample rate,
|
||||||
// rather than the current playback rate, so even if the sound is playing at twice its normal speed,
|
// rather than the current playback rate, so even if the sound is playing at twice its normal speed,
|
||||||
// the midway point through a 10-second audio buffer is still 5."
|
// the midway point through a 10-second audio buffer is still 5."
|
||||||
const offset = begin * bufferSource.buffer.duration;
|
const offset = begin * bufferSource.buffer.duration;
|
||||||
|
|
||||||
const loop = hapValue.loop;
|
const loop = s.startsWith('wt_') ? 1 : hapValue.loop;
|
||||||
if (loop) {
|
if (loop) {
|
||||||
bufferSource.loop = true;
|
bufferSource.loop = true;
|
||||||
bufferSource.loopStart = loopBegin * bufferSource.buffer.duration - offset;
|
bufferSource.loopStart = loopBegin * bufferSource.buffer.duration - offset;
|
||||||
@@ -121,18 +143,13 @@ function githubPath(base, subpath = '') {
|
|||||||
if (!base.startsWith('github:')) {
|
if (!base.startsWith('github:')) {
|
||||||
throw new Error('expected "github:" at the start of pseudoUrl');
|
throw new Error('expected "github:" at the start of pseudoUrl');
|
||||||
}
|
}
|
||||||
let path = base.slice('github:'.length);
|
let [_, path] = base.split('github:');
|
||||||
path = path.endsWith('/') ? path.slice(0, -1) : path;
|
path = path.endsWith('/') ? path.slice(0, -1) : path;
|
||||||
|
if (path.split('/').length === 2) {
|
||||||
let components = path.split('/');
|
// assume main as default branch if none set
|
||||||
let user = components[0];
|
path += '/main';
|
||||||
let repo = components.length >= 2 ? components[1] : 'samples';
|
}
|
||||||
let branch = components.length >= 3 ? components[2] : 'main';
|
return `https://raw.githubusercontent.com/${path}/${subpath}`;
|
||||||
let other = components.slice(3);
|
|
||||||
other.push(subpath ? subpath : '');
|
|
||||||
other = other.join('/');
|
|
||||||
|
|
||||||
return `https://raw.githubusercontent.com/${user}/${repo}/${branch}/${other}`;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export const processSampleMap = (sampleMap, fn, baseUrl = sampleMap._base || '') => {
|
export const processSampleMap = (sampleMap, fn, baseUrl = sampleMap._base || '') => {
|
||||||
@@ -179,52 +196,6 @@ function getSamplesPrefixHandler(url) {
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function fetchSampleMap(url) {
|
|
||||||
// check if custom prefix handler
|
|
||||||
const handler = getSamplesPrefixHandler(url);
|
|
||||||
if (handler) {
|
|
||||||
return handler(url);
|
|
||||||
}
|
|
||||||
url = resolveSpecialPaths(url);
|
|
||||||
if (url.startsWith('github:')) {
|
|
||||||
url = githubPath(url, 'strudel.json');
|
|
||||||
}
|
|
||||||
if (url.startsWith('local:')) {
|
|
||||||
url = `http://localhost:5432`;
|
|
||||||
}
|
|
||||||
if (url.startsWith('shabda:')) {
|
|
||||||
let [_, path] = url.split('shabda:');
|
|
||||||
url = `https://shabda.ndre.gr/${path}.json?strudel=1`;
|
|
||||||
}
|
|
||||||
if (url.startsWith('shabda/speech')) {
|
|
||||||
let [_, path] = url.split('shabda/speech');
|
|
||||||
path = path.startsWith('/') ? path.substring(1) : path;
|
|
||||||
let [params, words] = path.split(':');
|
|
||||||
let gender = 'f';
|
|
||||||
let language = 'en-GB';
|
|
||||||
if (params) {
|
|
||||||
[language, gender] = params.split('/');
|
|
||||||
}
|
|
||||||
url = `https://shabda.ndre.gr/speech/${words}.json?gender=${gender}&language=${language}&strudel=1'`;
|
|
||||||
}
|
|
||||||
if (typeof fetch !== 'function') {
|
|
||||||
// not a browser
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const base = url.split('/').slice(0, -1).join('/');
|
|
||||||
if (typeof fetch === 'undefined') {
|
|
||||||
// skip fetch when in node / testing
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const json = await fetch(url)
|
|
||||||
.then((res) => res.json())
|
|
||||||
.catch((error) => {
|
|
||||||
console.error(error);
|
|
||||||
throw new Error(`error loading "${url}"`);
|
|
||||||
});
|
|
||||||
return [json, json._base || base];
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Loads a collection of samples to use with `s`
|
* Loads a collection of samples to use with `s`
|
||||||
* @example
|
* @example
|
||||||
@@ -245,17 +216,75 @@ export async function fetchSampleMap(url) {
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
export const samples = async (sampleMap, baseUrl = sampleMap._base || '', options = {}) => {
|
export const samples = async (sampleMap, baseUrl = sampleMap._base || '', options = {}) => {
|
||||||
|
|
||||||
if (typeof sampleMap === 'string') {
|
if (typeof sampleMap === 'string') {
|
||||||
const [json, base] = await fetchSampleMap(sampleMap);
|
const base = sampleMap.split('/').slice(0, -1).join('/');
|
||||||
return samples(json, baseUrl || base, options);
|
const savedJSON = localStorage.getItem(sampleMap)
|
||||||
|
if (savedJSON) {
|
||||||
|
const json = JSON.parse(savedJSON)
|
||||||
|
samples(json, baseUrl || json._base || base, options)
|
||||||
|
} else {
|
||||||
|
|
||||||
|
|
||||||
|
// check if custom prefix handler
|
||||||
|
const handler = getSamplesPrefixHandler(sampleMap);
|
||||||
|
if (handler) {
|
||||||
|
return handler(sampleMap);
|
||||||
|
}
|
||||||
|
sampleMap = resolveSpecialPaths(sampleMap);
|
||||||
|
if (sampleMap.startsWith('github:')) {
|
||||||
|
sampleMap = githubPath(sampleMap, 'strudel.json');
|
||||||
|
}
|
||||||
|
if (sampleMap.startsWith('local:')) {
|
||||||
|
sampleMap = `http://localhost:5432`;
|
||||||
|
}
|
||||||
|
if (sampleMap.startsWith('shabda:')) {
|
||||||
|
let [_, path] = sampleMap.split('shabda:');
|
||||||
|
sampleMap = `https://shabda.ndre.gr/${path}.json?strudel=1`;
|
||||||
|
}
|
||||||
|
if (sampleMap.startsWith('shabda/speech')) {
|
||||||
|
let [_, path] = sampleMap.split('shabda/speech');
|
||||||
|
path = path.startsWith('/') ? path.substring(1) : path;
|
||||||
|
let [params, words] = path.split(':');
|
||||||
|
let gender = 'f';
|
||||||
|
let language = 'en-GB';
|
||||||
|
if (params) {
|
||||||
|
[language, gender] = params.split('/');
|
||||||
|
}
|
||||||
|
sampleMap = `https://shabda.ndre.gr/speech/${words}.json?gender=${gender}&language=${language}&strudel=1'`;
|
||||||
|
}
|
||||||
|
if (typeof fetch !== 'function') {
|
||||||
|
// not a browser
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (typeof fetch === 'undefined') {
|
||||||
|
// skip fetch when in node / testing
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
return fetch(sampleMap)
|
||||||
|
.then((res) => res.json())
|
||||||
|
.then((json) => {
|
||||||
|
localStorage.setItem(sampleMap, JSON.stringify(json))
|
||||||
|
samples(json, baseUrl || json._base || base, options)
|
||||||
|
})
|
||||||
|
.catch((error) => {
|
||||||
|
console.error(error);
|
||||||
|
throw new Error(`error loading "${sampleMap}"`);
|
||||||
|
});
|
||||||
|
}
|
||||||
}
|
}
|
||||||
const { prebake, tag } = options;
|
const { prebake, tag } = options;
|
||||||
|
|
||||||
processSampleMap(
|
processSampleMap(
|
||||||
sampleMap,
|
sampleMap,
|
||||||
(key, bank) => {
|
(key, bank) =>
|
||||||
registerSampleSource(key, bank, { baseUrl, prebake, tag });
|
registerSound(key, (t, hapValue, onended) => onTriggerSample(t, hapValue, onended, bank), {
|
||||||
},
|
type: 'sample',
|
||||||
|
samples: bank,
|
||||||
|
baseUrl,
|
||||||
|
prebake,
|
||||||
|
tag,
|
||||||
|
}),
|
||||||
baseUrl,
|
baseUrl,
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
@@ -345,20 +374,3 @@ export async function onTriggerSample(t, value, onended, bank, resolveUrl) {
|
|||||||
|
|
||||||
return handle;
|
return handle;
|
||||||
}
|
}
|
||||||
|
|
||||||
function registerSample(key, bank, params) {
|
|
||||||
registerSound(key, (t, hapValue, onended) => onTriggerSample(t, hapValue, onended, bank), {
|
|
||||||
type: 'sample',
|
|
||||||
samples: bank,
|
|
||||||
...params,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
export function registerSampleSource(key, bank, params) {
|
|
||||||
const isWavetable = key.startsWith('wt_');
|
|
||||||
if (isWavetable) {
|
|
||||||
registerWaveTable(key, bank, params);
|
|
||||||
} else {
|
|
||||||
registerSample(key, bank, params);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|||||||
+240
-143
@@ -7,14 +7,12 @@ This program is free software: you can redistribute it and/or modify it under th
|
|||||||
import './feedbackdelay.mjs';
|
import './feedbackdelay.mjs';
|
||||||
import './reverb.mjs';
|
import './reverb.mjs';
|
||||||
import './vowel.mjs';
|
import './vowel.mjs';
|
||||||
import { nanFallback, _mod, cycleToSeconds, pickAndRename } from './util.mjs';
|
import { clamp, nanFallback, _mod, cycleToSeconds, secondsToCycle } from './util.mjs';
|
||||||
import workletsUrl from './worklets.mjs?audioworklet';
|
import workletsUrl from './worklets.mjs?audioworklet';
|
||||||
import { createFilter, gainNode, getCompressor, getDistortion, getLfo, getWorklet, effectSend } from './helpers.mjs';
|
import { createFilter, gainNode, getCompressor, getWorklet } from './helpers.mjs';
|
||||||
import { map } from 'nanostores';
|
import { map } from 'nanostores';
|
||||||
import { logger } from './logger.mjs';
|
import { logger } from './logger.mjs';
|
||||||
import { loadBuffer } from './sampler.mjs';
|
import { loadBuffer } from './sampler.mjs';
|
||||||
import { getAudioContext } from './audioContext.mjs';
|
|
||||||
import { SuperdoughAudioController } from './superdoughoutput.mjs';
|
|
||||||
|
|
||||||
export const DEFAULT_MAX_POLYPHONY = 128;
|
export const DEFAULT_MAX_POLYPHONY = 128;
|
||||||
const DEFAULT_AUDIO_DEVICE_NAME = 'System Standard';
|
const DEFAULT_AUDIO_DEVICE_NAME = 'System Standard';
|
||||||
@@ -30,6 +28,13 @@ export function setMultiChannelOrbits(bool) {
|
|||||||
multiChannelOrbits = bool == true;
|
multiChannelOrbits = bool == true;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function getModulationShapeInput(val) {
|
||||||
|
if (typeof val === 'number') {
|
||||||
|
return val % 5;
|
||||||
|
}
|
||||||
|
return { tri: 0, triangle: 0, sine: 1, ramp: 2, saw: 3, square: 4 }[val] ?? 0;
|
||||||
|
}
|
||||||
|
|
||||||
export const soundMap = map();
|
export const soundMap = map();
|
||||||
|
|
||||||
export function registerSound(key, onTrigger, data = {}) {
|
export function registerSound(key, onTrigger, data = {}) {
|
||||||
@@ -108,19 +113,6 @@ export async function aliasBank(...args) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Register an alias for a sound.
|
|
||||||
* @param {string} original - The original sound name
|
|
||||||
* @param {string} alias - The alias to use for the sound
|
|
||||||
*/
|
|
||||||
export function soundAlias(original, alias) {
|
|
||||||
if (getSound(original) == null) {
|
|
||||||
logger('soundAlias: original sound not found');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
soundMap.setKey(alias, getSound(original));
|
|
||||||
}
|
|
||||||
|
|
||||||
export function getSound(s) {
|
export function getSound(s) {
|
||||||
if (typeof s !== 'string') {
|
if (typeof s !== 'string') {
|
||||||
console.warn(`getSound: expected string got "${s}". fall back to triangle`);
|
console.warn(`getSound: expected string got "${s}". fall back to triangle`);
|
||||||
@@ -146,11 +138,15 @@ let defaultDefaultValues = {
|
|||||||
gain: 0.8,
|
gain: 0.8,
|
||||||
postgain: 1,
|
postgain: 1,
|
||||||
density: '.03',
|
density: '.03',
|
||||||
|
ftype: '12db',
|
||||||
|
fanchor: 0,
|
||||||
|
resonance: 1,
|
||||||
|
hresonance: 1,
|
||||||
|
bandq: 1,
|
||||||
channels: [1, 2],
|
channels: [1, 2],
|
||||||
phaserdepth: 0.75,
|
phaserdepth: 0.75,
|
||||||
shapevol: 1,
|
shapevol: 1,
|
||||||
distortvol: 1,
|
distortvol: 1,
|
||||||
distorttype: 0,
|
|
||||||
delay: 0,
|
delay: 0,
|
||||||
byteBeatExpression: '0',
|
byteBeatExpression: '0',
|
||||||
delayfeedback: 0.5,
|
delayfeedback: 0.5,
|
||||||
@@ -197,17 +193,30 @@ export function setVersionDefaults(version) {
|
|||||||
|
|
||||||
export const resetLoadedSounds = () => soundMap.set({});
|
export const resetLoadedSounds = () => soundMap.set({});
|
||||||
|
|
||||||
let externalWorklets = [];
|
let audioContext;
|
||||||
export function registerWorklet(url) {
|
|
||||||
externalWorklets.push(url);
|
export const setDefaultAudioContext = () => {
|
||||||
|
audioContext = new AudioContext();
|
||||||
|
return audioContext;
|
||||||
|
};
|
||||||
|
|
||||||
|
export const getAudioContext = () => {
|
||||||
|
if (!audioContext) {
|
||||||
|
return setDefaultAudioContext();
|
||||||
|
}
|
||||||
|
|
||||||
|
return audioContext;
|
||||||
|
};
|
||||||
|
|
||||||
|
export function getAudioContextCurrentTime() {
|
||||||
|
return getAudioContext().currentTime;
|
||||||
}
|
}
|
||||||
|
|
||||||
let workletsLoading;
|
let workletsLoading;
|
||||||
function loadWorklets() {
|
function loadWorklets() {
|
||||||
if (!workletsLoading) {
|
if (!workletsLoading) {
|
||||||
const audioCtx = getAudioContext();
|
const audioCtx = getAudioContext();
|
||||||
const allWorkletURLs = externalWorklets.concat([workletsUrl]);
|
workletsLoading = audioCtx.audioWorklet.addModule(workletsUrl);
|
||||||
workletsLoading = Promise.all(allWorkletURLs.map((workletURL) => audioCtx.audioWorklet.addModule(workletURL)));
|
|
||||||
}
|
}
|
||||||
|
|
||||||
return workletsLoading;
|
return workletsLoading;
|
||||||
@@ -273,16 +282,103 @@ export async function initAudioOnFirstClick(options) {
|
|||||||
return audioReady;
|
return audioReady;
|
||||||
}
|
}
|
||||||
|
|
||||||
let controller;
|
let delays = {};
|
||||||
function getSuperdoughAudioController() {
|
const maxfeedback = 0.98;
|
||||||
if (controller == null) {
|
|
||||||
controller = new SuperdoughAudioController(getAudioContext());
|
let channelMerger, destinationGain;
|
||||||
}
|
//update the output channel configuration to match user's audio device
|
||||||
return controller;
|
export function initializeAudioOutput() {
|
||||||
|
const audioContext = getAudioContext();
|
||||||
|
const maxChannelCount = audioContext.destination.maxChannelCount;
|
||||||
|
audioContext.destination.channelCount = maxChannelCount;
|
||||||
|
channelMerger = new ChannelMergerNode(audioContext, { numberOfInputs: audioContext.destination.channelCount });
|
||||||
|
destinationGain = new GainNode(audioContext);
|
||||||
|
channelMerger.connect(destinationGain);
|
||||||
|
destinationGain.connect(audioContext.destination);
|
||||||
}
|
}
|
||||||
export function connectToDestination(input, channels) {
|
|
||||||
const controller = getSuperdoughAudioController();
|
// input: AudioNode, channels: ?Array<int>
|
||||||
controller.output.connectToDestination(input, channels);
|
export const connectToDestination = (input, channels = [0, 1]) => {
|
||||||
|
const ctx = getAudioContext();
|
||||||
|
if (channelMerger == null) {
|
||||||
|
initializeAudioOutput();
|
||||||
|
}
|
||||||
|
//This upmix can be removed if correct channel counts are set throughout the app,
|
||||||
|
// and then strudel could theoretically support surround sound audio files
|
||||||
|
const stereoMix = new StereoPannerNode(ctx);
|
||||||
|
input.connect(stereoMix);
|
||||||
|
|
||||||
|
const splitter = new ChannelSplitterNode(ctx, {
|
||||||
|
numberOfOutputs: stereoMix.channelCount,
|
||||||
|
});
|
||||||
|
stereoMix.connect(splitter);
|
||||||
|
channels.forEach((ch, i) => {
|
||||||
|
splitter.connect(channelMerger, i % stereoMix.channelCount, ch % ctx.destination.channelCount);
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
export const panic = () => {
|
||||||
|
if (destinationGain == null) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
destinationGain.gain.linearRampToValueAtTime(0, getAudioContext().currentTime + 0.01);
|
||||||
|
destinationGain = null;
|
||||||
|
channelMerger == null;
|
||||||
|
};
|
||||||
|
|
||||||
|
function getDelay(orbit, delaytime, delayfeedback, t, channels) {
|
||||||
|
if (delayfeedback > maxfeedback) {
|
||||||
|
//logger(`delayfeedback was clamped to ${maxfeedback} to save your ears`);
|
||||||
|
}
|
||||||
|
delayfeedback = clamp(delayfeedback, 0, 0.98);
|
||||||
|
if (!delays[orbit]) {
|
||||||
|
const ac = getAudioContext();
|
||||||
|
const dly = ac.createFeedbackDelay(1, delaytime, delayfeedback);
|
||||||
|
dly.start?.(t); // for some reason, this throws when audion extension is installed..
|
||||||
|
connectToDestination(dly, channels);
|
||||||
|
delays[orbit] = dly;
|
||||||
|
}
|
||||||
|
delays[orbit].delayTime.value !== delaytime && delays[orbit].delayTime.setValueAtTime(delaytime, t);
|
||||||
|
delays[orbit].feedback.value !== delayfeedback && delays[orbit].feedback.setValueAtTime(delayfeedback, t);
|
||||||
|
return delays[orbit];
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getLfo(audioContext, begin, end, properties = {}) {
|
||||||
|
const { shape = 0, ...props } = properties;
|
||||||
|
const { dcoffset = -0.5, depth = 1 } = properties;
|
||||||
|
const lfoprops = {
|
||||||
|
frequency: 1,
|
||||||
|
depth,
|
||||||
|
skew: 0.5,
|
||||||
|
phaseoffset: 0,
|
||||||
|
time: begin,
|
||||||
|
begin,
|
||||||
|
end,
|
||||||
|
shape: getModulationShapeInput(shape),
|
||||||
|
dcoffset,
|
||||||
|
min: dcoffset * depth,
|
||||||
|
max: dcoffset * depth + depth,
|
||||||
|
curve: 1,
|
||||||
|
...props,
|
||||||
|
};
|
||||||
|
|
||||||
|
return getWorklet(audioContext, 'lfo-processor', lfoprops);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getSyncedLfo(audioContext, time, end, cps, cycle, properties = {}) {
|
||||||
|
const frequency = cycle / cps;
|
||||||
|
|
||||||
|
return getWorklet(audioContext, 'lfo-processor', {
|
||||||
|
frequency,
|
||||||
|
depth: 1,
|
||||||
|
skew: 0,
|
||||||
|
phaseoffset: 0,
|
||||||
|
time,
|
||||||
|
end,
|
||||||
|
shape: 1,
|
||||||
|
dcoffset: -0.5,
|
||||||
|
...properties,
|
||||||
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
function getPhaser(time, end, frequency = 1, depth = 0.5, centerFrequency = 1000, sweep = 2000) {
|
function getPhaser(time, end, frequency = 1, depth = 0.5, centerFrequency = 1000, sweep = 2000) {
|
||||||
@@ -316,6 +412,33 @@ function getFilterType(ftype) {
|
|||||||
return typeof ftype === 'number' ? filterTypes[Math.floor(_mod(ftype, filterTypes.length))] : ftype;
|
return typeof ftype === 'number' ? filterTypes[Math.floor(_mod(ftype, filterTypes.length))] : ftype;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
let reverbs = {};
|
||||||
|
let hasChanged = (now, before) => now !== undefined && now !== before;
|
||||||
|
function getReverb(orbit, duration, fade, lp, dim, ir, channels) {
|
||||||
|
// If no reverb has been created for a given orbit, create one
|
||||||
|
if (!reverbs[orbit]) {
|
||||||
|
const ac = getAudioContext();
|
||||||
|
const reverb = ac.createReverb(duration, fade, lp, dim, ir);
|
||||||
|
connectToDestination(reverb, channels);
|
||||||
|
reverbs[orbit] = reverb;
|
||||||
|
}
|
||||||
|
if (
|
||||||
|
hasChanged(duration, reverbs[orbit].duration) ||
|
||||||
|
hasChanged(fade, reverbs[orbit].fade) ||
|
||||||
|
hasChanged(lp, reverbs[orbit].lp) ||
|
||||||
|
hasChanged(dim, reverbs[orbit].dim) ||
|
||||||
|
reverbs[orbit].ir !== ir
|
||||||
|
) {
|
||||||
|
// only regenerate when something has changed
|
||||||
|
// avoids endless regeneration on things like
|
||||||
|
// stack(s("a"), s("b").rsize(8)).room(.5)
|
||||||
|
// this only works when args may stay undefined until here
|
||||||
|
// setting default values breaks this
|
||||||
|
reverbs[orbit].generate(duration, fade, lp, dim, ir);
|
||||||
|
}
|
||||||
|
return reverbs[orbit];
|
||||||
|
}
|
||||||
|
|
||||||
export let analysers = {},
|
export let analysers = {},
|
||||||
analysersData = {};
|
analysersData = {};
|
||||||
|
|
||||||
@@ -348,8 +471,16 @@ export function getAnalyzerData(type = 'time', id = 1) {
|
|||||||
return analysersData[id];
|
return analysersData[id];
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function effectSend(input, effect, wet) {
|
||||||
|
const send = gainNode(wet);
|
||||||
|
input.connect(send);
|
||||||
|
send.connect(effect);
|
||||||
|
return send;
|
||||||
|
}
|
||||||
|
|
||||||
export function resetGlobalEffects() {
|
export function resetGlobalEffects() {
|
||||||
controller?.reset();
|
delays = {};
|
||||||
|
reverbs = {};
|
||||||
analysers = {};
|
analysers = {};
|
||||||
analysersData = {};
|
analysersData = {};
|
||||||
}
|
}
|
||||||
@@ -364,7 +495,6 @@ function mapChannelNumbers(channels) {
|
|||||||
export const superdough = async (value, t, hapDuration, cps = 0.5, cycle = 0.5) => {
|
export const superdough = async (value, t, hapDuration, cps = 0.5, cycle = 0.5) => {
|
||||||
// new: t is always expected to be the absolute target onset time
|
// new: t is always expected to be the absolute target onset time
|
||||||
const ac = getAudioContext();
|
const ac = getAudioContext();
|
||||||
const audioController = getSuperdoughAudioController();
|
|
||||||
|
|
||||||
let { stretch } = value;
|
let { stretch } = value;
|
||||||
if (stretch != null) {
|
if (stretch != null) {
|
||||||
@@ -403,14 +533,34 @@ export const superdough = async (value, t, hapDuration, cps = 0.5, cycle = 0.5)
|
|||||||
gain = getDefaultValue('gain'),
|
gain = getDefaultValue('gain'),
|
||||||
postgain = getDefaultValue('postgain'),
|
postgain = getDefaultValue('postgain'),
|
||||||
density = getDefaultValue('density'),
|
density = getDefaultValue('density'),
|
||||||
duckorbit,
|
|
||||||
duckonset,
|
|
||||||
duckattack,
|
|
||||||
duckdepth,
|
|
||||||
djf,
|
|
||||||
// filters
|
// filters
|
||||||
fanchor = getDefaultValue('fanchor'),
|
fanchor = getDefaultValue('fanchor'),
|
||||||
|
drive = 0.69,
|
||||||
release = 0,
|
release = 0,
|
||||||
|
// low pass
|
||||||
|
cutoff,
|
||||||
|
lpenv,
|
||||||
|
lpattack,
|
||||||
|
lpdecay,
|
||||||
|
lpsustain,
|
||||||
|
lprelease,
|
||||||
|
resonance = getDefaultValue('resonance'),
|
||||||
|
// high pass
|
||||||
|
hpenv,
|
||||||
|
hcutoff,
|
||||||
|
hpattack,
|
||||||
|
hpdecay,
|
||||||
|
hpsustain,
|
||||||
|
hprelease,
|
||||||
|
hresonance = getDefaultValue('hresonance'),
|
||||||
|
// band pass
|
||||||
|
bpenv,
|
||||||
|
bandf,
|
||||||
|
bpattack,
|
||||||
|
bpdecay,
|
||||||
|
bpsustain,
|
||||||
|
bprelease,
|
||||||
|
bandq = getDefaultValue('bandq'),
|
||||||
|
|
||||||
//phaser
|
//phaser
|
||||||
phaserrate: phaser,
|
phaserrate: phaser,
|
||||||
@@ -421,12 +571,10 @@ export const superdough = async (value, t, hapDuration, cps = 0.5, cycle = 0.5)
|
|||||||
coarse,
|
coarse,
|
||||||
|
|
||||||
crush,
|
crush,
|
||||||
dry,
|
|
||||||
shape,
|
shape,
|
||||||
shapevol = getDefaultValue('shapevol'),
|
shapevol = getDefaultValue('shapevol'),
|
||||||
distort,
|
distort,
|
||||||
distortvol = getDefaultValue('distortvol'),
|
distortvol = getDefaultValue('distortvol'),
|
||||||
distorttype = getDefaultValue('distorttype'),
|
|
||||||
pan,
|
pan,
|
||||||
vowel,
|
vowel,
|
||||||
delay = getDefaultValue('delay'),
|
delay = getDefaultValue('delay'),
|
||||||
@@ -440,8 +588,6 @@ export const superdough = async (value, t, hapDuration, cps = 0.5, cycle = 0.5)
|
|||||||
roomdim,
|
roomdim,
|
||||||
roomsize,
|
roomsize,
|
||||||
ir,
|
ir,
|
||||||
irspeed,
|
|
||||||
irbegin,
|
|
||||||
i = getDefaultValue('i'),
|
i = getDefaultValue('i'),
|
||||||
velocity = getDefaultValue('velocity'),
|
velocity = getDefaultValue('velocity'),
|
||||||
analyze, // analyser wet
|
analyze, // analyser wet
|
||||||
@@ -458,12 +604,7 @@ export const superdough = async (value, t, hapDuration, cps = 0.5, cycle = 0.5)
|
|||||||
const orbitChannels = mapChannelNumbers(
|
const orbitChannels = mapChannelNumbers(
|
||||||
multiChannelOrbits && orbit > 0 ? [orbit * 2 - 1, orbit * 2] : getDefaultValue('channels'),
|
multiChannelOrbits && orbit > 0 ? [orbit * 2 - 1, orbit * 2] : getDefaultValue('channels'),
|
||||||
);
|
);
|
||||||
|
|
||||||
const channels = value.channels != null ? mapChannelNumbers(value.channels) : orbitChannels;
|
const channels = value.channels != null ? mapChannelNumbers(value.channels) : orbitChannels;
|
||||||
const orbitBus = audioController.getOrbit(orbit, channels);
|
|
||||||
if (duckorbit != null) {
|
|
||||||
audioController.duck(duckorbit, t, duckonset, duckattack, duckdepth);
|
|
||||||
}
|
|
||||||
|
|
||||||
gain = applyGainCurve(nanFallback(gain, 1));
|
gain = applyGainCurve(nanFallback(gain, 1));
|
||||||
postgain = applyGainCurve(postgain);
|
postgain = applyGainCurve(postgain);
|
||||||
@@ -509,7 +650,7 @@ export const superdough = async (value, t, hapDuration, cps = 0.5, cycle = 0.5)
|
|||||||
audioNodes.forEach((n) => n?.disconnect());
|
audioNodes.forEach((n) => n?.disconnect());
|
||||||
activeSoundSources.delete(chainID);
|
activeSoundSources.delete(chainID);
|
||||||
};
|
};
|
||||||
const soundHandle = await onTrigger(t, value, onEnded, cps);
|
const soundHandle = await onTrigger(t, value, onEnded);
|
||||||
|
|
||||||
if (soundHandle) {
|
if (soundHandle) {
|
||||||
sourceNode = soundHandle.node;
|
sourceNode = soundHandle.node;
|
||||||
@@ -535,87 +676,57 @@ export const superdough = async (value, t, hapDuration, cps = 0.5, cycle = 0.5)
|
|||||||
// gain stage
|
// gain stage
|
||||||
chain.push(gainNode(gain));
|
chain.push(gainNode(gain));
|
||||||
|
|
||||||
// filter
|
//filter
|
||||||
const ftype = getFilterType(value.ftype);
|
const ftype = getFilterType(value.ftype);
|
||||||
|
if (cutoff !== undefined) {
|
||||||
if (value.cutoff !== undefined) {
|
let lp = () =>
|
||||||
const lpMap = {
|
createFilter(
|
||||||
frequency: 'cutoff',
|
ac,
|
||||||
q: 'resonance',
|
'lowpass',
|
||||||
attack: 'lpattack',
|
cutoff,
|
||||||
decay: 'lpdecay',
|
resonance,
|
||||||
sustain: 'lpsustain',
|
lpattack,
|
||||||
release: 'lprelease',
|
lpdecay,
|
||||||
env: 'lpenv',
|
lpsustain,
|
||||||
anchor: 'fanchor',
|
lprelease,
|
||||||
model: 'ftype',
|
lpenv,
|
||||||
drive: 'drive',
|
t,
|
||||||
rate: 'lprate',
|
end,
|
||||||
sync: 'lpsync',
|
fanchor,
|
||||||
depth: 'lpdepth',
|
ftype,
|
||||||
shape: 'lpshape',
|
drive,
|
||||||
dcoffset: 'lpdc',
|
);
|
||||||
skew: 'lpskew',
|
|
||||||
};
|
|
||||||
const lpParams = pickAndRename(value, lpMap);
|
|
||||||
lpParams.type = 'lowpass';
|
|
||||||
let lp = () => createFilter(ac, t, end, lpParams, cps);
|
|
||||||
chain.push(lp());
|
chain.push(lp());
|
||||||
if (ftype === '24db') {
|
if (ftype === '24db') {
|
||||||
chain.push(lp());
|
chain.push(lp());
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
if (value.hcutoff !== undefined) {
|
if (hcutoff !== undefined) {
|
||||||
const hpMap = {
|
let hp = () =>
|
||||||
frequency: 'hcutoff',
|
createFilter(
|
||||||
q: 'hresonance',
|
ac,
|
||||||
attack: 'hpattack',
|
'highpass',
|
||||||
decay: 'hpdecay',
|
hcutoff,
|
||||||
sustain: 'hpsustain',
|
hresonance,
|
||||||
release: 'hprelease',
|
hpattack,
|
||||||
env: 'hpenv',
|
hpdecay,
|
||||||
anchor: 'fanchor',
|
hpsustain,
|
||||||
model: 'ftype',
|
hprelease,
|
||||||
drive: 'drive',
|
hpenv,
|
||||||
rate: 'hprate',
|
t,
|
||||||
sync: 'hpsync',
|
end,
|
||||||
depth: 'hpdepth',
|
fanchor,
|
||||||
shape: 'hpshape',
|
);
|
||||||
dcoffset: 'hpdc',
|
|
||||||
skew: 'hpskew',
|
|
||||||
};
|
|
||||||
const hpParams = pickAndRename(value, hpMap);
|
|
||||||
hpParams.type = 'highpass';
|
|
||||||
let hp = () => createFilter(ac, t, end, hpParams, cps);
|
|
||||||
chain.push(hp());
|
chain.push(hp());
|
||||||
if (ftype === '24db') {
|
if (ftype === '24db') {
|
||||||
chain.push(hp());
|
chain.push(hp());
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
if (value.bandf !== undefined) {
|
if (bandf !== undefined) {
|
||||||
const bpMap = {
|
let bp = () =>
|
||||||
frequency: 'bandf',
|
createFilter(ac, 'bandpass', bandf, bandq, bpattack, bpdecay, bpsustain, bprelease, bpenv, t, end, fanchor);
|
||||||
q: 'bandq',
|
|
||||||
attack: 'bpattack',
|
|
||||||
decay: 'bpdecay',
|
|
||||||
sustain: 'bpsustain',
|
|
||||||
release: 'bprelease',
|
|
||||||
env: 'bpenv',
|
|
||||||
anchor: 'fanchor',
|
|
||||||
model: 'ftype',
|
|
||||||
drive: 'drive',
|
|
||||||
rate: 'bprate',
|
|
||||||
sync: 'bpsync',
|
|
||||||
depth: 'bpdepth',
|
|
||||||
shape: 'bpshape',
|
|
||||||
dcoffset: 'bpdc',
|
|
||||||
skew: 'bpskew',
|
|
||||||
};
|
|
||||||
const bpParams = pickAndRename(value, bpMap);
|
|
||||||
bpParams.type = 'bandpass';
|
|
||||||
let bp = () => createFilter(ac, t, end, bpParams, cps);
|
|
||||||
chain.push(bp());
|
chain.push(bp());
|
||||||
if (ftype === '24db') {
|
if (ftype === '24db') {
|
||||||
chain.push(bp());
|
chain.push(bp());
|
||||||
@@ -631,20 +742,12 @@ export const superdough = async (value, t, hapDuration, cps = 0.5, cycle = 0.5)
|
|||||||
coarse !== undefined && chain.push(getWorklet(ac, 'coarse-processor', { coarse }));
|
coarse !== undefined && chain.push(getWorklet(ac, 'coarse-processor', { coarse }));
|
||||||
crush !== undefined && chain.push(getWorklet(ac, 'crush-processor', { crush }));
|
crush !== undefined && chain.push(getWorklet(ac, 'crush-processor', { crush }));
|
||||||
shape !== undefined && chain.push(getWorklet(ac, 'shape-processor', { shape, postgain: shapevol }));
|
shape !== undefined && chain.push(getWorklet(ac, 'shape-processor', { shape, postgain: shapevol }));
|
||||||
distort !== undefined && chain.push(getDistortion(distort, distortvol, distorttype));
|
distort !== undefined && chain.push(getWorklet(ac, 'distort-processor', { distort, postgain: distortvol }));
|
||||||
|
|
||||||
if (tremolosync != null) {
|
if (tremolosync != null) {
|
||||||
tremolo = cps * tremolosync;
|
tremolo = cps * tremolosync;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (value.wtPosSynced != null) {
|
|
||||||
value.wtPosRate /= cps;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (value.wtWarpSynced != null) {
|
|
||||||
value.wtWarpRate /= cps;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (tremolo !== undefined) {
|
if (tremolo !== undefined) {
|
||||||
// Allow clipping of modulator for more dynamic possiblities, and to prevent speaker overload
|
// Allow clipping of modulator for more dynamic possiblities, and to prevent speaker overload
|
||||||
// EX: a triangle waveform will clip like this /-\ when the depth is above 1
|
// EX: a triangle waveform will clip like this /-\ when the depth is above 1
|
||||||
@@ -688,13 +791,17 @@ export const superdough = async (value, t, hapDuration, cps = 0.5, cycle = 0.5)
|
|||||||
// last gain
|
// last gain
|
||||||
const post = new GainNode(ac, { gain: postgain });
|
const post = new GainNode(ac, { gain: postgain });
|
||||||
chain.push(post);
|
chain.push(post);
|
||||||
|
connectToDestination(post, channels);
|
||||||
|
|
||||||
// delay
|
// delay
|
||||||
|
let delaySend;
|
||||||
if (delay > 0 && delaytime > 0 && delayfeedback > 0) {
|
if (delay > 0 && delaytime > 0 && delayfeedback > 0) {
|
||||||
orbitBus.getDelay(delaytime, delayfeedback, t);
|
const delayNode = getDelay(orbit, delaytime, delayfeedback, t, orbitChannels);
|
||||||
orbitBus.sendDelay(post, delay);
|
delaySend = effectSend(post, delayNode, delay);
|
||||||
|
audioNodes.push(delaySend);
|
||||||
}
|
}
|
||||||
// reverb
|
// reverb
|
||||||
|
let reverbSend;
|
||||||
if (room > 0) {
|
if (room > 0) {
|
||||||
let roomIR;
|
let roomIR;
|
||||||
if (ir !== undefined) {
|
if (ir !== undefined) {
|
||||||
@@ -707,28 +814,18 @@ export const superdough = async (value, t, hapDuration, cps = 0.5, cycle = 0.5)
|
|||||||
}
|
}
|
||||||
roomIR = await loadBuffer(url, ac, ir, 0);
|
roomIR = await loadBuffer(url, ac, ir, 0);
|
||||||
}
|
}
|
||||||
orbitBus.getReverb(roomsize, roomfade, roomlp, roomdim, roomIR, irspeed, irbegin);
|
const reverbNode = getReverb(orbit, roomsize, roomfade, roomlp, roomdim, roomIR, orbitChannels);
|
||||||
orbitBus.sendReverb(post, room);
|
reverbSend = effectSend(post, reverbNode, room);
|
||||||
}
|
audioNodes.push(reverbSend);
|
||||||
|
|
||||||
if (djf != null) {
|
|
||||||
orbitBus.getDjf(djf, t);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// analyser
|
// analyser
|
||||||
|
let analyserSend;
|
||||||
if (analyze) {
|
if (analyze) {
|
||||||
const analyserNode = getAnalyserById(analyze, 2 ** (fft + 5));
|
const analyserNode = getAnalyserById(analyze, 2 ** (fft + 5));
|
||||||
const analyserSend = effectSend(post, analyserNode, 1);
|
analyserSend = effectSend(post, analyserNode, 1);
|
||||||
audioNodes.push(analyserSend);
|
audioNodes.push(analyserSend);
|
||||||
}
|
}
|
||||||
if (dry != null) {
|
|
||||||
dry = applyGainCurve(dry);
|
|
||||||
const dryGain = new GainNode(ac, { gain: dry });
|
|
||||||
chain.push(dryGain);
|
|
||||||
orbitBus.connectToOutput(dryGain);
|
|
||||||
} else {
|
|
||||||
orbitBus.connectToOutput(post);
|
|
||||||
}
|
|
||||||
|
|
||||||
// connect chain elements together
|
// connect chain elements together
|
||||||
chain.slice(1).reduce((last, current) => last.connect(current), chain[0]);
|
chain.slice(1).reduce((last, current) => last.connect(current), chain[0]);
|
||||||
|
|||||||
@@ -1,209 +0,0 @@
|
|||||||
import { effectSend, getWorklet, webAudioTimeout } from './helpers.mjs';
|
|
||||||
import { errorLogger } from './logger.mjs';
|
|
||||||
import { clamp } from './util.mjs';
|
|
||||||
|
|
||||||
let hasChanged = (now, before) => now !== undefined && now !== before;
|
|
||||||
|
|
||||||
export class Orbit {
|
|
||||||
reverbNode;
|
|
||||||
delayNode;
|
|
||||||
output;
|
|
||||||
summingNode;
|
|
||||||
djfNode;
|
|
||||||
audioContext;
|
|
||||||
constructor(audioContext) {
|
|
||||||
this.audioContext = audioContext;
|
|
||||||
this.output = new GainNode(audioContext, { gain: 1, channelCount: 2, channelCountMode: 'explicit' });
|
|
||||||
this.summingNode = new GainNode(audioContext, { gain: 1, channelCount: 2, channelCountMode: 'explicit' });
|
|
||||||
this.summingNode.connect(this.output);
|
|
||||||
}
|
|
||||||
|
|
||||||
disconnect() {
|
|
||||||
this.output.disconnect();
|
|
||||||
this.summingNode.disconnect();
|
|
||||||
this.delayNode?.disconnect();
|
|
||||||
this.reverbNode?.disconnect();
|
|
||||||
}
|
|
||||||
|
|
||||||
getDjf(value, t = 0) {
|
|
||||||
if (this.djfNode == null) {
|
|
||||||
this.djfNode = getWorklet(this.audioContext, 'djf-processor', { value });
|
|
||||||
this.summingNode.disconnect();
|
|
||||||
this.summingNode.connect(this.djfNode);
|
|
||||||
this.djfNode.connect(this.output);
|
|
||||||
}
|
|
||||||
const val = this.djfNode.parameters.get('value');
|
|
||||||
val.setValueAtTime(value, t);
|
|
||||||
}
|
|
||||||
|
|
||||||
getDelay(delaytime = 0, feedback = 0.5, t) {
|
|
||||||
const maxfeedback = 0.98;
|
|
||||||
if (feedback > maxfeedback) {
|
|
||||||
//logger(`feedback was clamped to ${maxfeedback} to save your ears`);
|
|
||||||
}
|
|
||||||
feedback = clamp(feedback, 0, 0.98);
|
|
||||||
if (this.delayNode == null) {
|
|
||||||
this.delayNode = this.audioContext.createFeedbackDelay(1, delaytime, feedback);
|
|
||||||
this.delayNode.connect(this.summingNode);
|
|
||||||
this.delayNode.start?.(t); // for some reason, this throws when audion extension is installed..
|
|
||||||
}
|
|
||||||
this.delayNode.delayTime.value !== delaytime && this.delayNode.delayTime.setValueAtTime(delaytime, t);
|
|
||||||
this.delayNode.feedback.value !== feedback && this.delayNode.feedback.setValueAtTime(feedback, t);
|
|
||||||
return this.delayNode;
|
|
||||||
}
|
|
||||||
|
|
||||||
getReverb(duration, fade, lp, dim, ir, irspeed, irbegin) {
|
|
||||||
// If no reverb has been created for a given orbit, create one
|
|
||||||
if (this.reverbNode == null) {
|
|
||||||
this.reverbNode = this.audioContext.createReverb(duration, fade, lp, dim, ir, irspeed, irbegin);
|
|
||||||
this.reverbNode.connect(this.summingNode);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (
|
|
||||||
hasChanged(duration, this.reverbNode.duration) ||
|
|
||||||
hasChanged(fade, this.reverbNode.fade) ||
|
|
||||||
hasChanged(lp, this.reverbNode.lp) ||
|
|
||||||
hasChanged(dim, this.reverbNode.dim) ||
|
|
||||||
hasChanged(irspeed, this.reverbNode.irspeed) ||
|
|
||||||
hasChanged(irbegin, this.reverbNode.irbegin) ||
|
|
||||||
this.reverbNode.ir !== ir
|
|
||||||
) {
|
|
||||||
// only regenerate when something has changed
|
|
||||||
// avoids endless regeneration on things like
|
|
||||||
// stack(s("a"), s("b").rsize(8)).room(.5)
|
|
||||||
// this only works when args may stay undefined until here
|
|
||||||
// setting default values breaks this
|
|
||||||
this.reverbNode.generate(duration, fade, lp, dim, ir, irspeed, irbegin);
|
|
||||||
}
|
|
||||||
return this.reverbNode;
|
|
||||||
}
|
|
||||||
sendReverb(node, amount) {
|
|
||||||
effectSend(node, this.reverbNode, amount);
|
|
||||||
}
|
|
||||||
|
|
||||||
sendDelay(node, amount) {
|
|
||||||
effectSend(node, this.delayNode, amount);
|
|
||||||
}
|
|
||||||
|
|
||||||
duck(t, onsettime = 0, attacktime = 0.1, depth = 1) {
|
|
||||||
const onset = onsettime;
|
|
||||||
const attack = Math.max(attacktime, 0.002);
|
|
||||||
const gainParam = this.output.gain;
|
|
||||||
webAudioTimeout(
|
|
||||||
this.audioContext,
|
|
||||||
() => {
|
|
||||||
const now = this.audioContext.currentTime;
|
|
||||||
|
|
||||||
// cancelScheduledValues and setValueAtTime together emulate cancelAndHoldAtTime
|
|
||||||
// on browsers which lack that method
|
|
||||||
const currVal = gainParam.value;
|
|
||||||
gainParam.cancelScheduledValues(now);
|
|
||||||
gainParam.setValueAtTime(currVal, now);
|
|
||||||
|
|
||||||
const t0 = Math.max(t, now); // guard against now > t
|
|
||||||
const duckedVal = clamp(1 - Math.sqrt(depth), 0.01, currVal);
|
|
||||||
gainParam.exponentialRampToValueAtTime(duckedVal, t0 + onset);
|
|
||||||
gainParam.exponentialRampToValueAtTime(1, t0 + onset + attack);
|
|
||||||
},
|
|
||||||
0,
|
|
||||||
t - 0.01,
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
connectToOutput(node) {
|
|
||||||
node.connect(this.summingNode);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export class SuperdoughOutput {
|
|
||||||
channelMerger;
|
|
||||||
destinationGain;
|
|
||||||
|
|
||||||
constructor(audioContext) {
|
|
||||||
this.audioContext = audioContext;
|
|
||||||
this.initializeAudio();
|
|
||||||
}
|
|
||||||
|
|
||||||
initializeAudio() {
|
|
||||||
const audioContext = this.audioContext;
|
|
||||||
const maxChannelCount = audioContext.destination.maxChannelCount;
|
|
||||||
this.audioContext.destination.channelCount = maxChannelCount;
|
|
||||||
this.channelMerger = new ChannelMergerNode(audioContext, { numberOfInputs: audioContext.destination.channelCount });
|
|
||||||
this.destinationGain = new GainNode(audioContext);
|
|
||||||
this.channelMerger.connect(this.destinationGain);
|
|
||||||
this.destinationGain.connect(audioContext.destination);
|
|
||||||
}
|
|
||||||
|
|
||||||
reset() {
|
|
||||||
this.disconnect();
|
|
||||||
this.initializeAudio();
|
|
||||||
}
|
|
||||||
disconnect() {
|
|
||||||
this.channelMerger.disconnect();
|
|
||||||
this.destinationGain.disconnect();
|
|
||||||
this.destinationGain = null;
|
|
||||||
this.channelMerger = null;
|
|
||||||
}
|
|
||||||
connectToDestination = (input, channels = [0, 1]) => {
|
|
||||||
//This upmix can be removed if correct channel counts are set throughout the app,
|
|
||||||
// and then strudel could theoretically support surround sound audio files
|
|
||||||
const stereoMix = new StereoPannerNode(this.audioContext);
|
|
||||||
input.connect(stereoMix);
|
|
||||||
|
|
||||||
const splitter = new ChannelSplitterNode(this.audioContext, {
|
|
||||||
numberOfOutputs: stereoMix.channelCount,
|
|
||||||
});
|
|
||||||
stereoMix.connect(splitter);
|
|
||||||
channels.forEach((ch, i) => {
|
|
||||||
splitter.connect(this.channelMerger, i % stereoMix.channelCount, ch % this.audioContext.destination.channelCount);
|
|
||||||
});
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
export class SuperdoughAudioController {
|
|
||||||
audioContext;
|
|
||||||
output;
|
|
||||||
nodes = {};
|
|
||||||
|
|
||||||
constructor(audioContext) {
|
|
||||||
this.audioContext = audioContext;
|
|
||||||
this.output = new SuperdoughOutput(audioContext);
|
|
||||||
}
|
|
||||||
|
|
||||||
reset() {
|
|
||||||
Array.from(this.nodes).forEach((node) => {
|
|
||||||
node.disconnect();
|
|
||||||
});
|
|
||||||
this.nodes = {};
|
|
||||||
this.output.reset();
|
|
||||||
}
|
|
||||||
|
|
||||||
duck(targetOrbits, t, onsettime = 0, attacktime = 0.1, depth = 1) {
|
|
||||||
const targetArr = [targetOrbits].flat();
|
|
||||||
const onsetArr = [onsettime].flat();
|
|
||||||
const attackArr = [attacktime].flat();
|
|
||||||
const depthArr = [depth].flat();
|
|
||||||
|
|
||||||
targetArr.forEach((target, idx) => {
|
|
||||||
const orbit = this.nodes[target];
|
|
||||||
|
|
||||||
if (orbit == null) {
|
|
||||||
errorLogger(new Error(`duck target orbit ${target} does not exist`), 'superdough');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const onset = onsetArr[idx] ?? onsetArr[0];
|
|
||||||
const attack = Math.max(attackArr[idx] ?? attackArr[0], 0.002);
|
|
||||||
const depth = depthArr[idx] ?? depthArr[0];
|
|
||||||
|
|
||||||
orbit.duck(t, onset, attack, depth);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
getOrbit(orbitNum, channels) {
|
|
||||||
if (this.nodes[orbitNum] == null) {
|
|
||||||
this.nodes[orbitNum] = new Orbit(this.audioContext);
|
|
||||||
this.output.connectToDestination(this.nodes[orbitNum].output, channels);
|
|
||||||
}
|
|
||||||
return this.nodes[orbitNum];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,22 +1,38 @@
|
|||||||
import { clamp } from './util.mjs';
|
import { clamp, midiToFreq, noteToMidi } from './util.mjs';
|
||||||
import { registerSound, soundMap } from './superdough.mjs';
|
import { registerSound, getAudioContext, soundMap, getLfo } from './superdough.mjs';
|
||||||
import { getAudioContext } from './audioContext.mjs';
|
|
||||||
import {
|
import {
|
||||||
applyFM,
|
applyFM,
|
||||||
destroyAudioWorkletNode,
|
|
||||||
gainNode,
|
gainNode,
|
||||||
getADSRValues,
|
getADSRValues,
|
||||||
getFrequencyFromValue,
|
|
||||||
getLfo,
|
|
||||||
getParamADSR,
|
getParamADSR,
|
||||||
getPitchEnvelope,
|
getPitchEnvelope,
|
||||||
getVibratoOscillator,
|
getVibratoOscillator,
|
||||||
getWorklet,
|
|
||||||
noises,
|
|
||||||
webAudioTimeout,
|
webAudioTimeout,
|
||||||
|
getWorklet,
|
||||||
} from './helpers.mjs';
|
} from './helpers.mjs';
|
||||||
import { getNoiseMix, getNoiseOscillator } from './noise.mjs';
|
import { getNoiseMix, getNoiseOscillator } from './noise.mjs';
|
||||||
|
|
||||||
|
const getFrequencyFromValue = (value) => {
|
||||||
|
let { note, freq } = value;
|
||||||
|
note = note || 36;
|
||||||
|
if (typeof note === 'string') {
|
||||||
|
note = noteToMidi(note); // e.g. c3 => 48
|
||||||
|
}
|
||||||
|
// get frequency
|
||||||
|
if (!freq && typeof note === 'number') {
|
||||||
|
freq = midiToFreq(note); // + 48);
|
||||||
|
}
|
||||||
|
|
||||||
|
return Number(freq);
|
||||||
|
};
|
||||||
|
function destroyAudioWorkletNode(node) {
|
||||||
|
if (node == null) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
node.disconnect();
|
||||||
|
node.parameters.get('end')?.setValueAtTime(0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
const waveforms = ['triangle', 'square', 'sawtooth', 'sine'];
|
const waveforms = ['triangle', 'square', 'sawtooth', 'sine'];
|
||||||
const waveformAliases = [
|
const waveformAliases = [
|
||||||
['tri', 'triangle'],
|
['tri', 'triangle'],
|
||||||
@@ -24,17 +40,7 @@ const waveformAliases = [
|
|||||||
['saw', 'sawtooth'],
|
['saw', 'sawtooth'],
|
||||||
['sin', 'sine'],
|
['sin', 'sine'],
|
||||||
];
|
];
|
||||||
|
const noises = ['pink', 'white', 'brown', 'crackle'];
|
||||||
function makeSaturationCurve(amount, n_samples) {
|
|
||||||
const k = typeof amount === 'number' ? amount : 50;
|
|
||||||
const curve = new Float32Array(n_samples);
|
|
||||||
|
|
||||||
for (let i = 0; i < n_samples; i++) {
|
|
||||||
const x = (i * 2) / n_samples - 1;
|
|
||||||
curve[i] = Math.tanh(x * k);
|
|
||||||
}
|
|
||||||
return curve;
|
|
||||||
}
|
|
||||||
|
|
||||||
export function registerSynthSounds() {
|
export function registerSynthSounds() {
|
||||||
[...waveforms].forEach((s) => {
|
[...waveforms].forEach((s) => {
|
||||||
@@ -78,75 +84,6 @@ export function registerSynthSounds() {
|
|||||||
{ type: 'synth', prebake: true },
|
{ type: 'synth', prebake: true },
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
|
|
||||||
registerSound(
|
|
||||||
'sbd',
|
|
||||||
(t, value, onended) => {
|
|
||||||
const { duration, decay = 0.5, pdecay = 0.5, penv = 36, clip } = value;
|
|
||||||
const ctx = getAudioContext();
|
|
||||||
const attackhold = 0.02;
|
|
||||||
const noiselvl = 1.2;
|
|
||||||
const noisedecay = 0.025;
|
|
||||||
const mixGain = 1;
|
|
||||||
|
|
||||||
const o = ctx.createOscillator();
|
|
||||||
o.type = 'triangle';
|
|
||||||
o.frequency.value = getFrequencyFromValue(value, 29);
|
|
||||||
o.detune.setValueAtTime(penv * 100, 0);
|
|
||||||
o.detune.setValueAtTime(penv * 100, t);
|
|
||||||
o.detune.exponentialRampToValueAtTime(0.001, t + pdecay);
|
|
||||||
const g = gainNode(1);
|
|
||||||
g.gain.setValueAtTime(1, t + attackhold);
|
|
||||||
g.gain.exponentialRampToValueAtTime(0.001, t + attackhold + decay);
|
|
||||||
o.start(t);
|
|
||||||
|
|
||||||
const noise = getNoiseOscillator('brown', t, 2);
|
|
||||||
const noiseGain = gainNode(1);
|
|
||||||
noiseGain.gain.setValueAtTime(noiselvl, t);
|
|
||||||
noiseGain.gain.exponentialRampToValueAtTime(0.001, t + noisedecay);
|
|
||||||
|
|
||||||
const sat = new WaveShaperNode(ctx);
|
|
||||||
// tri to sine diode shaper emulation
|
|
||||||
sat.curve = makeSaturationCurve(2, ctx.sampleRate);
|
|
||||||
|
|
||||||
const mix = gainNode(mixGain);
|
|
||||||
|
|
||||||
o.onended = () => {
|
|
||||||
o.disconnect();
|
|
||||||
g.disconnect();
|
|
||||||
sat.disconnect();
|
|
||||||
noise.node.disconnect();
|
|
||||||
noiseGain.disconnect();
|
|
||||||
mix.disconnect();
|
|
||||||
onended();
|
|
||||||
};
|
|
||||||
|
|
||||||
const node = o.connect(sat).connect(g).connect(mix);
|
|
||||||
noise.node.connect(noiseGain).connect(mix);
|
|
||||||
|
|
||||||
const holdEnd = t + decay;
|
|
||||||
let end = holdEnd + 0.01;
|
|
||||||
if (clip != null) {
|
|
||||||
end = Math.min(t + clip * duration, end);
|
|
||||||
}
|
|
||||||
|
|
||||||
// prevent clicking
|
|
||||||
mix.gain.setValueAtTime(mixGain, end - 0.01);
|
|
||||||
mix.gain.linearRampToValueAtTime(0, end);
|
|
||||||
|
|
||||||
o.stop(end);
|
|
||||||
noise.stop(end);
|
|
||||||
|
|
||||||
return {
|
|
||||||
node,
|
|
||||||
stop: (endTime) => {
|
|
||||||
o.stop(endTime);
|
|
||||||
},
|
|
||||||
};
|
|
||||||
},
|
|
||||||
{ type: 'synth', prebake: true },
|
|
||||||
);
|
|
||||||
|
|
||||||
registerSound(
|
registerSound(
|
||||||
'supersaw',
|
'supersaw',
|
||||||
(begin, value, onended) => {
|
(begin, value, onended) => {
|
||||||
@@ -184,7 +121,10 @@ export function registerSynthSounds() {
|
|||||||
const gainAdjustment = 1 / Math.sqrt(voices);
|
const gainAdjustment = 1 / Math.sqrt(voices);
|
||||||
getPitchEnvelope(o.parameters.get('detune'), value, begin, holdend);
|
getPitchEnvelope(o.parameters.get('detune'), value, begin, holdend);
|
||||||
const vibratoOscillator = getVibratoOscillator(o.parameters.get('detune'), value, begin);
|
const vibratoOscillator = getVibratoOscillator(o.parameters.get('detune'), value, begin);
|
||||||
const fm = applyFM(o.parameters.get('frequency'), value, begin);
|
// const fm = applyFM(o.parameters.get('frequency'), value, begin);
|
||||||
|
// https://codeberg.org/uzu/strudel/issues/1428
|
||||||
|
// if you think about re-enabling this, please test with fm > 1 first
|
||||||
|
// it's like 10x gain, so it's really dangerous
|
||||||
let envGain = gainNode(1);
|
let envGain = gainNode(1);
|
||||||
envGain = o.connect(envGain);
|
envGain = o.connect(envGain);
|
||||||
|
|
||||||
@@ -196,7 +136,7 @@ export function registerSynthSounds() {
|
|||||||
destroyAudioWorkletNode(o);
|
destroyAudioWorkletNode(o);
|
||||||
envGain.disconnect();
|
envGain.disconnect();
|
||||||
onended();
|
onended();
|
||||||
fm?.stop();
|
// fm?.stop();
|
||||||
vibratoOscillator?.stop();
|
vibratoOscillator?.stop();
|
||||||
},
|
},
|
||||||
begin,
|
begin,
|
||||||
|
|||||||
@@ -7,7 +7,7 @@ export const tokenizeNote = (note) => {
|
|||||||
if (typeof note !== 'string') {
|
if (typeof note !== 'string') {
|
||||||
return [];
|
return [];
|
||||||
}
|
}
|
||||||
const [pc, acc = '', oct] = note.match(/^([a-gA-G])([#bsf]*)(-?[0-9]*)$/)?.slice(1) || [];
|
const [pc, acc = '', oct] = note.match(/^([a-gA-G])([#bsf]*)([0-9]*)$/)?.slice(1) || [];
|
||||||
if (!pc) {
|
if (!pc) {
|
||||||
return [];
|
return [];
|
||||||
}
|
}
|
||||||
@@ -16,17 +16,13 @@ export const tokenizeNote = (note) => {
|
|||||||
const chromas = { c: 0, d: 2, e: 4, f: 5, g: 7, a: 9, b: 11 };
|
const chromas = { c: 0, d: 2, e: 4, f: 5, g: 7, a: 9, b: 11 };
|
||||||
const accs = { '#': 1, b: -1, s: 1, f: -1 };
|
const accs = { '#': 1, b: -1, s: 1, f: -1 };
|
||||||
|
|
||||||
export const getAccidentalsOffset = (accidentals) => {
|
|
||||||
return accidentals?.split('').reduce((o, char) => o + accs[char], 0) || 0;
|
|
||||||
};
|
|
||||||
|
|
||||||
export const noteToMidi = (note, defaultOctave = 3) => {
|
export const noteToMidi = (note, defaultOctave = 3) => {
|
||||||
const [pc, acc, oct = defaultOctave] = tokenizeNote(note);
|
const [pc, acc, oct = defaultOctave] = tokenizeNote(note);
|
||||||
if (!pc) {
|
if (!pc) {
|
||||||
throw new Error('not a note: "' + note + '"');
|
throw new Error('not a note: "' + note + '"');
|
||||||
}
|
}
|
||||||
const chroma = chromas[pc.toLowerCase()];
|
const chroma = chromas[pc.toLowerCase()];
|
||||||
const offset = getAccidentalsOffset(acc);
|
const offset = acc?.split('').reduce((o, char) => o + accs[char], 0) || 0;
|
||||||
return (Number(oct) + 1) * 12 + chroma + offset;
|
return (Number(oct) + 1) * 12 + chroma + offset;
|
||||||
};
|
};
|
||||||
export const midiToFreq = (n) => {
|
export const midiToFreq = (n) => {
|
||||||
@@ -80,37 +76,3 @@ export function cycleToSeconds(cycle, cps) {
|
|||||||
export function secondsToCycle(t, cps) {
|
export function secondsToCycle(t, cps) {
|
||||||
return t * cps;
|
return t * cps;
|
||||||
}
|
}
|
||||||
|
|
||||||
// deduces relevant info for sample loading from hap.value and sample definition
|
|
||||||
// it encapsulates the core sampler logic into a pure and synchronous function
|
|
||||||
// hapValue: Hap.value, bank: sample bank definition for sound "s" (values in strudel.json format)
|
|
||||||
export function getCommonSampleInfo(hapValue, bank) {
|
|
||||||
const { s, n = 0 } = hapValue;
|
|
||||||
let midi = valueToMidi(hapValue, 36);
|
|
||||||
let transpose = midi - 36; // C3 is middle C;
|
|
||||||
let url;
|
|
||||||
let index = 0;
|
|
||||||
if (Array.isArray(bank)) {
|
|
||||||
index = getSoundIndex(n, bank.length);
|
|
||||||
url = bank[index];
|
|
||||||
} else {
|
|
||||||
const midiDiff = (noteA) => noteToMidi(noteA) - midi;
|
|
||||||
// object format will expect keys as notes
|
|
||||||
const closest = Object.keys(bank)
|
|
||||||
.filter((k) => !k.startsWith('_'))
|
|
||||||
.reduce(
|
|
||||||
(closest, key, j) => (!closest || Math.abs(midiDiff(key)) < Math.abs(midiDiff(closest)) ? key : closest),
|
|
||||||
null,
|
|
||||||
);
|
|
||||||
transpose = -midiDiff(closest); // semitones to repitch
|
|
||||||
index = getSoundIndex(n, bank[closest].length);
|
|
||||||
url = bank[closest][index];
|
|
||||||
}
|
|
||||||
const label = `${s}:${index}`;
|
|
||||||
return { transpose, url, index, midi, label };
|
|
||||||
}
|
|
||||||
|
|
||||||
/** Selects entries from `source` and renames them via `map` */
|
|
||||||
export const pickAndRename = (source, map) => {
|
|
||||||
return Object.fromEntries(Object.entries(map).map(([newKey, oldKey]) => [newKey, source[oldKey]]));
|
|
||||||
};
|
|
||||||
|
|||||||
@@ -1,336 +0,0 @@
|
|||||||
import { getAudioContext, registerSound } from './index.mjs';
|
|
||||||
import { getCommonSampleInfo } from './util.mjs';
|
|
||||||
import {
|
|
||||||
applyFM,
|
|
||||||
applyParameterModulators,
|
|
||||||
destroyAudioWorkletNode,
|
|
||||||
getADSRValues,
|
|
||||||
getFrequencyFromValue,
|
|
||||||
getParamADSR,
|
|
||||||
getPitchEnvelope,
|
|
||||||
getVibratoOscillator,
|
|
||||||
getWorklet,
|
|
||||||
webAudioTimeout,
|
|
||||||
} from './helpers.mjs';
|
|
||||||
import { logger } from './logger.mjs';
|
|
||||||
|
|
||||||
export const Warpmode = Object.freeze({
|
|
||||||
NONE: 0,
|
|
||||||
ASYM: 1,
|
|
||||||
MIRROR: 2,
|
|
||||||
BENDP: 3,
|
|
||||||
BENDM: 4,
|
|
||||||
BENDMP: 5,
|
|
||||||
SYNC: 6,
|
|
||||||
QUANT: 7,
|
|
||||||
FOLD: 8,
|
|
||||||
PWM: 9,
|
|
||||||
ORBIT: 10,
|
|
||||||
SPIN: 11,
|
|
||||||
CHAOS: 12,
|
|
||||||
PRIMES: 13,
|
|
||||||
BINARY: 14,
|
|
||||||
BROWNIAN: 15,
|
|
||||||
RECIPROCAL: 16,
|
|
||||||
WORMHOLE: 17,
|
|
||||||
LOGISTIC: 18,
|
|
||||||
SIGMOID: 19,
|
|
||||||
FRACTAL: 20,
|
|
||||||
FLIP: 21,
|
|
||||||
});
|
|
||||||
|
|
||||||
const seenKeys = new Set();
|
|
||||||
async function getPayload(url, label, frameLen = 2048) {
|
|
||||||
const key = `${url},${frameLen}`;
|
|
||||||
if (!seenKeys.has(key)) {
|
|
||||||
const buf = await loadBuffer(url, label);
|
|
||||||
const ch0 = buf.getChannelData(0);
|
|
||||||
const total = ch0.length;
|
|
||||||
const numFrames = Math.max(1, Math.floor(total / frameLen));
|
|
||||||
const frames = new Array(numFrames);
|
|
||||||
for (let i = 0; i < numFrames; i++) {
|
|
||||||
const start = i * frameLen;
|
|
||||||
frames[i] = ch0.subarray(start, start + frameLen);
|
|
||||||
}
|
|
||||||
seenKeys.add(key);
|
|
||||||
return { frames, frameLen, numFrames, key };
|
|
||||||
}
|
|
||||||
return { frameLen, key }; // worklet will use the cached version
|
|
||||||
}
|
|
||||||
|
|
||||||
function humanFileSize(bytes, si) {
|
|
||||||
var thresh = si ? 1000 : 1024;
|
|
||||||
if (bytes < thresh) return bytes + ' B';
|
|
||||||
var units = si
|
|
||||||
? ['kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']
|
|
||||||
: ['KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB'];
|
|
||||||
var u = -1;
|
|
||||||
do {
|
|
||||||
bytes /= thresh;
|
|
||||||
++u;
|
|
||||||
} while (bytes >= thresh);
|
|
||||||
return bytes.toFixed(1) + ' ' + units[u];
|
|
||||||
}
|
|
||||||
|
|
||||||
// Extract the sample rate of a .wav file
|
|
||||||
function parseWavSampleRate(arrBuf) {
|
|
||||||
const dv = new DataView(arrBuf);
|
|
||||||
// Header is "RIFF<chunk size (4 bytes)>WAVE", so 12 bytes
|
|
||||||
let p = 12;
|
|
||||||
// Look through chunks for the format header
|
|
||||||
// (they will always have an 8 byte header (id and size) followed by a payload)
|
|
||||||
while (p + 8 <= dv.byteLength) {
|
|
||||||
// Parse id
|
|
||||||
const id = String.fromCharCode(dv.getUint8(p), dv.getUint8(p + 1), dv.getUint8(p + 2), dv.getUint8(p + 3));
|
|
||||||
// Parse chunk size
|
|
||||||
const size = dv.getUint32(p + 4, true);
|
|
||||||
if (id === 'fmt ') {
|
|
||||||
// The format chunk contains the sample rate after
|
|
||||||
// 8 bytes of header, 2 bytes of format tag, 2 bytes of num channels
|
|
||||||
// (for a total of 12)
|
|
||||||
return dv.getUint32(p + 12, true);
|
|
||||||
}
|
|
||||||
// Advance to next chunk
|
|
||||||
p += 8 + size + (size & 1);
|
|
||||||
}
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
|
|
||||||
async function decodeAtNativeRate(arr) {
|
|
||||||
const sr = parseWavSampleRate(arr) || 44100;
|
|
||||||
const tempAC = new OfflineAudioContext(1, 1, sr);
|
|
||||||
return await tempAC.decodeAudioData(arr);
|
|
||||||
}
|
|
||||||
|
|
||||||
const loadCache = {};
|
|
||||||
const loadBuffer = (url, label) => {
|
|
||||||
url = url.replace('#', '%23');
|
|
||||||
if (!loadCache[url]) {
|
|
||||||
logger(`[wavetable] load table ${label}..`, 'load-table', { url });
|
|
||||||
const timestamp = Date.now();
|
|
||||||
loadCache[url] = fetch(url)
|
|
||||||
.then((res) => res.arrayBuffer())
|
|
||||||
.then(async (res) => {
|
|
||||||
const took = Date.now() - timestamp;
|
|
||||||
const size = humanFileSize(res.byteLength);
|
|
||||||
logger(`[wavetable] load table ${label}... done! loaded ${size} in ${took}ms`, 'loaded-table', { url });
|
|
||||||
const decoded = await decodeAtNativeRate(res);
|
|
||||||
return decoded;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
return loadCache[url];
|
|
||||||
};
|
|
||||||
|
|
||||||
function githubPath(base, subpath = '') {
|
|
||||||
if (!base.startsWith('github:')) {
|
|
||||||
throw new Error('expected "github:" at the start of pseudoUrl');
|
|
||||||
}
|
|
||||||
let [_, path] = base.split('github:');
|
|
||||||
path = path.endsWith('/') ? path.slice(0, -1) : path;
|
|
||||||
if (path.split('/').length === 2) {
|
|
||||||
// assume main as default branch if none set
|
|
||||||
path += '/main';
|
|
||||||
}
|
|
||||||
return `https://raw.githubusercontent.com/${path}/${subpath}`;
|
|
||||||
}
|
|
||||||
|
|
||||||
const _processTables = (json, baseUrl, frameLen, options = {}) => {
|
|
||||||
baseUrl = json._base || baseUrl;
|
|
||||||
return Object.entries(json).forEach(([key, tables]) => {
|
|
||||||
if (key === '_base') return false;
|
|
||||||
if (typeof tables === 'string') {
|
|
||||||
tables = [tables];
|
|
||||||
}
|
|
||||||
if (typeof tables !== 'object') {
|
|
||||||
throw new Error('wrong json format for ' + key);
|
|
||||||
}
|
|
||||||
let resolvedUrl = baseUrl;
|
|
||||||
if (resolvedUrl.startsWith('github:')) {
|
|
||||||
resolvedUrl = githubPath(resolvedUrl, '');
|
|
||||||
}
|
|
||||||
tables = tables
|
|
||||||
.map((t) => resolvedUrl + t)
|
|
||||||
.filter((t) => {
|
|
||||||
if (!t.toLowerCase().endsWith('.wav')) {
|
|
||||||
logger(`[wavetable] skipping ${t} -- wavetables must be ".wav" format`);
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
return true;
|
|
||||||
});
|
|
||||||
if (tables.length) {
|
|
||||||
registerWaveTable(key, tables, { baseUrl, frameLen });
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
export function registerWaveTable(key, tables, params) {
|
|
||||||
registerSound(
|
|
||||||
key,
|
|
||||||
(t, hapValue, onended, cps) => {
|
|
||||||
return onTriggerSynth(t, hapValue, onended, tables, cps, params?.frameLen ?? 2048);
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'wavetable',
|
|
||||||
tables,
|
|
||||||
...params,
|
|
||||||
},
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Loads a collection of wavetables to use with `s`
|
|
||||||
*
|
|
||||||
* @name tables
|
|
||||||
*/
|
|
||||||
export const tables = async (url, frameLen, json, options = {}) => {
|
|
||||||
if (json !== undefined) return _processTables(json, url, frameLen);
|
|
||||||
if (url.startsWith('github:')) {
|
|
||||||
url = githubPath(url, 'strudel.json');
|
|
||||||
}
|
|
||||||
if (url.startsWith('local:')) {
|
|
||||||
url = `http://localhost:5432`;
|
|
||||||
}
|
|
||||||
if (typeof fetch !== 'function') {
|
|
||||||
// not a browser
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (typeof fetch === 'undefined') {
|
|
||||||
// skip fetch when in node / testing
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
return fetch(url)
|
|
||||||
.then((res) => res.json())
|
|
||||||
.then((json) => _processTables(json, url, frameLen, options))
|
|
||||||
.catch((error) => {
|
|
||||||
console.error(error);
|
|
||||||
throw new Error(`error loading "${url}"`);
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
export async function onTriggerSynth(t, value, onended, tables, cps, frameLen) {
|
|
||||||
const { s, n = 0, duration, clip } = value;
|
|
||||||
const ac = getAudioContext();
|
|
||||||
const [attack, decay, sustain, release] = getADSRValues([value.attack, value.decay, value.sustain, value.release]);
|
|
||||||
let { warpmode } = value;
|
|
||||||
if (typeof warpmode === 'string') {
|
|
||||||
warpmode = Warpmode[warpmode.toUpperCase()] ?? Warpmode.NONE;
|
|
||||||
}
|
|
||||||
const frequency = getFrequencyFromValue(value);
|
|
||||||
const { url, label } = getCommonSampleInfo(value, tables);
|
|
||||||
const payload = await getPayload(url, label, frameLen);
|
|
||||||
let holdEnd = t + duration;
|
|
||||||
if (clip !== undefined) {
|
|
||||||
holdEnd = Math.min(t + clip * duration, holdEnd);
|
|
||||||
}
|
|
||||||
const endWithRelease = holdEnd + release;
|
|
||||||
const envEnd = endWithRelease + 0.01;
|
|
||||||
const source = getWorklet(
|
|
||||||
ac,
|
|
||||||
'wavetable-oscillator-processor',
|
|
||||||
{
|
|
||||||
begin: t,
|
|
||||||
end: envEnd,
|
|
||||||
frequency,
|
|
||||||
freqspread: value.detune,
|
|
||||||
position: value.wt,
|
|
||||||
warp: value.warp,
|
|
||||||
warpMode: warpmode,
|
|
||||||
voices: Math.max(value.unison ?? 1, 1),
|
|
||||||
panspread: value.spread,
|
|
||||||
phaserand: (value.wtphaserand ?? value.unison > 1) ? 1 : 0,
|
|
||||||
},
|
|
||||||
{ outputChannelCount: [2] },
|
|
||||||
);
|
|
||||||
source.port.postMessage({ type: 'table', payload });
|
|
||||||
if (ac.currentTime > t) {
|
|
||||||
logger(`[wavetable] still loading sound "${s}:${n}"`, 'highlight');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const posADSRParams = [value.wtattack, value.wtdecay, value.wtsustain, value.wtrelease];
|
|
||||||
const warpADSRParams = [value.warpattack, value.warpdecay, value.warpsustain, value.warprelease];
|
|
||||||
const wtParams = source.parameters;
|
|
||||||
const positionParam = wtParams.get('position');
|
|
||||||
const warpParam = wtParams.get('warp');
|
|
||||||
|
|
||||||
let wtrate = value.wtrate;
|
|
||||||
if (value.wtsync != null) {
|
|
||||||
wtrate = cps * value.wtsync;
|
|
||||||
}
|
|
||||||
|
|
||||||
const wtPosModulators = applyParameterModulators(
|
|
||||||
ac,
|
|
||||||
positionParam,
|
|
||||||
t,
|
|
||||||
endWithRelease,
|
|
||||||
{
|
|
||||||
offset: value.wt,
|
|
||||||
amount: value.wtenv,
|
|
||||||
defaultAmount: 0.5,
|
|
||||||
shape: 'linear',
|
|
||||||
values: posADSRParams,
|
|
||||||
holdEnd,
|
|
||||||
defaultValues: [0, 0.5, 0, 0.1],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
frequency: wtrate,
|
|
||||||
depth: value.wtdepth,
|
|
||||||
defaultDepth: 0.5,
|
|
||||||
shape: value.wtshape,
|
|
||||||
skew: value.wtskew,
|
|
||||||
dcoffset: value.wtdc ?? 0,
|
|
||||||
},
|
|
||||||
);
|
|
||||||
|
|
||||||
let warprate = value.warprate;
|
|
||||||
if (value.warpsync != null) {
|
|
||||||
warprate = warprate = cps * value.warpsync;
|
|
||||||
}
|
|
||||||
const wtWarpModulators = applyParameterModulators(
|
|
||||||
ac,
|
|
||||||
warpParam,
|
|
||||||
t,
|
|
||||||
endWithRelease,
|
|
||||||
{
|
|
||||||
offset: value.warp,
|
|
||||||
amount: value.warpenv,
|
|
||||||
defaultAmount: 0.5,
|
|
||||||
shape: 'linear',
|
|
||||||
values: warpADSRParams,
|
|
||||||
holdEnd,
|
|
||||||
defaultValues: [0, 0.5, 0, 0.1],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
frequency: warprate,
|
|
||||||
depth: value.warpdepth,
|
|
||||||
defaultDepth: 0.5,
|
|
||||||
shape: value.warpshape,
|
|
||||||
skew: value.warpskew,
|
|
||||||
dcoffset: value.warpdc ?? 0,
|
|
||||||
},
|
|
||||||
);
|
|
||||||
const vibratoOscillator = getVibratoOscillator(source.parameters.get('detune'), value, t);
|
|
||||||
const fm = applyFM(source.parameters.get('frequency'), value, t);
|
|
||||||
const envGain = ac.createGain();
|
|
||||||
const node = source.connect(envGain);
|
|
||||||
getParamADSR(node.gain, attack, decay, sustain, release, 0, 0.3, t, holdEnd, 'linear');
|
|
||||||
getPitchEnvelope(source.parameters.get('detune'), value, t, holdEnd);
|
|
||||||
const handle = { node, source };
|
|
||||||
const timeoutNode = webAudioTimeout(
|
|
||||||
ac,
|
|
||||||
() => {
|
|
||||||
destroyAudioWorkletNode(source);
|
|
||||||
vibratoOscillator?.stop();
|
|
||||||
fm?.stop();
|
|
||||||
node.disconnect();
|
|
||||||
wtPosModulators?.disconnect();
|
|
||||||
wtWarpModulators?.disconnect();
|
|
||||||
onended();
|
|
||||||
},
|
|
||||||
t,
|
|
||||||
envEnd,
|
|
||||||
);
|
|
||||||
handle.stop = (time) => {
|
|
||||||
timeoutNode.stop(time);
|
|
||||||
};
|
|
||||||
return handle;
|
|
||||||
}
|
|
||||||
@@ -4,47 +4,22 @@
|
|||||||
|
|
||||||
import OLAProcessor from './ola-processor';
|
import OLAProcessor from './ola-processor';
|
||||||
import FFT from './fft.js';
|
import FFT from './fft.js';
|
||||||
import { getDistortionAlgorithm } from './helpers.mjs';
|
|
||||||
|
|
||||||
const clamp = (num, min, max) => Math.min(Math.max(num, min), max);
|
const clamp = (num, min, max) => Math.min(Math.max(num, min), max);
|
||||||
const mod = (n, m) => ((n % m) + m) % m;
|
const _mod = (n, m) => ((n % m) + m) % m;
|
||||||
const lerp = (a, b, n) => n * (b - a) + a;
|
|
||||||
const pv = (arr, n) => arr[n] ?? arr[0];
|
|
||||||
const frac = (x) => x - Math.floor(x);
|
|
||||||
const ffloor = (x) => x | 0; // fast floor for non-negative
|
|
||||||
|
|
||||||
const getUnisonDetune = (unison, detune, voiceIndex) => {
|
|
||||||
if (unison < 2) {
|
|
||||||
return 0;
|
|
||||||
}
|
|
||||||
return lerp(-detune * 0.5, detune * 0.5, voiceIndex / (unison - 1));
|
|
||||||
};
|
|
||||||
const applySemitoneDetuneToFrequency = (frequency, detune) => {
|
|
||||||
return frequency * Math.pow(2, detune / 12);
|
|
||||||
};
|
|
||||||
|
|
||||||
// Restrict phase to the range [0, maxPhase) via wrapping
|
|
||||||
function wrapPhase(phase, maxPhase = 1) {
|
|
||||||
if (phase >= maxPhase) {
|
|
||||||
phase -= maxPhase;
|
|
||||||
} else if (phase < 0) {
|
|
||||||
phase += maxPhase;
|
|
||||||
}
|
|
||||||
return phase;
|
|
||||||
}
|
|
||||||
const blockSize = 128;
|
const blockSize = 128;
|
||||||
// Smooth waveshape near discontinuities to remove frequencies above Nyquist and prevent aliasing
|
// adjust waveshape to remove frequencies above nyquist to prevent aliasing
|
||||||
// referenced from https://www.kvraudio.com/forum/viewtopic.php?t=375517
|
// referenced from https://www.kvraudio.com/forum/viewtopic.php?t=375517
|
||||||
function polyBlep(phase, dt) {
|
function polyBlep(phase, dt) {
|
||||||
dt = Math.min(dt, 1 - dt);
|
// 0 <= phase < 1
|
||||||
// Start of cycle
|
|
||||||
if (phase < dt) {
|
if (phase < dt) {
|
||||||
phase /= dt;
|
phase /= dt;
|
||||||
// 2 * (phase - phase^2/2 - 0.5)
|
// 2 * (phase - phase^2/2 - 0.5)
|
||||||
return phase + phase - phase * phase - 1;
|
return phase + phase - phase * phase - 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
// End of cycle
|
// -1 < phase < 0
|
||||||
else if (phase > 1 - dt) {
|
else if (phase > 1 - dt) {
|
||||||
phase = (phase - 1) / dt;
|
phase = (phase - 1) / dt;
|
||||||
// 2 * (phase^2/2 + phase + 0.5)
|
// 2 * (phase^2/2 + phase + 0.5)
|
||||||
@@ -138,8 +113,9 @@ class LFOProcessor extends AudioWorkletProcessor {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
process(_inputs, outputs, parameters) {
|
process(inputs, outputs, parameters) {
|
||||||
const begin = parameters['begin'][0];
|
const begin = parameters['begin'][0];
|
||||||
|
// eslint-disable-next-line no-undef
|
||||||
if (currentTime >= parameters.end[0]) {
|
if (currentTime >= parameters.end[0]) {
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
@@ -165,8 +141,9 @@ class LFOProcessor extends AudioWorkletProcessor {
|
|||||||
const blockSize = output[0].length ?? 0;
|
const blockSize = output[0].length ?? 0;
|
||||||
|
|
||||||
if (this.phase == null) {
|
if (this.phase == null) {
|
||||||
this.phase = mod(time * frequency + phaseoffset, 1);
|
this.phase = _mod(time * frequency + phaseoffset, 1);
|
||||||
}
|
}
|
||||||
|
// eslint-disable-next-line no-undef
|
||||||
const dt = frequency / sampleRate;
|
const dt = frequency / sampleRate;
|
||||||
for (let n = 0; n < blockSize; n++) {
|
for (let n = 0; n < blockSize; n++) {
|
||||||
for (let i = 0; i < output.length; i++) {
|
for (let i = 0; i < output.length; i++) {
|
||||||
@@ -286,73 +263,6 @@ class ShapeProcessor extends AudioWorkletProcessor {
|
|||||||
}
|
}
|
||||||
registerProcessor('shape-processor', ShapeProcessor);
|
registerProcessor('shape-processor', ShapeProcessor);
|
||||||
|
|
||||||
class TwoPoleFilter {
|
|
||||||
s0 = 0;
|
|
||||||
s1 = 0;
|
|
||||||
update(s, cutoff, resonance = 0) {
|
|
||||||
// Out of bound values can produce NaNs
|
|
||||||
resonance = clamp(resonance, 0, 1);
|
|
||||||
cutoff = clamp(cutoff, 0, sampleRate / 2 - 1);
|
|
||||||
const c = clamp(2 * Math.sin(cutoff * (_PI / sampleRate)), 0, 1.14);
|
|
||||||
const r = Math.pow(0.5, (resonance + 0.125) / 0.125);
|
|
||||||
const mrc = 1 - r * c;
|
|
||||||
this.s0 = mrc * this.s0 - c * this.s1 + c * s; // bpf
|
|
||||||
this.s1 = mrc * this.s1 + c * this.s0; // lpf
|
|
||||||
return this.s1; // return lpf by default
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
class DJFProcessor extends AudioWorkletProcessor {
|
|
||||||
static get parameterDescriptors() {
|
|
||||||
return [{ name: 'value', defaultValue: 0.5 }];
|
|
||||||
}
|
|
||||||
|
|
||||||
constructor() {
|
|
||||||
super();
|
|
||||||
this.filters = [new TwoPoleFilter(), new TwoPoleFilter()];
|
|
||||||
}
|
|
||||||
|
|
||||||
process(inputs, outputs, parameters) {
|
|
||||||
const input = inputs[0];
|
|
||||||
const output = outputs[0];
|
|
||||||
|
|
||||||
const hasInput = !(input[0] === undefined);
|
|
||||||
this.started = hasInput;
|
|
||||||
|
|
||||||
const value = clamp(parameters.value[0], 0, 1);
|
|
||||||
let filterType = 'none';
|
|
||||||
let cutoff;
|
|
||||||
let v = 1;
|
|
||||||
if (value > 0.51) {
|
|
||||||
filterType = 'hipass';
|
|
||||||
v = (value - 0.5) * 2;
|
|
||||||
} else if (value < 0.49) {
|
|
||||||
filterType = 'lopass';
|
|
||||||
v = value * 2;
|
|
||||||
}
|
|
||||||
cutoff = Math.pow(v * 11, 4);
|
|
||||||
|
|
||||||
for (let i = 0; i < input.length; i++) {
|
|
||||||
for (let n = 0; n < blockSize; n++) {
|
|
||||||
if (filterType == 'none') {
|
|
||||||
output[i][n] = input[i][n];
|
|
||||||
} else {
|
|
||||||
this.filters[i].update(input[i][n], cutoff, 0.1);
|
|
||||||
if (filterType === 'lopass') {
|
|
||||||
output[i][n] = this.filters[i].s1;
|
|
||||||
} else if (filterType === 'hipass') {
|
|
||||||
output[i][n] = input[i][n] - this.filters[i].s1;
|
|
||||||
} else {
|
|
||||||
output[i][n] = input[i][n];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
registerProcessor('djf-processor', DJFProcessor);
|
|
||||||
|
|
||||||
function fast_tanh(x) {
|
function fast_tanh(x) {
|
||||||
const x2 = x * x;
|
const x2 = x * x;
|
||||||
return (x * (27.0 + x2)) / (27.0 + 9.0 * x2);
|
return (x * (27.0 + x2)) / (27.0 + 9.0 * x2);
|
||||||
@@ -395,6 +305,7 @@ class LadderProcessor extends AudioWorkletProcessor {
|
|||||||
const drive = clamp(Math.exp(parameters.drive[0]), 0.1, 2000);
|
const drive = clamp(Math.exp(parameters.drive[0]), 0.1, 2000);
|
||||||
|
|
||||||
let cutoff = parameters.frequency[0];
|
let cutoff = parameters.frequency[0];
|
||||||
|
// eslint-disable-next-line no-undef
|
||||||
cutoff = (cutoff * 2 * _PI) / sampleRate;
|
cutoff = (cutoff * 2 * _PI) / sampleRate;
|
||||||
cutoff = cutoff > 1 ? 1 : cutoff;
|
cutoff = cutoff > 1 ? 1 : cutoff;
|
||||||
|
|
||||||
@@ -431,10 +342,9 @@ class DistortProcessor extends AudioWorkletProcessor {
|
|||||||
];
|
];
|
||||||
}
|
}
|
||||||
|
|
||||||
constructor({ processorOptions }) {
|
constructor() {
|
||||||
super();
|
super();
|
||||||
this.started = false;
|
this.started = false;
|
||||||
this.algorithm = getDistortionAlgorithm(processorOptions.algorithm);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
process(inputs, outputs, parameters) {
|
process(inputs, outputs, parameters) {
|
||||||
@@ -446,12 +356,13 @@ class DistortProcessor extends AudioWorkletProcessor {
|
|||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
this.started = hasInput;
|
this.started = hasInput;
|
||||||
|
|
||||||
|
const shape = Math.expm1(parameters.distort[0]);
|
||||||
|
const postgain = Math.max(0.001, Math.min(1, parameters.postgain[0]));
|
||||||
|
|
||||||
for (let n = 0; n < blockSize; n++) {
|
for (let n = 0; n < blockSize; n++) {
|
||||||
const postgain = clamp(pv(parameters.postgain, n), 0.001, 1);
|
for (let i = 0; i < input.length; i++) {
|
||||||
const shape = Math.expm1(pv(parameters.distort, n));
|
output[i][n] = (((1 + shape) * input[i][n]) / (1 + shape * Math.abs(input[i][n]))) * postgain;
|
||||||
for (let ch = 0; ch < input.length; ch++) {
|
|
||||||
const x = input[ch][n];
|
|
||||||
output[ch][n] = postgain * this.algorithm(x, shape);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
return true;
|
return true;
|
||||||
@@ -460,6 +371,21 @@ class DistortProcessor extends AudioWorkletProcessor {
|
|||||||
registerProcessor('distort-processor', DistortProcessor);
|
registerProcessor('distort-processor', DistortProcessor);
|
||||||
|
|
||||||
// SUPERSAW
|
// SUPERSAW
|
||||||
|
function lerp(a, b, n) {
|
||||||
|
return n * (b - a) + a;
|
||||||
|
}
|
||||||
|
|
||||||
|
function getUnisonDetune(unison, detune, voiceIndex) {
|
||||||
|
if (unison < 2) {
|
||||||
|
return 0;
|
||||||
|
}
|
||||||
|
return lerp(-detune * 0.5, detune * 0.5, voiceIndex / (unison - 1));
|
||||||
|
}
|
||||||
|
|
||||||
|
function applySemitoneDetuneToFrequency(frequency, detune) {
|
||||||
|
return frequency * Math.pow(2, detune / 12);
|
||||||
|
}
|
||||||
|
|
||||||
class SuperSawOscillatorProcessor extends AudioWorkletProcessor {
|
class SuperSawOscillatorProcessor extends AudioWorkletProcessor {
|
||||||
constructor() {
|
constructor() {
|
||||||
super();
|
super();
|
||||||
@@ -511,29 +437,32 @@ class SuperSawOscillatorProcessor extends AudioWorkletProcessor {
|
|||||||
},
|
},
|
||||||
];
|
];
|
||||||
}
|
}
|
||||||
process(_input, outputs, params) {
|
process(input, outputs, params) {
|
||||||
|
// eslint-disable-next-line no-undef
|
||||||
if (currentTime <= params.begin[0]) {
|
if (currentTime <= params.begin[0]) {
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
|
// eslint-disable-next-line no-undef
|
||||||
if (currentTime >= params.end[0]) {
|
if (currentTime >= params.end[0]) {
|
||||||
// this.port.postMessage({ type: 'onended' });
|
// this.port.postMessage({ type: 'onended' });
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
|
let frequency = params.frequency[0];
|
||||||
|
//apply detune in cents
|
||||||
|
frequency = frequency * Math.pow(2, params.detune[0] / 1200);
|
||||||
|
|
||||||
const output = outputs[0];
|
const output = outputs[0];
|
||||||
|
const voices = params.voices[0];
|
||||||
for (let i = 0; i < output[0].length; i++) {
|
const freqspread = params.freqspread[0];
|
||||||
const detune = pv(params.detune, i);
|
const panspread = params.panspread[0] * 0.5 + 0.5;
|
||||||
const voices = pv(params.voices, i);
|
|
||||||
const freqspread = pv(params.freqspread, i);
|
|
||||||
const panspread = pv(params.panspread, i) * 0.5 + 0.5;
|
|
||||||
const gain1 = Math.sqrt(1 - panspread);
|
const gain1 = Math.sqrt(1 - panspread);
|
||||||
const gain2 = Math.sqrt(panspread);
|
const gain2 = Math.sqrt(panspread);
|
||||||
let freq = pv(params.frequency, i);
|
|
||||||
// Main detuning
|
|
||||||
freq = applySemitoneDetuneToFrequency(freq, detune / 100);
|
|
||||||
for (let n = 0; n < voices; n++) {
|
for (let n = 0; n < voices; n++) {
|
||||||
const isOdd = (n & 1) == 1;
|
const isOdd = (n & 1) == 1;
|
||||||
|
|
||||||
|
//applies unison "spread" detune in semitones
|
||||||
|
const freq = applySemitoneDetuneToFrequency(frequency, getUnisonDetune(voices, freqspread, n));
|
||||||
let gainL = gain1;
|
let gainL = gain1;
|
||||||
let gainR = gain2;
|
let gainR = gain2;
|
||||||
// invert right and left gain
|
// invert right and left gain
|
||||||
@@ -541,18 +470,21 @@ class SuperSawOscillatorProcessor extends AudioWorkletProcessor {
|
|||||||
gainL = gain2;
|
gainL = gain2;
|
||||||
gainR = gain1;
|
gainR = gain1;
|
||||||
}
|
}
|
||||||
// Individual voice detuning
|
// eslint-disable-next-line no-undef
|
||||||
const freqVoice = applySemitoneDetuneToFrequency(freq, getUnisonDetune(voices, freqspread, n));
|
const dt = freq / sampleRate;
|
||||||
// We must wrap this here because it is passed into sawblep below which
|
|
||||||
// has domain [0, 1]
|
for (let i = 0; i < output[0].length; i++) {
|
||||||
const dt = mod(freqVoice / sampleRate, 1);
|
|
||||||
this.phase[n] = this.phase[n] ?? Math.random();
|
this.phase[n] = this.phase[n] ?? Math.random();
|
||||||
const v = waveshapes.sawblep(this.phase[n], dt);
|
const v = waveshapes.sawblep(this.phase[n], dt);
|
||||||
|
|
||||||
output[0][i] = output[0][i] + v * gainL;
|
output[0][i] = output[0][i] + v * gainL;
|
||||||
output[1][i] = output[1][i] + v * gainR;
|
output[1][i] = output[1][i] + v * gainR;
|
||||||
|
|
||||||
this.phase[n] = wrapPhase(this.phase[n] + dt);
|
this.phase[n] += dt;
|
||||||
|
|
||||||
|
if (this.phase[n] > 1.0) {
|
||||||
|
this.phase[n] = this.phase[n] - 1;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
return true;
|
return true;
|
||||||
@@ -561,7 +493,7 @@ class SuperSawOscillatorProcessor extends AudioWorkletProcessor {
|
|||||||
|
|
||||||
registerProcessor('supersaw-oscillator', SuperSawOscillatorProcessor);
|
registerProcessor('supersaw-oscillator', SuperSawOscillatorProcessor);
|
||||||
|
|
||||||
// Phase Vocoder sourced from https://github.com/olvb/phaze/tree/master?tab=readme-ov-file
|
// Phase Vocoder sourced from // sourced from https://github.com/olvb/phaze/tree/master?tab=readme-ov-file
|
||||||
const BUFFERED_BLOCK_SIZE = 2048;
|
const BUFFERED_BLOCK_SIZE = 2048;
|
||||||
|
|
||||||
function genHannWindow(length) {
|
function genHannWindow(length) {
|
||||||
@@ -976,346 +908,3 @@ class ByteBeatProcessor extends AudioWorkletProcessor {
|
|||||||
}
|
}
|
||||||
|
|
||||||
registerProcessor('byte-beat-processor', ByteBeatProcessor);
|
registerProcessor('byte-beat-processor', ByteBeatProcessor);
|
||||||
|
|
||||||
export const WarpMode = Object.freeze({
|
|
||||||
NONE: 0,
|
|
||||||
ASYM: 1,
|
|
||||||
MIRROR: 2,
|
|
||||||
BENDP: 3,
|
|
||||||
BENDM: 4,
|
|
||||||
BENDMP: 5,
|
|
||||||
SYNC: 6,
|
|
||||||
QUANT: 7,
|
|
||||||
FOLD: 8,
|
|
||||||
PWM: 9,
|
|
||||||
ORBIT: 10,
|
|
||||||
SPIN: 11,
|
|
||||||
CHAOS: 12,
|
|
||||||
PRIMES: 13,
|
|
||||||
BINARY: 14,
|
|
||||||
BROWNIAN: 15,
|
|
||||||
RECIPROCAL: 16,
|
|
||||||
WORMHOLE: 17,
|
|
||||||
LOGISTIC: 18,
|
|
||||||
SIGMOID: 19,
|
|
||||||
FRACTAL: 20,
|
|
||||||
FLIP: 21,
|
|
||||||
});
|
|
||||||
|
|
||||||
function hash32(u) {
|
|
||||||
u = u + 0x7ed55d16 + (u << 12);
|
|
||||||
u = u ^ 0xc761c23c ^ (u >>> 19);
|
|
||||||
u = u + 0x165667b1 + (u << 5);
|
|
||||||
u = (u + 0xd3a2646c) ^ (u << 9);
|
|
||||||
u = u + 0xfd7046c5 + (u << 3);
|
|
||||||
u = u ^ 0xb55a4f09 ^ (u >>> 16);
|
|
||||||
return u >>> 0;
|
|
||||||
}
|
|
||||||
const hash01 = (i) => (hash32(i) >>> 8) / 0x01000000;
|
|
||||||
|
|
||||||
function bitReverse(i, n) {
|
|
||||||
let r = 0;
|
|
||||||
for (let b = 0; b < n; b++) {
|
|
||||||
r = (r << 1) | (i & 1);
|
|
||||||
i >>>= 1;
|
|
||||||
}
|
|
||||||
return r;
|
|
||||||
}
|
|
||||||
|
|
||||||
function noise(x) {
|
|
||||||
const i = Math.floor(x),
|
|
||||||
f = x - i;
|
|
||||||
const a = hash01(i),
|
|
||||||
b = hash01(i + 1);
|
|
||||||
return a + (b - a) * f;
|
|
||||||
}
|
|
||||||
|
|
||||||
function brownian(x, oct = 4) {
|
|
||||||
let amp = 0.5,
|
|
||||||
sum = 0,
|
|
||||||
norm = 0,
|
|
||||||
freq = 1;
|
|
||||||
for (let o = 0; o < oct; o++) {
|
|
||||||
sum += amp * noise(x * freq);
|
|
||||||
norm += amp;
|
|
||||||
amp *= 0.5;
|
|
||||||
freq *= 2;
|
|
||||||
}
|
|
||||||
return (sum / norm) * 2 - 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
const tablesCache = {};
|
|
||||||
class WavetableOscillatorProcessor extends AudioWorkletProcessor {
|
|
||||||
static get parameterDescriptors() {
|
|
||||||
return [
|
|
||||||
{ name: 'begin', defaultValue: 0, min: 0, max: Number.POSITIVE_INFINITY },
|
|
||||||
{ name: 'end', defaultValue: 0, min: 0, max: Number.POSITIVE_INFINITY },
|
|
||||||
{ name: 'frequency', defaultValue: 440, min: Number.EPSILON },
|
|
||||||
{ name: 'detune', defaultValue: 0 },
|
|
||||||
{ name: 'freqspread', defaultValue: 0.18, min: 0 },
|
|
||||||
{ name: 'position', defaultValue: 0, min: 0, max: 1 },
|
|
||||||
{ name: 'warp', defaultValue: 0, min: 0, max: 1 },
|
|
||||||
{ name: 'warpMode', defaultValue: 0 },
|
|
||||||
{ name: 'voices', defaultValue: 1, min: 1 },
|
|
||||||
{ name: 'panspread', defaultValue: 0.7, min: 0, max: 1 },
|
|
||||||
{ name: 'phaserand', defaultValue: 0, min: 0, max: 1 },
|
|
||||||
];
|
|
||||||
}
|
|
||||||
|
|
||||||
constructor(options) {
|
|
||||||
super(options);
|
|
||||||
this.frameLen = 0;
|
|
||||||
this.numFrames = 0;
|
|
||||||
this.phase = [];
|
|
||||||
this.invSR = 1 / sampleRate;
|
|
||||||
|
|
||||||
this.port.onmessage = (e) => {
|
|
||||||
const { type, payload } = e.data || {};
|
|
||||||
if (type === 'table') {
|
|
||||||
const key = payload.key;
|
|
||||||
this.frameLen = payload.frameLen;
|
|
||||||
if (!tablesCache[key]) {
|
|
||||||
const tables = [payload.frames];
|
|
||||||
let table = tables[0];
|
|
||||||
for (let level = 1; level < 1; level++) {
|
|
||||||
const nextLen = table.length >> 1;
|
|
||||||
const nextTable = table.map((frame) => {
|
|
||||||
const avg = new Float32Array(nextLen);
|
|
||||||
for (let i = 0; i < nextLen; i++) {
|
|
||||||
avg[i] = (frame[2 * i] + frame[2 * i + 1]) / 2;
|
|
||||||
}
|
|
||||||
return avg;
|
|
||||||
});
|
|
||||||
tables.push(nextTable);
|
|
||||||
table = nextTable;
|
|
||||||
if (nextLen <= 32) break;
|
|
||||||
}
|
|
||||||
tablesCache[key] = tables;
|
|
||||||
}
|
|
||||||
this.tables = tablesCache[key];
|
|
||||||
this.numFrames = this.tables[0].length;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
_mirror(x) {
|
|
||||||
return 1 - Math.abs(2 * x - 1);
|
|
||||||
}
|
|
||||||
|
|
||||||
_toBits(amt, min = 2, max = 12) {
|
|
||||||
const b = max + (min - max) * amt;
|
|
||||||
return { b, n: Math.round(Math.pow(2, b)) };
|
|
||||||
}
|
|
||||||
|
|
||||||
_warpPhase(phase, amt, mode) {
|
|
||||||
switch (mode) {
|
|
||||||
case WarpMode.NONE: {
|
|
||||||
return phase;
|
|
||||||
}
|
|
||||||
case WarpMode.ASYM: {
|
|
||||||
const a = 0.01 + 0.99 * amt;
|
|
||||||
return phase < a ? (0.5 * phase) / a : 0.5 + (0.5 * (phase - a)) / (1 - a);
|
|
||||||
}
|
|
||||||
case WarpMode.MIRROR: {
|
|
||||||
// Asym, then mirror
|
|
||||||
return this._mirror(this._warpPhase(phase, amt, WarpMode.ASYM));
|
|
||||||
}
|
|
||||||
case WarpMode.BENDP: {
|
|
||||||
return Math.pow(phase, 1 + 3 * amt);
|
|
||||||
}
|
|
||||||
case WarpMode.BENDM: {
|
|
||||||
return Math.pow(phase, 1 / (1 + 3 * amt));
|
|
||||||
}
|
|
||||||
case WarpMode.BENDMP: {
|
|
||||||
return amt < 0.5 ? this._warpPhase(phase, 1 - 2 * amt, 3) : this._warpPhase(phase, 2 * amt - 1, 2);
|
|
||||||
}
|
|
||||||
case WarpMode.SYNC: {
|
|
||||||
const syncRatio = Math.pow(16, amt * amt);
|
|
||||||
return (phase * syncRatio) % 1;
|
|
||||||
}
|
|
||||||
case WarpMode.QUANT: {
|
|
||||||
const { n } = this._toBits(amt);
|
|
||||||
return ffloor(phase * n) / n;
|
|
||||||
}
|
|
||||||
case WarpMode.FOLD: {
|
|
||||||
const K = 7;
|
|
||||||
const k = 1 + Math.max(1, Math.round(K * amt));
|
|
||||||
return Math.abs(frac(k * phase) - 0.5) * 2;
|
|
||||||
}
|
|
||||||
case WarpMode.PWM: {
|
|
||||||
const w = clamp(0.5 + 0.49 * (2 * amt - 1), 0, 1);
|
|
||||||
if (phase < w) return (phase / w) * 0.5;
|
|
||||||
return 0.5 + ((phase - w) / (1 - w)) * 0.5;
|
|
||||||
}
|
|
||||||
case WarpMode.ORBIT: {
|
|
||||||
const depth = 0.5 * amt;
|
|
||||||
const n = 3;
|
|
||||||
return frac(phase + depth * Math.sin(2 * Math.PI * n * phase));
|
|
||||||
}
|
|
||||||
case WarpMode.SPIN: {
|
|
||||||
const depth = 0.5 * amt;
|
|
||||||
const { n } = this._toBits(amt, 1, 6);
|
|
||||||
return frac(phase + depth * Math.sin(2 * Math.PI * n * phase));
|
|
||||||
}
|
|
||||||
case WarpMode.CHAOS: {
|
|
||||||
const r = 3.7 + 0.3 * amt;
|
|
||||||
const logistic = r * phase * (1 - phase);
|
|
||||||
return clamp((1 - amt) * phase + amt * logistic, 0, 1);
|
|
||||||
}
|
|
||||||
case WarpMode.PRIMES: {
|
|
||||||
const isPrime = (n) => {
|
|
||||||
if (n < 2) return false;
|
|
||||||
if (n % 2 === 0) return n === 2;
|
|
||||||
for (let d = 3; d * d <= n; d += 2) if (n % d === 0) return false;
|
|
||||||
return true;
|
|
||||||
};
|
|
||||||
let { n } = this._toBits(amt, 3);
|
|
||||||
while (!isPrime(n)) n++;
|
|
||||||
return ffloor(phase * n) / n;
|
|
||||||
}
|
|
||||||
case WarpMode.BINARY: {
|
|
||||||
let { b } = this._toBits(amt, 3);
|
|
||||||
b = Math.round(b);
|
|
||||||
const n = 1 << b;
|
|
||||||
const idx = ffloor(phase * n);
|
|
||||||
const ridx = bitReverse(idx, b);
|
|
||||||
return ridx / n;
|
|
||||||
}
|
|
||||||
case WarpMode.MODULAR: {
|
|
||||||
const { n } = this._toBits(amt);
|
|
||||||
const depth = 0.5 * amt;
|
|
||||||
const jump = frac(phase * n) / n;
|
|
||||||
return frac(phase + depth * jump);
|
|
||||||
}
|
|
||||||
case WarpMode.BROWNIAN: {
|
|
||||||
const disp = 0.25 * amt * brownian(64 * phase, 4);
|
|
||||||
return frac(phase + disp);
|
|
||||||
}
|
|
||||||
case WarpMode.RECIPROCAL: {
|
|
||||||
const g = 2 + 4 * amt;
|
|
||||||
const num = phase * g;
|
|
||||||
const den = phase + (1 - phase) * g;
|
|
||||||
const y = den > 1e-12 ? num / den : 0;
|
|
||||||
return clamp(y, 0, 1);
|
|
||||||
}
|
|
||||||
case WarpMode.WORMHOLE: {
|
|
||||||
const gap = clamp(0.8 * amt, 0, 1);
|
|
||||||
const a = 0.5 * (1 - gap);
|
|
||||||
const b = 0.5 * (1 + gap);
|
|
||||||
if (phase < a) return (phase / a) * 0.5;
|
|
||||||
if (phase > b) return 0.5 * (1 + (phase - b) / (1 - b));
|
|
||||||
return 0.5;
|
|
||||||
}
|
|
||||||
case WarpMode.LOGISTIC: {
|
|
||||||
let x = phase;
|
|
||||||
const r = 3.6 + 0.4 * amt;
|
|
||||||
const iters = 1 + Math.round(2 * amt);
|
|
||||||
for (let i = 0; i < iters; i++) x = r * x * (1 - x);
|
|
||||||
return clamp(x, 0, 1);
|
|
||||||
}
|
|
||||||
case WarpMode.SIGMOID: {
|
|
||||||
const k = 1 + 10 * amt;
|
|
||||||
const x = phase - 0.5;
|
|
||||||
const y = 1 / (1 + Math.exp(-k * x));
|
|
||||||
const y0 = 1 / (1 + Math.exp(0.5 * k));
|
|
||||||
const y1 = 1 / (1 + Math.exp(-0.5 * k));
|
|
||||||
return (y - y0) / (y1 - y0);
|
|
||||||
}
|
|
||||||
case WarpMode.FRACTAL: {
|
|
||||||
const d = 0.5 * Math.sin(2 * Math.PI * phase) * amt;
|
|
||||||
return frac(phase + d);
|
|
||||||
}
|
|
||||||
case WarpMode.FLIP: {
|
|
||||||
return phase;
|
|
||||||
}
|
|
||||||
default:
|
|
||||||
return phase;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
_sampleFrame(frame, phase) {
|
|
||||||
const len = frame.length;
|
|
||||||
const pos = phase * len;
|
|
||||||
let i = pos | 0;
|
|
||||||
if (i >= len) i = 0; // fast wrap
|
|
||||||
const frac = pos - i;
|
|
||||||
const a = frame[i];
|
|
||||||
let i1 = i + 1;
|
|
||||||
if (i1 >= len) i1 = 0;
|
|
||||||
const b = frame[i1];
|
|
||||||
return a + (b - a) * frac;
|
|
||||||
}
|
|
||||||
|
|
||||||
_chooseMip(dphi) {
|
|
||||||
const approxHarm = clamp(dphi, 1e-6, 64);
|
|
||||||
let level = 0;
|
|
||||||
while (level + 1 < (this.tables?.length || 1) && approxHarm < this.tables[level][0].length / 8) {
|
|
||||||
level++;
|
|
||||||
}
|
|
||||||
return level;
|
|
||||||
}
|
|
||||||
|
|
||||||
process(_inputs, outputs, parameters) {
|
|
||||||
if (currentTime >= parameters.end[0]) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
if (currentTime <= parameters.begin[0]) {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
const outL = outputs[0][0];
|
|
||||||
const outR = outputs[0][1] || outputs[0][0];
|
|
||||||
if (!this.tables) {
|
|
||||||
outL.fill(0);
|
|
||||||
if (outR !== outL) outR.set(outL);
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
for (let i = 0; i < outL.length; i++) {
|
|
||||||
const detune = pv(parameters.detune, i);
|
|
||||||
const freqspread = pv(parameters.freqspread, i);
|
|
||||||
const tablePos = clamp(pv(parameters.position, i), 0, 1);
|
|
||||||
const idx = tablePos * (this.numFrames - 1);
|
|
||||||
const fIdx = idx | 0;
|
|
||||||
const frac = idx - fIdx;
|
|
||||||
const warpAmount = clamp(pv(parameters.warp, i), 0, 1);
|
|
||||||
const warpMode = pv(parameters.warpMode, i);
|
|
||||||
const voices = pv(parameters.voices, i);
|
|
||||||
const phaseRand = clamp(pv(parameters.phaserand, i), 0, 1);
|
|
||||||
const panspread = voices > 1 ? clamp(pv(parameters.panspread, i), 0, 1) : 0;
|
|
||||||
const gain1 = Math.sqrt(0.5 - 0.5 * panspread);
|
|
||||||
const gain2 = Math.sqrt(0.5 + 0.5 * panspread);
|
|
||||||
let f = pv(parameters.frequency, i);
|
|
||||||
f = applySemitoneDetuneToFrequency(f, detune / 100); // overall detune
|
|
||||||
const normalizer = 1 / Math.sqrt(voices);
|
|
||||||
for (let n = 0; n < voices; n++) {
|
|
||||||
const isOdd = (n & 1) == 1;
|
|
||||||
let gainL = gain1;
|
|
||||||
let gainR = gain2;
|
|
||||||
// invert right and left gain
|
|
||||||
if (isOdd) {
|
|
||||||
gainL = gain2;
|
|
||||||
gainR = gain1;
|
|
||||||
}
|
|
||||||
const fVoice = applySemitoneDetuneToFrequency(f, getUnisonDetune(voices, freqspread, n)); // voice detune
|
|
||||||
const dPhase = fVoice * this.invSR;
|
|
||||||
const level = this._chooseMip(dPhase);
|
|
||||||
const table = this.tables[level];
|
|
||||||
|
|
||||||
// warp phase then sample
|
|
||||||
this.phase[n] = this.phase[n] ?? Math.random() * phaseRand;
|
|
||||||
const ph = this._warpPhase(this.phase[n], warpAmount, warpMode);
|
|
||||||
const s0 = this._sampleFrame(table[fIdx], ph);
|
|
||||||
const s1 = this._sampleFrame(table[Math.min(this.numFrames - 1, fIdx + 1)], ph);
|
|
||||||
let s = s0 + (s1 - s0) * frac;
|
|
||||||
if (warpMode === WarpMode.FLIP && this.phase[n] < warpAmount) {
|
|
||||||
s = -s;
|
|
||||||
}
|
|
||||||
outL[i] += s * gainL * normalizer;
|
|
||||||
outR[i] += s * gainR * normalizer;
|
|
||||||
this.phase[n] = wrapPhase(this.phase[n] + dPhase);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
registerProcessor('wavetable-oscillator-processor', WavetableOscillatorProcessor);
|
|
||||||
|
|||||||
@@ -1,7 +1,6 @@
|
|||||||
//import { ZZFX } from 'zzfx';
|
//import { ZZFX } from 'zzfx';
|
||||||
import { midiToFreq, noteToMidi } from './util.mjs';
|
import { midiToFreq, noteToMidi } from './util.mjs';
|
||||||
import { registerSound } from './superdough.mjs';
|
import { registerSound, getAudioContext } from './superdough.mjs';
|
||||||
import { getAudioContext } from './audioContext.mjs';
|
|
||||||
import { buildSamples } from './zzfx_fork.mjs';
|
import { buildSamples } from './zzfx_fork.mjs';
|
||||||
|
|
||||||
export const getZZFX = (value, t) => {
|
export const getZZFX = (value, t) => {
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
import { getAudioContext } from './audioContext.mjs';
|
import { getAudioContext } from './superdough.mjs';
|
||||||
|
|
||||||
// https://github.com/KilledByAPixel/ZzFX/blob/master/ZzFX.js#L85C5-L180C6
|
// https://github.com/KilledByAPixel/ZzFX/blob/master/ZzFX.js#L85C5-L180C6
|
||||||
// changes: replaced this.volume with 1 + using sampleRate from getAudioContext()
|
// changes: replaced this.volume with 1 + using sampleRate from getAudioContext()
|
||||||
|
|||||||
@@ -1 +0,0 @@
|
|||||||
pattern.wav
|
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user