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), 부드러운 라벤더색 바닥, 파란 지붕의
흰색 건물, 노란색 기계, 떠 있는 흰색 유리 패널. 깔끔하고 장난기 있으며 프리미엄한 느낌.
장면: [KEY ASSETS — e.g. open pit, haul trucks, crusher,
conveyors, stockpile, rail load-out]를 갖춘 완전한 [SITE TYPE]. 모든 것이 움직입니다: [WHAT FLOWS — e.g. ore on belts,
trucks cycling, trains loading].
UI:
- 상단 바: [BRAND] 로고, 사이트 이름, 실시간 시계
- 왼쪽 상단: 경보 패널(실시간 카메라 피드, 탐지 박스, 카운트다운, 2–3개의 대응 버튼)
- 오른쪽 상단: 내가 클릭하는 모든 것의 상태
- 왼쪽 하단: 각 단계와 처리량을 보여주는 실시간 흐름 스트립
- 어떤 패널도 다른 패널과 겹치지 않음
게임 루프: 몇 초마다 시스템이 위험([HAZARD TYPES])을 감지합니다.
타이머가 끝나기 전에 올바른 대응을 고르세요. 올바른 판단 = 절감된 비용,
잘못된 판단 또는 너무 느린 대응 = 다운타임. 교대 근무는 점수와 함께 끝납니다.
그다음 30초 데모 영상을 만드세요(16:9 및 9:16). 스크립트된 카메라 투어,
크고 짧은 캡션, 경보를 클릭해 나가는 커서, 배경 음악,
그리고 첫 1초의 훅이 있어야 합니다. 마지막은: [TAGLINE]로 끝냅니다.
