Space Tomato — Game-Menu Homepage

WebsitesPassMade by LUDGI

Space Tomato — Game-Menu Homepage

A homepage that plays like a console game menu: every menu is a room, and a film carries you there.

  • website
  • homepage
  • game menu
  • console UI
  • cinematic

Loading project materials…

A cinematic homepage built like a console game's main menu. Every menu item is a place on a flagship that hangs over a giant living red tomato, and choosing one plays a film that travels there — twelve moves for four places, in both directions — while the interface folds away behind cinema bars and rebuilds itself on arrival. New Game is a mission briefing, Continue loads save slots, Comms sends a message, Settings really changes sound, transitions, video quality and language, Credits roll and Quit asks you to leave the fleet. Keyboard and gamepad, synthesised sound, nine languages with English as the main version. The kit holds the React + Vite source, a built copy, English and Korean blueprints with a ready-to-paste prompt, and every prompt that made the stills, moves and loops.

Stack
React 19 · Vite 8 · Tailwind 4 · motion · Web Audio
Motion
12 room-to-room films · frame-accurate cuts · decoding HUD
Kit
Source · build · EN/KO blueprint · 9 languages · media workflow
About

How it was madeMade by LUDGI

Made
Made by LUDGI
Length
79s
Frame
16:9

Assets

  • The four places: fleet, briefing room, archive, bridge (rooms by GPT Image)Made by AI
  • Move: fleet → briefing room · Kling 3.0, start and end frameMade by AI
  • Room to room: briefing room → bridge · Kling 3.0Made by AI
  • Seamless loop of the archive vault (start = end frame)Made by AI

Usage and sources

LUDGI's terms govern use of these materials. The world, the opening fly-in, the move to the bridge and the bridge loop come from LUDGI's own SpaceTomato Cinema; the room stills were made with GPT Image (ChatGPT) and the other moves and loops with Kling 3.0 through the Higgsfield API; their outputs follow those services' terms. Sound is synthesised in the browser. Fonts: SIL OFL 1.1. The LUDGI name and mark are LUDGI's; replace them on your own site.

More to explore

7 projects