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].
中文译文
构建一个单文件 HTML 交互页面,让 [INDUSTRY] 软件感觉像一款策略游戏。
风格:明亮轻盈的等距 3D 场景(Three.js),柔和的薰衣草色地面,白色建筑配蓝色屋顶,黄色机械,悬浮的白色玻璃面板。干净、俏皮、高级。
场景:一座完整的 [SITE TYPE],包含 [KEY ASSETS — e.g. open pit, haul trucks, crusher, conveyors, stockpile, rail load-out]。一切都在动:[WHAT FLOWS — e.g. ore on belts, trucks cycling, trains loading]。
界面:
- 顶栏:[BRAND] logo、场地名称、实时时钟
- 左上:警报面板(实时摄像头画面、检测框、倒计时、2–3 个响应按钮)
- 右上:我点击的任何对象的状态
- 左下:实时流程条,显示每个阶段及其吞吐量
- 任何面板都不得与另一个重叠
游戏循环:每隔几秒,系统会检测到一次危险([HAZARD TYPES])。在计时结束前选出正确的响应。判断正确 = 节省成本,判断错误或太慢 = 停机。一个班次以分数结束。
然后为它制作一段 30 秒的演示视频(16:9 和 9:16),包含脚本化的镜头巡游、大号短字幕、一个点击穿梭于各类警报的光标、背景音乐,以及第一秒里的钩子。结尾落在:[TAGLINE]。