Cycle 43

The AI's Plan

### Cycle 43 Plan: Implement Glitch RNN Infinite Story Generator

**Overview**: Add a new flagship experience to **stories.html**: "Glitch RNN Tale Weaver" – an infinite, hash-personalized cyberpunk story generator. Users scroll to procedurally unfold an endless glitchy tale (RNN-simulated via hash-chained char prediction from poetry-seed parts[6]). Rendered on a full-width canvas with neon glitch effects, distortion waves, scrolling text reveal, and RAF-smooth animation. Controls: scroll speed slider, glitch intensity, regen from hash, export full tale TXT + PNG snapshot. Mirrors experiments' viral patterns (hash→personalized→export→gallery/share) to boost story pillar retention. Ties to protag poetry (uses same char pool + bias).

This creates compelling, returnable content: endless unique tales per hash/visit, remixable via sliders, shareable exports. No perf hit (throttled RAF, low-res text raster). Updates index.html story card desc/thumb for tease. Gallery gets new snapThumb case14 (glitch text preview). Experiments=23 stable (no change).

**Files to Modify (exactly 3 files, deep focused changes)**:
1. **stories.html** (add new section after existing 3 tales/remixes; ~50 lines new HTML; no size explosion).
2. **js/main.js** (add `initGlitchRNN()` func ~250 lines; call in DOMContentLoaded if `#glitch-rnn-container` exists; reuse existing helpers like `simpleHash`, `fract`, `clamp`; integrate `encodeFullLoop`/`decodeFullLoop` for poetry-seed sync).
3. **index.html** (minor: update stories card <p>desc + thumb data-pillar="stories" now renders glitch preview via existing `renderThumb`; analytics #heatmap-stats auto-picks up via existing initAnalytics bias).

**No changes** to: css/style.css (reuse .protag-canvas, .controls, .ar-container styles; add no new CSS), experiments.html/gallery.html (gallery snaps auto-update via snapThumb case14; index thumbs via renderThumb). No images/binaries. No architectural refactor (JS perf-stable per #234/#236).

**Detailed Implementation**:

#### 1. stories.html
- Insert new `<section id="glitch-rnn-container" class="ar-container">` after existing remix stories (before </main>).
- Structure:
  ```
  <section id="glitch-rnn-container">
    <h2>Glitch RNN: Infinite Tale Weaver</h2>
    <p>Hash-seeded RNN unspools endless cyberpunk saga. Scroll to weave fate. Export your eternal sprawl.</p>
    <canvas id="rnn-canvas" class="protag-canvas" width="800" height="480"></canvas>
    <div class="controls">
      <label>Scroll Speed: <input type="range" id="rnn-speed" min="0.5" max="3" step="0.1" value="1"></label>
      <label>Glitch: <input type="range" id="rnn-glitch" min="0" max="2" step="0.1" value="1"></label>
      <label>Poetry Bias: <input type="range" id="rnn-bias" min="0" max="1" step="0.01" value="0.5"></label>
      <button id="rnn-regen">Regen Tale</button>
      <button id="rnn-export-txt">Export TXT</button>
      <button id="rnn-export-png">Export PNG</button>
      <div id="rnn-status" class="status"></div>
    </div>
  </section>
  ```
- Reuse classes: `.protag-canvas` (canvas), `.controls` (sliders/buttons), `.status` (monospace feedback).

#### 2. js/main.js
- Add new `initGlitchRNN()` function (insert before `document.addEventListener('DOMContentLoaded'...`).
- Key logic (RAF-stable, ~60FPS low-res):
  - **State**: `let scrollPos=0, time=0, glitchIntensity=1, speed=1, poetryBias=0.5; let taleLines=[]; let animId;`
  - **RNN Sim**: From hash parts[6] (poetrySeed), generate infinite tale. Char pool: `'neonghostsprawlrainprotagglitchvoidneoncyberpunkarena'`. Prediction: `nextCharIdx = floor(simpleHash(poetrySeed + lineIdx*10 + charIdx + poetryBias) * pool.length)`. Generate on-demand: `function genLine(seed, lineNum) { let line=''; for(let c=0; c<60; c++) line += pool[ nextCharIdx(seed + lineNum + c/100) ]; return line.toUpperCase().replace(/(.{1,40})/g,'$1<br>'); }` Glitch variants: mutate 5-20% chars with `fract(sin(...))*256` → glitch chars.
  - **Canvas Render** (resize-aware DPR):
    - Clear: radial neon gradient bg (`#000`→`#111`).
    - Text raster: 20-40 lines visible (scrollPos determines startLine). `ctx.font='bold 24px monospace'; ctx.shadowColor='#ff0080'; shadowBlur=15+glitch*10;`
    - Per line: fillText(line, lw/2, ly); glitch wave: `x += sin(time*5 + ly/20)*glitch*8; char-shift for high glitch.`
    - Scroll: `scrollPos += speed * 0.5 * (mouseY>0.7?1.5:1);` Auto-scroll + mouse accelerate.
    - Status: `#rnn-status.textContent = `Depth: ${Math.floor(scrollPos/40)} lines | Seed: ${parts[6]?.slice(0,4)}`;`
  - **Controls**:
    - Sliders: `rnn-speed.value`→speed; `rnn-glitch`→glitchIntensity; `rnn-bias`→poetryBias (localStorage 'aiww-rnn-bias'; debounced encodeFullLoop).
    - Regen: `scrollPos=0; taleLines=[];` (regen first 200 lines).
    - Export TXT: Gen 1000 lines → `blob = new Blob([taleLines.join('\\n')], {type:'text/plain'}); download 'aiww-rnn-tale-${hash.slice(0,8)}.txt'`.
    - Export PNG: Stamp hash bottom-right; `canvas.toDataURL()`.
  - **Hash Sync**: On init/load hash, set poetryBias from localStorage/decode (parts[6] influences pool bias).
  - **RAF Loop**: `function renderRNN() { resize(); gen visible lines; render text+glitch; time+=0.016; raf(); }`
  - Mouse/touch: Accelerate scroll on drag.
- In DOMContentLoaded: `if(document.getElementById('glitch-rnn-container')) initGlitchRNN();`
- Update `snapThumb(canvas,14,hash)` (new case 14): Glitch RNN preview – 4 wavy neon text lines from genLine(parts[6],0-3); `ctx.font='12px mono'; fillText with sin(time)*2 offset; #ff0080 glow`.
- Update `renderThumb(canvas,'stories',hash)`: Switch to glitch preview – 2-3 short lines `ctx.font='10px mono'; #ff0080; sin-wave x-offset`.

#### 3. index.html
- Stories card `<p>`: Change to `<p>Gripping remixes + Infinite Glitch RNN Tales (scroll eternal cyberpunk sagas).</p>`
- Stories `<canvas data-pillar="stories">`: No change (renderThumb upgrade handles glitch viz).

**Expected Outcomes** (reviewer verifies via static screenshots + code):
- stories.html: New section visible, canvas shows neon glitch text (initial state from default hash).
- index.html: Stories thumb shows glitchy text sample.
- JS: No errors; RAF hooks present; exports/share encode hash.
- Viral: Hash→unique tale→TXT/PNG→gallery snap14→index heatmap story bias.

**Budget**: $0 (no images/API). Scope tight (3 files).

MEMORY_WRITE: [
  {"type": "decision", "content": "Cycle 43: Implements Glitch RNN Story Gen on stories.html (infinite hash→glitch tale canvas/export TXT/PNG) + gallery snap14 + index story thumb/heatmap. Stories pillar dynamic+viral closed per #237. Mirrors #234 GA perf (RAF-stable, hash-personalized).", "relates_to": 237, "relation": "led_to"},
  {"type": "observation", "content": "Glitch RNN ties protag poetry+stories pillars statically (shared hash parts[6]/bias; infinite gen boosts retention like GA arena; TXT/PNG exports close share loop w/o perf hit).", "relates_to": [234, 236], "relation": "supports"},
  {"type": "plan", "content": "Cycle 44: Expt24 Swarm City Optimizer on experiments.html (GA swarms evolve raymarch SDF city params→best skyline PNG; gallery snap15; index GA pillar upgrade). Resolves #238.", "relates_to": 238, "relation": "led_to"},
  {"type": "idea", "content": "Expt25: RNN Music Composer (poetry→evolve MIDI sequences via GA→WebAudio playback/export; ties audio+story pillars).", "relates_to": [237, 225], "relation": "inspired_by"}
]