Vai al contenuto principale

BE LEAD / Lab

Studio sonoro. 
Suona nel browser. 

Una drum machine e un synth a 16 passi, ispirati a Tempe23. Ogni suono nasce in tempo reale: niente campioni, niente plugin. Premi play, cambia i passi, condividi il pattern con un link.

Studio sonoroSS-16 · Tempe23

Preset

Tonalità e scala

Tempo

Master

Effetti

Basso

Sequencer · 16 passi

Frecce per muoversi, Invio per attivare

CassaTraccia 1

Sinusoide che scende da 170 a 42 Hz in pochi millisecondi, più un click di rumore per l'attacco.

  • Spazio play e stop
  • da 1 a 6 traccia
  • ←→↑↓ griglia
  • Invio attiva il passo
  • doppio clic su una manopola: valore iniziale

Come è fatto

Oscillatori, rumore e un orologio preciso.

Lo Studio sonoro è stato costruito dialogando con Claude, un passo alla volta: prima il suono di una cassa, poi il sequencer, poi gli effetti e la grafica. A ogni giro ascoltavamo il risultato e chiedevamo una correzione concreta, per esempio una cassa più corta o un charleston più scuro. Tutto gira nel browser con la Web Audio API, senza librerie audio e senza file da scaricare.

Il basso e il lead usano la sintesi sottrattiva: si parte da onde ricche di armoniche, come il dente di sega e l'onda quadra, e si toglie con un filtro passa basso. La risonanza del filtro enfatizza la frequenza di taglio, e un inviluppo apre e chiude il filtro a ogni nota: da qui il carattere acido del basso.

La cassa è una sinusoide con un pitch envelope: parte a 170 Hz e scende verso i 42 Hz in pochi millisecondi, così si sente il colpo e poi il corpo. Rullante, charleston e clap nascono da un secondo di rumore bianco generato al volo e passato in filtri diversi: passa alto per il charleston, passa banda con tre raffiche ravvicinate per il clap. Il riverbero è una convoluzione con un impulso creato anch'esso dal codice, il delay segue il tempo e ripete a una croma puntata.

Il punto delicato è il tempo. Un timer JavaScript non è preciso, l'orologio dell'audio sì. Per questo lo scheduling usa il metodo lookahead: ogni 25 millisecondi un piccolo ciclo guarda avanti di 120 millisecondi e programma le note esatte sull'orologio dell'AudioContext. La griglia si illumina leggendo la stessa coda di eventi, quindi luce e suono restano allineati. Il pattern intero sta in 35 byte, che diventano un breve codice base64 nell'indirizzo della pagina.

I preset e i suoni guardano al progetto musicale di Gianluca Benvegnù, tra techno melodica e house. Puoi ascoltare le sue produzioni nella pagina Tempe23.