---
title: "arpeggiator : progressions, permutations SVG et synthé Web Audio"
subtitle: "POC BirdFoutain — clavier 6 octaves, grille de 8 accords, modes, palettes Rainbow"
date: 2026-09-15
time: "08:47"
author: VFG / Rainbow Journey
publishedBy: idea
status: pub
tags: ["rainbowjourney", "birdfoutain", "poc", "arpeggiator", "harmonie", "web-audio", "prototype"]
---

![arpeggiator : progressions, permutations SVG et synthé Web Audio](../images/covers/2026-09-15-arpeggiator-progressions-permutations.png)

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

```bash
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`.