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]。