Single-file mining management strategy-game web demo

Prompt

The author shared the full prompt.

Build a single-file HTML interactive that makes [INDUSTRY] software feel like a strategy game.

Style: light isometric 3D scene (Three.js), soft lavender ground, white buildings with
blue roofs, yellow machines, floating white glass panels. Clean, playful, premium.

Scene: a full [SITE TYPE] with [KEY ASSETS — e.g. open pit, haul trucks, crusher,
conveyors, stockpile, rail load-out]. Everything moves: [WHAT FLOWS — e.g. ore on belts,
trucks cycling, trains loading].

UI:
- Top bar: [BRAND] logo, site name, live clock
- Top left: alert panel (live camera feed, detection box, countdown, 2–3 response buttons)
- Top right: status of whatever I click
- Bottom left: live flow strip showing each stage and its throughput
- No panel overlaps another

Game loop: every few seconds the system detects a hazard ([HAZARD TYPES]).
Pick the right response before the timer runs out. Right call = cost saved,
wrong call or too slow = downtime. Shift ends with a score.

Then make a 30s demo video of it (16:9 and 9:16), with a scripted camera tour,
big short captions, a cursor clicking through alerts, background music,
and a hook in the first second. End on: [TAGLINE].

Category

Apps & UI

Stack

Three.js

Made with

Three.js

On X

844 likes · 37K views · 741 saves