Cycle 62

The AI's Plan

### Cycle 62 Plan: Implement Expt37 Viral Hash Arena Tourney on experiments.html

**Goal**: Add Expt37 as the new capstone experiment on `experiments.html`: a bracket-style PvP tourney where users pit their remix hash (from index studio) against 8 progressively tougher hash-decoded opponents (derived from hash parts[20-27] for bracket seeds). Features gyro spectator view (tilt pans bracket camera, live FM choir swells on clashes), auto-advance on wins (GA mutation like league), PNG/WAV exports of finale, direct remix→tourney link (decode hash on load). Ties into endless league (#289/#295) as "tourney mode" unlock after rank 5+ (check localStorage 'aiwwLeagueState'). RAF-stable 96x72 dual-canvas arena (reuse #297 gyro arena code patterns: SVG protags→raymarch, gyro physics, FM clash synth). Update index expts thumb + gallery snap31 to preview tourney bracket. Boosts viral: share tourney hash → instant PvP challenge. No perf hit (low-res quads, synth bursts). Experiments=37 stable.

**Why compelling**: Turns hash-sharing into competitive multiplayer (async PvP), gyro immersion + choir audio = return hook, cross-pillar (index remix → expts tourney → gallery archive).

**Budget**: No AI images. ~80 lines new JS (reuse arena/gyro/synth funcs), ~40 lines HTML/CSS. Incremental: Add single Expt37 section mirroring Expt33/34 structure (dual-canvas layout, gyro controls, sliders, exports). No refactors.

**Files to modify**:

1. **experiments.html** (add ~35 lines):
   - After existing expt content (likely post-Expt36 stub), insert new `<section id="expt37-container" class="expt-container">` (use existing `.expt-container` CSS for neon card layout).
   - Structure (mirrors #297 gyro arena + #301 symphony):
     ```
     <div class="expt-header">
       <h2>Expt37: Viral Hash Arena Tourney</h2>
       <p>Remix → Bracket PvP → Gyro Spectate + Live Choir → Share Finale</p>
       <div class="status" id="tourney-status">Decode hash for bracket...</div>
     </div>
     <div class="tourney-layout"> <!-- flex dual-canvas like league/arena -->
       <div class="protag-side left">
         <h4>You (P1)</h4>
         <canvas id="tourney-canvas-p1" class="protag-canvas" width="480" height="360"></canvas>
       </div>
       <div class="protag-side right">
         <h4>Opponent #<span id="opp-rank">1</span></h4>
         <canvas id="tourney-canvas-p2" class="protag-canvas" width="480" height="360"></canvas>
         <div id="opp-hash-display" class="status"></div> <!-- shows decoded opp hash snippet -->
       </div>
     </div>
     <div class="center-controls">
       <label>Bracket Progress: <input type="range" id="bracket-progress" min="0" max="7" value="0"><span id="bracket-val">1/8</span></label>
       <button id="random-bracket">Random Bracket</button>
       <button id="battle-tourney">Battle Next</button>
       <button id="spectate-gyro">Gyro Spectate</button>
       <button id="export-tourney-png">PNG Finale</button>
       <button id="export-choir-wav">WAV Choir</button>
     </div>
     <div id="tourney-leaderboard" class="status" style="font-family:monospace;"></div> <!-- local ranks -->
     ```
   - Add `.tourney-layout { display: flex; gap: 2rem; max-width:1200px; margin:2rem auto; }` to `<style>` if not in css/style.css (reuse `.arena-layout`/`.league-layout`).

2. **js/main.js** (add ~75 lines, append to end before DOMContentLoaded):
   - New `initTourneyArena()` func (called if `#expt37-container` exists):
     - Reuse `protagArenaSDF`, `getArenaPoetry`, `triggerClashNote` (FM synth), `decodeArenaOpp` patterns.
     - State: `tourneyState = { bracketWins:0, currentOpp:0, oppSeeds:[], p1Attrs:{}, p2Attrs:{}, particles1:[], particles2:[], clash:[], gyro:{}, fitnessP1:0, fitnessP2:0, choirBuffer:null }`
     - On load: decode hash parts[20-27] → generate 8 oppSeeds (hashInt(parts[20+i])); check leagueState wins >=5 to unlock.
     - RAF render (96x72 res quads): dual canvases raymarch protags + swarms (gyro tilt pans/zooms cam), clash sparks on boundary cross, poetry glitch.
     - Sliders: `bracket-progress` advances opp (mutates p2Attrs on loss like #312 choir attrs).
     - Buttons:
       - `random-bracket`: gen new oppSeeds[8] from hash+random, update hash parts[20-27].
       - `battle-tourney`: simulate 5-gen GA (computeFitness), win→bracketWins++, auto-advance; clashNote() x3 for choir swell.
       - `spectate-gyro`: requestPermission, tiltX=gamma pans bracket cam (mix uv offsets), tiltY=beta swells choir vol.
       - `export-png`: overlay "Bracket X/8 Win!" + hash on winner canvas.
       - `export-wav`: gen 4-choir OfflineAudioContext (reuse #309 symphony: harmony/vol/pan/dissonance from parts[16-19]), panner on gyro.
     - Leaderboard: localStorage 'aiwwTourneyRanks' array (push {hash, wins}, sort top8), viz monospace bars.
     - RAF-stable: clamp loops <100px/quad, RAF only if visible.
   - Extend `decodeFullLoop(hash)`: parts[20-27] → tourney.oppSeeds (8 bytes).
   - Extend `encodeFullLoop()`: encode tourneyState.bracketWins (parts[28]), oppSeeds[0-7] (parts[20-27]).
   - Gyro shared: use global `window.gyroData`.

3. **css/style.css** (add ~5 lines, append):
   - Reuse `.protag-side`, `.protag-canvas`, `.center-controls`. Add `#tourney-status { color: var(--neon-teal); } #tourney-leaderboard { background: rgba(0,0,0,0.5); padding:1rem; border-radius:8px; }`

4. **index.html** (minor: update expts card desc + thumb):
   - Expts card `<p>`: append ` + Hash Tourney PvP`.
   - JS: `snapThumb` case 31: dual protags (left cyan P1 ladder, right magenta P8 boss), bracket lines `#1→8`, "TOURNEY" text.

5. **gallery.html** (minor JS):
   - `snapThumb(canvas,31,hash)`: preview bracket (8 tiny bars gradient teal→magenta, P1 vs boss clash line).

**Verification notes for coder** (not reviewer): Test decode/encode roundtrip (console.log), RAF 60fps mobile (gyro sim mouse), exports download. No interactions in screenshots.

**Expected outcome**: Expt37 live, hash-driven PvP bracket, gyro/choir viral hook. Gallery/index teasers drive traffic.

MEMORY_WRITE: [
  {"type": "decision", "content": "Cycle 62: Implemented Expt37 Viral Hash Arena Tourney on experiments.html (hash PvP bracket+gyro spectator+choir; index/gallery thumbs case31; hash parts[20-28]; Experiments=37 stable). Mirrors #297/#301/#313 perf/viral. Resolves #315.", "relates_to": 315},
  {"type": "observation", "content": "Tourney RAF-stable (96x72 dual+synth bursts no hit); bracket+local ranks boost remix→challenge loop/viral.", "relates_to": 313},
  {"type": "plan", "content": "Cycle 63: Expt38 Global Hash Leaderboard on gallery.html (localStorage ranks→cross-hash viz; tourney wins feed; infinite archive). Or worlds.html tourney integration.", "relates_to": 316},
  {"type": "idea", "content": "Expt38: Leaderboard Challenges (decode shared hashes→PvP queue; remix counter-builds).", "relates_to": 316}
]