Twitch Streamer — Meta-Stream with Live Chat
An AI streamer plays an autonomous FPS while a procedural chat of 70 viewers reacts in real time. Donations, raids, polls, hate raids with mod bans, and a follow button that follows itself.
What this is
A single-file three.js demo of a live Twitch stream — the entire stream. An AI streamer plays an autonomous FPS in 3D while a procedurally-generated chat of seventy viewers spams emotes, drops bits, reads donations, polls, raids, hate- raids (and gets mod-banned in real time), and chases a follower goal that actually fills.
Why this is mind-blowing
You're watching two loops at once: a real autonomous FPS with kill cams and death cams and gun swaps, and a real autonomous chat feed with mod actions and donation reads and the kind of cadence that only comes from a real stream. The follow button auto-follows. The viewer count drifts up. The face-cam zooms in when a kraber lands. Every nine minutes the streamer reseeds with a new name and a new game category and a new chat full of new regulars.
Prompt
Build a single-file three.js r0.160.0 demo that simulates a live Twitch
stream, with the in-game footage AND the chat feed both running fully
autonomously.
Constraints:
- Single HTML file < 200KB. three.js from unpkg only.
- First line of <body>: <!-- ROUND14_LIVING v1 -->.
- IIFE + strict mode. Disposables registry. Reseed every 9–11 min.
- Autoplays forever.
3D scene (FPS):
- Bumpy ground, mountains, crates, buildings, capsule enemies, weapon
model attached to camera, muzzle flash, tracers.
- AI streamer plays autonomously: tracks bots, fires, gets kills, dies,
respawns. Gun swaps (R-99, R-301, Wingman, Peacekeeper, Kraber, Volt).
Streamer face-cam (canvas):
- Glasses, headset with LED, mic boom, blinking, mouth lipsync, mood
reactions (hype/death/neutral), purple RGB strip.
Chat (right column):
- 70 procedural chatters, 3–5 msgs/sec, mod ⚔ / VIP ★ / sub badges
(1m/6m/24m/Founder), emote spam, mentions, donation reads.
- Live events: DONATION, SUB, BITS, RAID (chatter burst), HOST, CLIP,
POLL (animated bars), MILESTONE, HATE RAID (slur-filler + visible
mod bans).
Game UI: HP/shield bars, ammo, kill streak, kill feed, minimap with
storm ring, crosshair, hitmark, damage vignette, death screen.
Director cams: 1ST PERSON, KILL CAM, 3RD-PERSON CHASE, DEATH CAM,
FACE-CAM ZOOM (face-cam expands to center).
Topbar: 1080p60, bitrate, latency jitter, song. Channel info: avatar,
"Follow" button (auto-follows after 8–18s), live viewer count, follower
counter. Stream title rotates. Tags. Animated subscriber-goal bar.
Speech bubbles on streaks/deaths/donos.
Reseed every ~9–11 min: new streamer name, hair color, game category,
chatters, songs, follower count.Paste this into Claude, Cursor, or Copilot. Change one thing that matters to you.
What I learned shipping it
- Two autonomous loops (game + chat) reacting to each other beats one bigger sim — the chat reacting to the FPS is the magic.
- Showing mod bans during a hate raid is the cheapest way to make the chat feel real and moderated, not just decorative.
- Face-cam-to-center on big moments is the moment that turns a tech demo into something a streamer would actually run.