News Network 24/7 — GNN Live

A 24/7 cable news channel: 2 anchors at the desk, 4 city correspondents (Capitol/NYSE/LA/London), breaking-news wipes, scrolling stock ticker, and a director that runs 14 cameras.

Try it live → Source on GitHub

Built with: three.jsr160single-file

#3d#simulation#living-world

## What this is A single-file three.js demo of a 24/7 cable news channel. Two anchors at the desk, four city correspondents on remote, a director cycling fourteen cameras, breaking-news wipes, a stock ticker that random-walks, six headline pools that template-fill with thirty fillers, a 4-way split, a commercial stinger, and a reseed every nine minutes that rebuilds the entire news cycle. ## Why this is mind-blowing It's GNN at 3am. The wall monitors behind the anchors actually show the same correspondent's face that's about to come on remote. The talking heads actually lip-sync. The director cuts to "WE GO LIVE TO LONDON" and a wipe takes you to Theo Hartwell in front of Big Ben. Then breaking news hits and the strobe banner overrides everything. Watch it for ten minutes and you've seen a full news cycle.

Prompt

Build a single-file three.js r0.160.0 demo styled as a 24/7 cable
news channel — Global News Network (GNN). Should feel like watching
CNN at 3am, not a tech demo.

Constraints:
- Single HTML file < 200KB. three.js from unpkg only.
- First line of <body>: <!-- ROUND14_LIVING v1 -->.
- IIFE + strict mode. Disposables registry. Reseed every 8–10 minutes.
- Autoplays forever.

3D world (one scene, 5 sub-Groups offset along x):
- STUDIO: anchor desk, 2 anchors (Vivian Stone, Anderson Wright),
  curved skyline backdrop, rotating GNN logo ring, 4 wall monitors
  driven by shared canvases, colored point lights.
- REMOTES: 4 correspondents — Janet Park (Capitol), Marcus Reed
  (NYSE with ticker boards), Gabriela Solis (LA palms + sunset),
  Theo Hartwell (London/Big Ben). Each with mic/stand and procedural
  backdrop.

Talking heads:
- Procedural canvas portraits with blink + `talkPhase` mouth-open
  ellipse driving the 3D plane, the studio wall monitors, the HTML
  mini-feeds, and the 4-way split cells.

Director:
- Weighted FSM over top / remote / breaking / split / teaser /
  commercial with cooldowns. 14 cams: anchor wide, CU L+R, 2-shot,
  push, crane, 4 city CUs, 3 city wides, wall-monitors.

Content:
- 6 headline pools (POL / BIZ / WX / WORLD / SPORTS / ENT) + breaking
  pool with [BRACKET] template fillers across 30+ FILL keys.

Broadcast UI: GNN bug + pulsing LIVE dot, time/date/weather widget,
breaking banner with strobe + alert bar, animated lower-third,
scrolling stock ticker (random-walk prices), GNN wire ticker, COMING
UP strip, WHO IS reporting credit, 4 mini-feeds, 4-way split overlay,
commercial stinger, "WE GO LIVE TO [CITY]" wipe, vignette, scanlines.

Reseed every 8–10 min: rebuild headlines, breakings, feeds, split,
monitors.

Paste this into Claude, Cursor, or Copilot. Change one thing that matters to you.

Build a single-file three.js r0.160.0 demo styled as a 24/7 cable
news channel — Global News Network (GNN). Should feel like watching
CNN at 3am, not a tech demo.

Constraints:
- Single HTML file < 200KB. three.js from unpkg only.
- First line of <body>: <!-- ROUND14_LIVING v1 -->.
- IIFE + strict mode. Disposables registry. Reseed every 8–10 minutes.
- Autoplays forever.

3D world (one scene, 5 sub-Groups offset along x):
- STUDIO: anchor desk, 2 anchors (Vivian Stone, Anderson Wright),
  curved skyline backdrop, rotating GNN logo ring, 4 wall monitors
  driven by shared canvases, colored point lights.
- REMOTES: 4 correspondents — Janet Park (Capitol), Marcus Reed
  (NYSE with ticker boards), Gabriela Solis (LA palms + sunset),
  Theo Hartwell (London/Big Ben). Each with mic/stand and procedural
  backdrop.

Talking heads:
- Procedural canvas portraits with blink + `talkPhase` mouth-open
  ellipse driving the 3D plane, the studio wall monitors, the HTML
  mini-feeds, and the 4-way split cells.

Director:
- Weighted FSM over top / remote / breaking / split / teaser /
  commercial with cooldowns. 14 cams: anchor wide, CU L+R, 2-shot,
  push, crane, 4 city CUs, 3 city wides, wall-monitors.

Content:
- 6 headline pools (POL / BIZ / WX / WORLD / SPORTS / ENT) + breaking
  pool with [BRACKET] template fillers across 30+ FILL keys.

Broadcast UI: GNN bug + pulsing LIVE dot, time/date/weather widget,
breaking banner with strobe + alert bar, animated lower-third,
scrolling stock ticker (random-walk prices), GNN wire ticker, COMING
UP strip, WHO IS reporting credit, 4 mini-feeds, 4-way split overlay,
commercial stinger, "WE GO LIVE TO [CITY]" wipe, vignette, scanlines.

Reseed every 8–10 min: rebuild headlines, breakings, feeds, split,
monitors.

What I learned shipping it

Procedural lip-sync portraits powering ALL screen surfaces (HTML mini-feeds + 3D wall monitors + split cells) is the trick that makes one canvas feel like a network.
Headline TEMPLATES with [BRACKET] fillers > pre-written headlines. The viewer never sees the same chyron twice.
A 'WE GO LIVE TO [CITY]' wipe is a 50-line trick that does the work of a real network's edit suite.