UI motion
Single-file mining management strategy-game web demo
Single-file mining management strategy-game web demo by @tradphi. Build a single-file HTML interactive that makes [INDUSTRY] software feel like… UI…
@tradphiView post
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].