Ho passato circa due settimane a costruire un sintetizzatore che vive su questo sito. Non un plugin, non un’app da scaricare — apri la pagina e stai già suonando. Non c’è nessun installer, nessun account, nessuna “versione completa da acquistare”. Solo un cerchio, una tastiera, e il suono.

Volevo mettere per iscritto come funziona e perché l’ho costruito così, in parte perché qualcuno me l’ha chiesto, e in parte perché penso che il processo sia più interessante del risultato finale da solo.

Se vuoi solo provarlo: suona il synth qui →

Cos’è Davvero Questo Synth

È un piccolo strumento che funziona interamente nel tuo browser, costruito con la Web Audio API. Non c’è niente da installare. Funziona su telefono, tablet o computer, e suona allo stesso modo ovunque tu lo apra.

Al centro c’è un cerchio. Quattro oscillatori occupano i suoi quattro punti — sine, saw, square, e un suono pad più morbido. Ovunque tu tocchi dentro quel cerchio, li stai mescolando dal vivo. Sotto, una tastiera vera: tasti bianchi, tasti neri, un’ottava cromatica completa, non una fila di pulsanti colorati che fingono di essere un pianoforte.

L’ho pensato per due persone molto diverse allo stesso tempo: chi non ha mai toccato un sintetizzatore in vita sua, e chi invece ha uno studio pieno di synth. Da un lato, la prima persona può toccare il cerchio e la tastiera e ottenere subito qualcosa che suona intenzionale. Dall’altro, la seconda persona capisce, in circa dieci secondi, che il sound design dietro non è un ripiego.

Perché L’ho Creato

Come produttore e sound designer, la maggior parte di quello che faccio vive dentro una DAW, dietro uno schermo che la maggior parte di chi visita il mio sito non vedrà mai. Per questo volevo qualcosa che le persone potessero davvero toccare — non un video di me che uso attrezzatura, ma l’attrezzatura stessa, semplificata al punto che chiunque possa prenderla in mano.

Negli anni ho lavorato con marchi come Erica Synths, Polyend, ROLI e Gamechanger Audio, e la cosa che mi è rimasta più impressa è quanto un buon strumento ti insegni attraverso le mani, non attraverso un manuale. Muovi una manopola, senti cosa fa, capisci. Volevo portare un piccolo pezzo di quella sensazione su una pagina web.

C’è anche una ragione più semplice, però: mi piace costruire cose. Questo è stato tanto un progetto di programmazione quanto uno di sound design, e lungo il percorso ho imparato parecchio sulla Web Audio API — quasi tutto nel modo difficile.

Come Funziona — La Ruota al Centro

Quattro Oscillatori, Un Solo Cerchio

Invece di un menu a tendina dove scegli “sine” o “saw” da una lista, le quattro forme d’onda principali stanno in alto, a destra, in basso e a sinistra di un cerchio. Ogni nota che suoni le attiva tutte e quattro insieme, ma solo quelle vicine a dove hai il dito hanno un volume reale. Per esempio, muoviti verso l’alto e senti il sine puro. Vai verso destra, e il saw si insinua. Fermati tra due angoli, e ottieni un mix onesto di entrambi, non un passaggio netto da uno all’altro.

In realtà è un’idea vecchia — synth come il Prophet VS e il Korg Wavestation usavano una versione di questa tecnica decenni fa, di solito chiamata sintesi vettoriale. Mi è sempre piaciuto quanto sia fisica rispetto a girare una manopola. Invece di selezionare un preset, ti trovi dentro uno spazio di suoni.

Muovere il Suono Mentre la Nota Suona

Ecco la parte che sembra piacere di più: puoi tenere premuta una nota e trascinare il dito intorno al cerchio mentre sta ancora suonando, e il timbro cambia in tempo reale. Di conseguenza, è la cosa più vicina, su questa pagina, a suonare davvero uno strumento invece di premere un pulsante. In più, ogni volta che premi un tasto parte una piccola increspatura animata dal centro del cerchio, così la tastiera e la ruota sembrano un unico oggetto, non due elementi separati messi insieme.

Anche il colore dell’accento in tutta l’interfaccia si sposta — arancione per sine, corallo per saw, verde acqua per square, viola per il pad — un dettaglio piccolo, ma significa che puoi capire cosa stai ascoltando solo guardando lo schermo.

Una Tastiera Vera, Non Solo Pulsanti Colorati

Gamma Cromatica Completa

Sotto il cerchio c’è una tastiera vera — tasti bianchi e tasti neri, disposti come su un pianoforte reale, per un’ottava intera con ogni semitono disponibile. Comunque, non volevo limitare nessuno a una scala pentatonica solo per renderlo a prova di errore. Se sai cos’è un accordo di Do maggiore, puoi suonarlo. E se non lo sai, puoi comunque esplorare, e suonerà comunque bene, perché il sound design sotto è indulgente.

Suonalo Anche dalla Tastiera del Computer

