├── .gitignore ├── README.md ├── assets ├── tileable-metal-textures-5.jpg ├── waveform_sawtooth.svg ├── waveform_sine.svg ├── waveform_square.svg ├── waveform_triangle.svg └── wood-texture.png ├── index.html ├── package.json ├── src ├── constants.ts ├── dom.util.ts ├── index.ts ├── midi.util.ts ├── oscillator.factory.ts └── oscilloscope.ts ├── styles └── main.css ├── tsconfig.json └── yarn.lock /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | out 3 | dist 4 | .idea 5 | .DS_Store 6 | .cache 7 | yarn-error.log -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | 2 | # Web Synthesizer From Space 👽 3 | 4 | DEMO here: http://synthfrom.space 5 | 6 | ## Install 7 | 8 | `npm i` to install, `npm start` to launch, `npm run build` to build 9 | 10 | ## Features 11 | 12 | - Monophonic 13 | - 2 oscillators 14 | - Low pass filter 15 | - Amplitude envelope 16 | - Virtual keyboard 17 | - Oscilloscope viz 18 | - Web MIDI support 19 | 20 |  21 | 22 | -------------------------------------------------------------------------------- /assets/tileable-metal-textures-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/teebot/websynth/c1ceeed6d4f313651de5aa5795152c92f1f35b78/assets/tileable-metal-textures-5.jpg -------------------------------------------------------------------------------- /assets/waveform_sawtooth.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /assets/waveform_sine.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /assets/waveform_square.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /assets/waveform_triangle.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /assets/wood-texture.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/teebot/websynth/c1ceeed6d4f313651de5aa5795152c92f1f35b78/assets/wood-texture.png -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 | 5 |