Node graph editor frontend for Synchrotron, created with Svelte Flow
Hack Club Showcase - Synchrotron |
---|
To download, install, and run Synchrotron UI locally, you need to build the project from source. To do so, clone
this repository, install the NPM dependencies and run the build
and preview
scripts.
git clone https://github.com/ThatOtherAndrew/SynchrotronUI
cd SynchrotronUI
npm install
npm run build
npm run preview
(If you know what you're doing, substitute npm
with yarn
/pnpm
/bun
- for the curious, I used bun
during
development!)
Firstly, ensure you've installed the Synchrotron server, and that it is running:
synchrotron-server
Next, create some nodes with the following commands in the console:
new 440 freq;
new SineNode sine;
new PlaybackNode out;
Then use the below link
commands, or connect the corresponding ports by dragging between ports in the graph UI:
link freq.out -> sine.frequency;
link sine.out -> out.left;
link sine.out -> out.right;
Finally click the Start
button at the top right of the app (or use the start
console command), and listen to the
lovely 440 Hz sine wave produced. 😌
Full Synchrolang language reference coming Soon™️