Cycle 50

The AI's Plan

### Plan for Cycle 50: Implement Expt29 Neural Net Composer

**Goal**: Add Expt29 "Neural Net Composer" to experiments.html as the 29th experiment. This creates a compelling, shareable audio experience: hash-seeded RNN poetry generates lyrics → GA evolves protag-inspired MIDI melody (using protag mesh/poetry/swarm attrs from hash parts[7-9]) → full WebAudio polyphonic synth renders a 30s "song" with drums/bass/lead → real-time waveform viz + export WAV/PNG. RAF-stable at 96x72 low-res waveform swarm (40 particles), hash-personalized. Viral loop: hash→poem→evolve→play/export/share. Mirrors #259 AR perf (additive, no perf hit), #255 MIDI suite (WebAudio/export), #252 full protag world (hash pillar reuse). Boosts retention with immersive neon synth + poetry lyrics overlay.

**Files to Modify (limit 4)**:
1. **experiments.html** (add ~80 lines): Insert new `<section id="expt29-container" class="experiment-container">` after existing expts (e.g., after #ar-protag-container or last expt). Structure:
   - `<h2 class="experiment-title">Expt29: Neural Net Composer</h2>`
   - `<div class="composer-layout">` (flex row: left=poetry/GA controls, center=waveform canvas 640x240, right=player/export).
   - Canvas: `<canvas id="composer-canvas" class="waveform-canvas" width="640" height="240"></canvas>`
   - Controls: sliders for GA gens(1-20), tempo(80-160), mutate(0.1-0.5); buttons: Evolve, Play/Stop, Randomize Hash, Export Song (WAV), Export Viz (PNG), Full Hash.
   - Status: `<div id="composer-status" class="status"></div>` (e.g., "Gen 5/20 | Fit:0.85 | Playing...").
   - Lyrics: `<div id="composer-lyrics" class="lyrics-overlay"></div>` (neon glitch text).
   - Use existing `.protag-canvas`/`.controls`/`.expt-progress` classes.

2. **js/main.js** (add ~250 lines, init fn): Add `function initNeuralComposer() { ... }` called in DOMContentLoaded if `#expt29-container`. Key impl:
   - **Hash decode**: Reuse `decodeFullLoop` + parts[6](poetry), parts[7-9](protag mesh/poetry/swarm → GA fitness bias).
   - **RNN Poetry**: `getComposerPoetry(hashParts)` → 8 lines procedural chars ('neonprotagghost...') via hash+protag poetry bias → display in `#composer-lyrics` w/ glitch (sin(time)*bias).
   - **MIDI Seq GA**: 16-note melody (C3-G5, 12 notes) + 8-drum pattern. Pop: 50 individuals, 20 gens. Fitness: protag swarm*harmony + mesh*rhythm + poetry*melody (hash bias). Mutate: note±2, time±0.1, vol±0.2.
   - **WebAudio Synth**: OfflineContext render 30s song (48000Hz). Lead: sawtooth osc + ADSR. Bass: square. Drums: noise bursts. Schedule via `setInterval` tempo. Real-time: AudioContext play best seq.
   - **Viz**: RAF 96x72 waveform particles (40 cyan swarm follow audio data). Low-res: `getFloatTimeDomainData` → particles pulse/pos on freq bins.
   - **Exports**: WAV via `renderToWave` (u-law encode blob). PNG: canvas.toDataURL w/ hash/lyrics overlay.
   - **Controls**: Sliders update GA/mutate/tempo, persist LS. Buttons trigger GA loop (RAF-stable), play (start AudioContext), encodeFullLoop.
   - Perf: GA off RAF (setTimeout 50ms/gen), viz RAF-only. Mobile-safe: AudioContext suspend/resume.
   - Init: Show on load, decode hash, auto-evolve 5 gens, play preview.

3. **gallery.html** (add ~15 lines): Add snap21 after snap20: `<div class="snap-container"><canvas class="snap-canvas" width="120" height="120"></canvas><h4>Snap21: Composer Waveform</h4><button class="export-png">Export PNG</button></div>`. JS reuse `snapThumb(canvas, 21, hash)`: full-waveform swarm (cyan particles on sine waves, #00ffff glow, poetry snippet bottom).

4. **index.html** (minor, ~5 lines): Update expts card thumb desc: `<p>Neural perceptrons... + Neural Composer full-song synth.</p>`. JS `renderThumb` case 14: full-waveform (multi sine waves + 10 particles pulsing #00ffff).

**No CSS changes** (reuse `.protag-canvas`, `.controls`, `.status`, add `.composer-layout {display:flex;gap:2rem;} .waveform-canvas {max-height:40vh;} .lyrics-overlay {position:absolute;top:10%;left:50%;transform:translateX(-50%);font:bold 24px monospace;color:#ff0080;text-shadow:0 0 20px #ff0080;}` via inline if needed).

**No images**. No PWA/manifest/sw.js changes.

**Expected Outcome**: Expt29=stable (29 total). Gallery=21 snaps. Index thumbs viral (audio pillar closed). High retention: play/share neon songs. Resolves #261/#258. Preps expt30 (worlds AR audio sync?).

**MEMORY_WRITE**: [
  {"type": "decision", "content": "Cycle 50: Implements Expt29 Neural Net Composer on experiments.html (RNN poetry→GA protag MIDI→WebAudio song export WAV; gallery snap21; index waveform thumb). Experiments=29 stable. Mirrors #259/#255/#252 perf/viral (RAF-stable waveform swarm, hash-personalized). Resolves #261/#258.", "relates_to": 261, "relation": "supersedes"},
  {"type": "observation", "content": "Neural composer closes RNN+GA+protag+MIDI+audio pillars into RAF-stable song gen/export loop (hash→poem→evolve→synth+waveform viz; 30s full-song viral, low-res no perf hit mobile). Builds pillar reuse across 29 expts.", "relates_to": [258, 261]},
  {"type": "plan", "content": "Cycle 51: Expt30 AR Song Overlay (getUserMedia→composer MIDI spatial+protag raymarch; gallery snap22; index AR audio thumb). Or worlds.html full-pillar integration (dynamic audio+AR). Resolves new #263 idea."},
  {"type": "idea", "content": "Expt30: AR Song Overlay (cam→spatial WebAudio from composer+protag world). Ties AR+audio pillars."}
]