Space Tomato — 게임 메뉴형 홈페이지
홈페이지패스LUDGI 제작
Space Tomato — 게임 메뉴형 홈페이지
콘솔 게임 메뉴처럼 즐기는 홈페이지. 메뉴가 곧 방이고, 영상이 그곳으로 데려갑니다.
자료를 불러오는 중…
콘솔 게임 메인 메뉴처럼 만든 시네마틱 홈페이지입니다. 메뉴 하나하나가 살아 있는 거대한 빨간 토마토 위 기함 안의 장소이고, 고르면 그곳으로 가는 영상이 재생됩니다. 장소 네 곳 사이 열두 방향의 이동이 모두 전용 영상이고, 그동안 인터페이스는 시네마 바 뒤로 접혔다가 도착하면 다시 조립됩니다. 새로운 시작은 작전 브리핑, 불러오기는 세이브 슬롯, 문의하기는 전문 송신, 설정은 실제로 소리·전환·화질·언어를 바꾸고, 크레딧이 올라가고, 종료는 함대를 떠날지 묻습니다. 키보드·게임패드, 합성 사운드, 영어가 주 버전인 9개 언어. 키트에는 React + Vite 소스, 빌드본, 바로 붙여 넣는 프롬프트가 든 영어·한국어 블루프린트, 정지 화면·이동·루프를 만든 모든 프롬프트가 들어 있습니다.
- 스택
- React 19 · Vite 8 · Tailwind 4 · motion · Web Audio
- 모션
- 방과 방을 잇는 영상 12개 · 프레임 단위 컷 · 디코딩 HUD
- 구성
- 소스 · 빌드본 · EN/KO 블루프린트 · 9개 언어 · 미디어 워크플로
자세히
만든 방법LUDGI 제작
- 제작
- LUDGI 제작
- 길이
- 79초
- 화면
- 16:9
이용 범위와 출처
럿지 이용약관의 자료 이용 규정이 적용됩니다. 세계관, 오프닝 비행, 함교로 가는 이동과 함교 루프는 럿지의 SpaceTomato Cinema에서 왔고, 방 정지 화면은 GPT Image(ChatGPT)로, 나머지 이동과 루프는 Higgsfield API의 Kling 3.0으로 만들었으며 각 서비스 약관을 따릅니다. 사운드는 브라우저에서 합성합니다. 글꼴: SIL OFL 1.1. LUDGI 이름·마크는 럿지의 것이므로 내 사이트에서는 바꿔 쓰세요.
- LUDGI
LUDGI original website, code, copy and workflow, and the SpaceTomato Cinema world and first films; third-party parts keep their own terms. - OpenAI · GPT Image
Room stills generated by LUDGI through ChatGPT; use follows the OpenAI terms. - Higgsfield · Kling 3.0
Moves and loops generated by LUDGI on its Higgsfield account; use follows Higgsfield's terms. - Saira Condensed, Inter, JetBrains Mono, Noto Sans (Google Fonts)
SIL Open Font License 1.1 - React, Tailwind CSS, motion
MIT
함께 볼 자료
자료 7개