pitpit / synt

🔊 Connect tiny modules to build synthetic sounds (WIP)

Synt

Synt's main idea is to allow the user to assemble tiny modules to build synthetic sounds as easy as pie. Each module is a square with up to 4 inputs or outputs that can be connected to other modules. And that's it.

Synt was also designed to be scalable by facilitating module development by third party developers.

See the live demo here: https://pitpit.github.io/synt

THIS PROJECT IS UNDER DEVELOPMENT AND IS NOT YET PROPERLY DOCUMENTED.

Inspiration

Here's some articles or libraries that have been useful or inspiring for this project. I'd would like to thank the authors for their help !

• https://konvajs.org
• https://tonejs.github.io/
• https://github.com/wavesjs/waves-ui
• https://people.carleton.edu/~jellinge/mysynth.html
• https://github.com/chrisguttandin/standardized-audio-context
• https://github.com/gibber-cc/gibberish

With special thanks to https://github.com/charlieroberts, primary developer of Gibberish.

Developing

Install dependencies:

npm install

Run web dev server:

npm start

Run linter:

npm run lint

Run tests:

npm test

TODO

• PlugType.CTRL should be splitted into PlugType.CTRLOUT and PlugType.CTRLIN
• Specific draw for knob with animation when changing value
• Camel case filenames
• Gain value on Speaker should be controllable by Knob Mod
• Responsive view
• Keyboard input
• Protect against link loop
• Add a file player Mod
• Ability to rotate Mod on Rack
• Add a top layer to put more Mods?
• Specific draw for oscillator
• implement Flanger & Reverb
• transition sound when linking a Control Mod to avoic clicks
• when connecting a know on a Mod, it should set its value to the linked Mod value (and animate)