NoobSynth3

NoobSynth3 est un synthetiseur modulaire inspire de VCV Rack, construit avec React et Rust compile en WebAssembly. C’est le successeur du NoobSynth original (Java) : cette fois tout tourne dans le navigateur, avec un moteur DSP haute performance dans un AudioWorklet — et une version standalone Tauri/WASAPI pour la latence minimale.

Demo en ligne

Points clefs

#

• 98 modules DSP : oscillateurs (VCO, Supersaw, FM, Karplus, Wavetable, Granular, Sampler, Particle Cloud, Speech Synth, Theremin…), filtres SVF et Ladder, effets (Reverb, Delay, Chorus, Leslie, Tube Amp, Glitch…), sequenceurs (dont Harmonist, harmonie generative autonome), drums TR-909/808.
• Polyphonie 1/2/4/8 voix avec voice stealing.
• Multi-rack : plusieurs racks jouent simultanement (onglets), avec transport global synchronise, master BPM, et routing audio inter-racks via 8 bus send/receive.
• Console de mixage : volume/mute/solo par rack, VU meters temps reel, channel strip complet par canal (EQ 3 bandes + compresseur + reverb) et EQ/compresseur master.
• Mode SONG : une timeline d’arrangement complete — sections, courbes de volume continues, melodies composees au piano-roll, seek a la souris. Des morceaux entiers se chargent comme projets (NOVA, DUO, Studio Song…).
• 250+ presets : Jupiter, Juno, Moog, Prophet, Jarre, Acid, Moroder, TR-909, Shepard, synthese vocale…
• Workflow complet : patchage visuel avec cables colores par type (audio/CV/gate/sync), undo/redo transactionnel, templates de modules pre-cables, export/import de projet, entree MIDI avec velocite, enregistrement WAV stereo.

Stack technique

#

• React + TypeScript + Vite pour l’interface, Rust → WebAssembly pour le DSP.
• Le moteur audio tourne dans un AudioWorklet : le DSP Rust est appele bloc par bloc hors du thread principal.
• 2 modes de sortie : Web Audio dans le navigateur, ou standalone via Tauri avec sortie WASAPI.
• Tests Rust (unit + presets), scripts de coherence ports TypeScript ↔ Rust, garde-fou de parite Web ↔ Tauri.
• Oscilloscope integre et CPU meter pour surveiller la charge DSP en temps reel.

Demarrage rapide

#

npm install
npm run build:wasm   # necessite Rust et wasm-bindgen
npm run dev

Ouvrir l’app, cliquer Play, puis jouer au clavier ou charger un preset.

Utilisation

#

• Patcher : glisser d’une prise a une autre
• Depatcher : double-clic sur un cable
• Modules : ajouter depuis la bibliotheque (panneau gauche)
• Presets : charger depuis le panneau droit
• Grille : overlay visible dans le rack pour caler les modules

Multi-rack en 30 secondes

#

1. Cliquer + a cote des onglets pour ajouter un rack.
2. Charger un preset dans chaque rack.
3. Play — tous les racks jouent ensemble, synchronises sur le BPM global.
4. Basculer sur la vue Mixer pour les faders et VU meters, ou Song pour arranger un morceau.

Screenshots

#

Retours bienvenus !