Une boîte à rythmes circulaire et organique : une balle rebondit visuellement sur chaque pas actif, et le pattern s’exporte en WAV en un clic.
Vue d’ensemble
Beat Forge est un séquenceur de batterie qui abandonne la grille linéaire classique pour un pattern circulaire : quatre pistes (kick, snare, clap, bell) tournent chacune sur 16 pas autour de leur propre cercle, avec un playhead qui balaie chaque piste en continu. À chaque pas déclenché, un blob organique — une balle en squash-and-stretch avec traînée fluide — est envoyé rebondir contre le mur, pur retour visuel qui rend le rythme palpable à l’œil autant qu’à l’oreille.
Chaque piste dispose de ses propres effets (reverb, delay, pan, filtre passe-haut, volume), le pattern entier peut être exporté en fichier WAV, et l’interface se réorganise entièrement entre desktop, mobile portrait et mobile paysage.
Fonctionnalités
- Séquenceur circulaire — 4 pistes (kick, snare, clap, bell) sur 16 pas chacune, playhead tournant plutôt que grille linéaire.
- Balle organique — un blob en squash-and-stretch avec traînée fluide, projeté vers le mur à chaque pas actif déclenché.
- Effets par piste — reverb, delay, pan et filtre passe-haut réglables individuellement, appliqués identiquement en lecture live et à l’export.
- Export WAV — le pattern complet est re-rendu hors-ligne et téléchargé en un clic.
- Import de samples — un cinquième banc se remplit avec ses propres fichiers, en plus des quatre banques préréglées.
- Particules d’impact — étincelles et ondes de choc à chaque pas déclenché, pour renforcer le retour visuel.
- Compatible mobile — layouts dédiés portrait et paysage, avec contournement du mode silencieux sur iOS.
Sous le capot
Il n’y a pas de scheduler audio à anticipation : un unique requestAnimationFrame fait avancer chaque séquenceur pas à pas, en faisant tourner son playhead selon le BPM ; dès qu’il franchit un pas actif, le son est déclenché à l’instant audio courant. La précision rythmique est donc directement liée au taux de rafraîchissement — un choix assumé pour garder l’ensemble léger et sans dépendance à un scheduler audio complexe. Le swing décale les pas impairs pour casser la rigidité du quantifié.
Chaque voix suit une chaîne Web Audio complète : source → gain → filtre passe-haut optionnel → panoramique stéréo optionnel → delay/reverb optionnels → compresseur dynamique maître → écrêteur doux (waveshaper) → sortie. Les réponses impulsionnelles de reverb sont générées et mises en cache, et chaque sample est normalisé en crête au chargement. L’export WAV repasse tout le pattern par un OfflineAudioContext, exactement la même chaîne que la lecture live, pour un rendu fidèle.
Contrôles
| Touche | Action |
|---|---|
| ↑ / ↓ | Ajuste le BPM |
| Espace | Lecture / arrêt |
| 1–4 | Coupe la piste correspondante |
| ⌥ + 1–4 | Isole (solo) la piste correspondante |
| R | Randomise tous les patterns |
| ⌫ | Efface tous les patterns |
| F | Plein écran |
| H | Mode performance (masque l’interface) |
Stack technique
- Web Audio API — graphe audio complet, compression, reverb par convolution
- OfflineAudioContext — rendu et export du pattern en WAV
- Canvas 2D — deux calques (fond animé + interface/rendu principal)
- Vanilla JS — scripts classiques sans modules ES, zéro framework
Cas d’usage
Un outil de composition rythmique rapide : esquisser un beat en quelques clics, l’entendre prendre vie visuellement, et exporter directement le résultat en WAV pour le réutiliser ailleurs — sans installation ni compte.
Un cercle, quatre pistes, une balle qui rebondit — le rythme devient une trajectoire.
