Welcome to the MS24 repository! 🥭

This repo contains the source code for my final year project. 🎓

You can find my thesis in the Docs folder here. 📜

You can find my technical screencast in the Docs\Video folder here. 🎬

You can try out MS24 here, where it is hosted through Vercel. 🌐

• 2x FM Oscillators
• 1x AM Sub Oscillator
• ADSR Envelopes (per-oscillator)
• Unison Controls (per-oscillator)
• Arpeggiation (per-oscillator, synced to BPM)
• Multi-filter (LP, HP, BP, AP, Notch, LS, HS)
• Low-Frequency Oscillator (LFO)
• 9x FX to choose from:
  • Distortion
  • Chebyshev
  • Phaser
  • Tremolo
  • Vibrato
  • Delay
  • Reverb
  • Pitch Shift
  • Frequency Shift

• Light/Dark Mode
• Preset System (with 16 default presets)
• MIDI Support (including MIDI Learn)
• Audio Recording & Exporting (lossless WAV)
• Oscilloscope Visualizations
• Tooltips

• Mouse: Click on the virtual keyboard to play notes.
• MIDI Keyboard: Ensure it's connected before loading the page, then use normally.
• Computer Keyboard: The image below shows which keys can be used.

• Click and drag to adjust values.
• You can also scroll with the mouse wheel to adjust values.
• You can also type in values directly.
• Hold SHIFT while adjusting to fine-tune.
• Hold CTRL and click to reset to default value.
• Right-click to open the MIDI-learn context menu.

• Click on the green buttons to toggle major synth components.
• Click on the purple buttons to toggle oscillator arpeggiators.

• Click on the LFO or FX select boxes to change modulation target or effect type.

1. Go to the Releases page.
2. Download the latest release (Windows only for now).
3. Run the installer.
4. Enjoy!

1. Clone the repo.
2. Run npm install to install dependencies.
3. Run npm run dev to start the dev server.
4. Open localhost:3000 in your browser.
5. Enjoy!

• JavaScript (Vanilla)
• HTML
• TailwindCSS
• Vite
• Tone.js
• P5.js
• webaudio-controls
• extendable-media-recorder
• extendable-media-recorder-wav-encoder
• vite-plugin-top-level-await
• browser-dtector