blog.vfg.lol

arpeggiator : progressions, permutations SVG et synthé Web Audio

POC BirdFoutain — clavier 6 octaves, grille de 8 accords, modes, palettes Rainbow

arpeggiator : progressions, permutations SVG et synthé Web Audio

Second POC parallèle à notes-blocs, inspiré du CodePen classique de Jake Albaugh (chord progression arpeggiator), interconnecté avec le vocabulaire Rainbow : palettes 12 couleurs, modes, intentions, métriques de style.

Ce que fait le POC

  • Clavier panoramique C2–B7 : basse sub/slap en cyan, arpège aigu teinté par la palette.
  • Grille de progression — 8 pas sur les degrés I…vii°, triades auto (maj / min / dim / aug), tonique × 9 modes (ionien … mineur harmonique).
  • Galerie de permutations — 3 à 6 voix, modes Straight ou Looped, contours SVG des motifs.
  • Analyse — intention / émotion en direct avec certitude subjective, score d’intervalles ±, Safe / Combo / Strike / Explore.
  • Palettes — Rainbow Canon, Cyber Neon, Cool Ocean, Sunset Glow ; export / import JSON.
  • Synthèse Web Audio — voix d’arpège (AM + delay), basse percussive, horloge BPM.

Lien avec Rainbow Journey

Le moteur de modes et de triades de ce POC alimente déjà l’extraction savoir (knowledge.json). Les divergences orthographiques avec notes-blocs (accents sur les libellés d’émotion, noms d’intervalles) sont listées dans KNOWLEDGE.md — à réconcilier avant toute intégration produit.

État

Sources sous pocs/arpeggiator/ ; contrôles typecheck / build / capture rapportés dans le handoff savoir du 15 septembre 2026. Prototype local, pas une feature MIDI OUT du piano Bird.

Lancer

cd pocs/arpeggiator
npm install
npm run dev

Ou pocs/savoir → npm run serve → apps/arpeggiator/.

À retenir

L’arpeggiator montre comment une progression + un motif deviennent à la fois son, couleur et métrique de jeu — sans punir le joueur. C’est le banc d’essai rythmique complémentaire du waterfall de notes-blocs.

source markdown

Concepts de cet article

handoffRainbowJourney

Partage le plus de concepts avec