Se sei al computer, le lettere A S D F G H J K suonano i tasti bianchi, e W E T Y U suonano i tasti neri sopra di loro. È la stessa disposizione usata in molti software musicali, quindi se hai mai usato la tastiera virtuale di GarageBand, le tue dita sanno già dove andare.

Modellare il Suono: Delay, Riverbero e Arpeggiatore

Tre piccoli cursori stanno sotto la ruota:

  • Delay — aggiunge un’eco ritmica dietro a quello che suoni, che trasforma anche una singola nota tenuta in qualcosa di più ricco.
  • Riverbero — spinge il suono dentro uno spazio, da secco e vicino a largo e distante.
  • Arp — trasforma le note tenute in un arpeggio, con l’opzione di farle suonare in ordine casuale invece che in sequenza, il che è genuinamente divertente da lasciare acceso mentre sperimenti con la ruota.

Nessuno di questi è nascosto tre livelli dentro un menu. Sono tutti lì, e muoverli cambia subito quello che senti.

Piccoli Dettagli che lo Rendono Vivo

Alcune cose che ho aggiunto soprattutto perché rendevano lo strumento più soddisfacente da usare:

  • Riconoscimento accordi. Tieni giù tre note che formano un accordo vero — un maggiore, un minore, un sus4 — e il nome di quell’accordo appare in silenzio sullo schermo. È una piccola cosa, ma trasforma “ho premuto dei tasti” in “ho suonato un Do minore”, il che conta più di quanto sembri.
  • Modalità armonia. Attivala, e ogni singola nota che premi porta automaticamente con sé una terza e una quinta sopra. Insomma: un dito, un accordo pieno. È il modo più veloce per far suonare bene lo strumento se non suoni ad orecchio.
  • Un pulsante random. Un tocco rimescola il mix degli oscillatori, l’arpeggiatore e il carattere del suono tutti insieme — di fatto un pulsante “sorprendimi” per quando non sai da dove iniziare.
  • Una modalità chiara e una scura, semplicemente perché volevo che lo strumento stesse comodo sulla pagina a qualsiasi ora qualcuno la visiti.

Costruito per Essere Leggero e Veloce

Per cominciare, niente di tutto questo usa campioni, registrazioni, o qualsiasi cosa da scaricare prima di poter suonare. Ogni suono viene generato dal vivo dal tuo browser usando oscillatori e una manciata di effetti audio, quindi tutto si carica in un paio di secondi anche con una connessione lenta. Di conseguenza, non c’è nessun server che elabora il tuo audio, e niente di quello che suoni lascia mai il tuo dispositivo.

Inoltre, l’ho costruito per funzionare bene tanto su un telefono di fascia media quanto su un computer, il che ha significato parecchi test sullo schermo più piccolo che possiedo, e riscrivere alcune parti più di una volta quando risultavano lente al tocco.

Provalo Tu Stesso

È online adesso, gratis, senza nessuna registrazione richiesta.

Suona il synth →

Se crei qualcosa che ti piace, o costruisci un suono che pensi valga la pena condividere, mi piacerebbe davvero saperlo — scrivimi su Instagram o dalla pagina contatti.

Domande Frequenti

Questo sintetizzatore è davvero gratuito?

Sì. Non c’è nessun account, nessun periodo di prova, e nessuna versione a pagamento nascosta dietro. È gratuito da suonare, su qualsiasi dispositivo, per tutto il tempo che resterà sul sito.

Devo scaricare o installare qualcosa?

No. Funziona interamente nel tuo browser usando la Web Audio API. Niente viene installato sul tuo dispositivo, e niente viene salvato o caricato da nessuna parte.

Funziona su telefoni e tablet?

Sì. È pensato per essere suonato col tocco, e supporta più dita contemporaneamente, quindi puoi tenere un accordo con una mano e toccare la ruota con l’altra.

Quale browser funziona meglio?

Qualsiasi browser moderno — Chrome, Safari, Firefox o Edge — su computer o mobile. Safari su iOS è completamente supportato, anche su iPad.

Posso suonarlo con la tastiera del computer invece di cliccare?

Sì. Le lettere da A a K suonano i tasti bianchi, e W, E, T, Y, U suonano i tasti neri sopra di loro — la stessa disposizione usata in molte app di tastiera virtuale.

Cosa fa esattamente il cerchio al centro?

Mescola quattro forme d’onda diverse — sine, saw, square e un tono pad morbido — in base a dove tocchi al suo interno. È una forma di sintesi vettoriale, una tecnica più datata proveniente da synth hardware come il Prophet VS, adattata al tocco.

C’è un modo per salvare o registrare quello che suono?

Non al momento. È pensato come uno strumento da suonare nel momento in cui sei sulla pagina, non come un registratore o una DAW.

Posso usare questo synth nella mia produzione musicale?

È pensato come un giocattolo interattivo e una dimostrazione di sound design, non come uno strumento di produzione da cui far uscire audio. Se cerchi consigli su attrezzatura per la produzione, ne parlo separatamente nel blog.