The Front — Multi-Sector War Documentary

A documentary-tone operations sim: HQ war table, two fronts, an airfield, a supply depot, a field hospital, a refugee corridor. Empathetic, sober, never gory.

Try it live → Source on GitHub

Built with: three.jsr160single-file

#3d#simulation#mega-world

## What this is A single-file three.js demo styled as a frontline documentary. Seven simultaneous sub-locations in one scene — HQ command center, two front sectors, an airfield, a supply depot, a field hospital, a refugee corridor. A war correspondent named Vera Lindgren narrates cross-sector updates as the ten-day arc moves from briefing to ceasefire signing. Reseeds every ten minutes with a new general and a new correspondent and a fresh ten-day operation. ## Why this is mind-blowing It's a war documentary that refuses to be a war movie. There are no casualty counts. There are no flags identifying a good side and a bad side. The jets take off and return safely. The medics save people. The refugee corridor opens and the camera cuts to the relief shelter at the end of the road. The dramatic peak is the ceasefire signing, not a battle. The discipline of what is *not* shown is what makes the world feel real and respectful.

Prompt

Build a single-file three.js r0.160.0 demo styled as a documentary
about a multi-sector military operation, from briefing to ceasefire.
Empathetic, never gory. The dramatic spine is logistics + saves +
signing the ceasefire — not combat.

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

Round 15 mega-world spec:
- 6+ sub-locations in one scene navigable by camera.
- Mini-map of theater with phase-line frontline + location pins.
- 100+ named characters (InstancedMesh soldiers + civilians + 60-entry
  roster of named units).
- Cross-system chyron from the war correspondent referencing all sectors.
- 10-day multi-act arc: briefing → north ops → east push → airstrike
  (returns safely) → refugee corridor → field hospital saves → ceasefire.
- 15+ director cameras.

Tone safeguards (mandatory):
- No casualty counts shown. Only TREATED / STABILIZED / RELEASED.
- No "good" or "bad" side. Only NORTHERN SECTOR / EASTERN SECTOR.
- Tracers are far-camera, brief, low-opacity. No close violence.
- Refugees as cozy walking column ending at a relief shelter.
- Air ops show takeoff and return only. Never impacts.
- Field hospital shows medics running stretchers (covered) — never wounds.

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 documentary
about a multi-sector military operation, from briefing to ceasefire.
Empathetic, never gory. The dramatic spine is logistics + saves +
signing the ceasefire — not combat.

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

Round 15 mega-world spec:
- 6+ sub-locations in one scene navigable by camera.
- Mini-map of theater with phase-line frontline + location pins.
- 100+ named characters (InstancedMesh soldiers + civilians + 60-entry
  roster of named units).
- Cross-system chyron from the war correspondent referencing all sectors.
- 10-day multi-act arc: briefing → north ops → east push → airstrike
  (returns safely) → refugee corridor → field hospital saves → ceasefire.
- 15+ director cameras.

Tone safeguards (mandatory):
- No casualty counts shown. Only TREATED / STABILIZED / RELEASED.
- No "good" or "bad" side. Only NORTHERN SECTOR / EASTERN SECTOR.
- Tracers are far-camera, brief, low-opacity. No close violence.
- Refugees as cozy walking column ending at a relief shelter.
- Air ops show takeoff and return only. Never impacts.
- Field hospital shows medics running stretchers (covered) — never wounds.

What I learned shipping it

Tone is enforced through what you do NOT show. The discipline of 'returns safely', 'stabilized', 'corridor opens' carries the dramatic weight.
A war-table mini-map with animated phase lines is the most economical way to externalize 10 days of grand strategy.
The ceasefire signing is the dramatic peak — louder events would feel exploitative; smaller ones would feel uneventful.