Caribbean Odyssey — 7-day cruise from embarkation to debarkation across pool, casino, theater, and 2 ports
A 3D mega-world: 9 sub-locations on a cruise ship (pool deck, water slide, casino, Galaxy Theater, main dining, buffet, spa, promenade, port), 100+ named characters, 7-day arc with sailaway confetti, formal night, St. Thomas + Roatán port days, rough sea pitch.
Built with:
three.js r0.160 (single file)Custom ocean shader displacement + ship driftCatmullRomCurve3 water slide + animated slot reels
Prompt
Build a single-file HTML page that recreates "a 7-day Caribbean cruise" as a continuous 3D autoplay mega-world I could put on Twitch and have viewers stay for hours.
Hard constraints:
- One HTML file, < 200KB.
- three.js r0.160.0 from unpkg, IIFE, strict mode, full disposable cleanup, reseed every ~10 min with a "DEBARKATION COMPLETE — VOYAGE N BEGINS" flash and a new ship name + captain + cast.
- First body line: <!-- ROUND15_MEGA v1 -->
- 9 spatial sub-locations on one ship: Pool Deck (with shimmer), Water Slide (on a CatmullRomCurve3 track with a rider), Casino (slot reels spinning + roulette wheel), Galaxy Theater (stage + spotlights sweeping + audience), Main Dining (hero shot), Buffet, Spa, Promenade, Port (gangway + kayaks + cargo cranes).
- Mini-map / deck plan + sea chart canvases in HUD.
- 100+ named characters: 8 cast minimum (captain, cruise director, casino manager, chef, spa director, lead performer, bartender, maître d') + 8 featured guest groups (the Andersons, the Bachelorette Six, the Patels, etc) + 60-name passenger manifest sidebar.
- 7-day arc within ~600s cycle: Embarkation → Sea Day → St. Thomas → Sea Day → Roatán → Rough Sea → Debarkation. Day-specific phases: sailaway confetti on D1, formal night crowd swap on D2, port group toggles + kayaks on D3 and D5, theater spotlights on D2 and D4, ship pitch on D6 rough seas, luggage on D7.
- Custom ocean shader with displacement. Smokestacks with rotating logo and drifting plumes.
- 17 director cameras cycling every 6-9s with bias rules: Pool Aerial, Slide POV, Casino Floor/Slots, Theater Stage/Audience, Dining Hero, Bridge, Ocean Wake, Gangway, Sailaway, Buffet, Spa, Lido Aerial, Promenade, Captain's Reception, Port Docking.
- HUD: LIVE pulsing logo, day/phase label, camera label, sea state pill, lower-third "WHO IS" cycler, today's schedule, deck plan + sea chart, scrolling chyron, daily activity tracker pills, flash banners, featured guests panel.
Tone: warm, vacation-cozy. The kind of stream people put on while they daydream about a vacation.
Paste this into Claude, Cursor, or Copilot. Change one thing that matters to you.
What I learned shipping it
- How to build a credible 9-deck cruise ship from primitives + ocean shader displacement, with all 9 sub-locations recognizable from any angle
- How to compress a 7-day cruise into ~10 minutes by using day-specific phases (sailaway, formal night, port days, rough sea) that swap crowds, lighting, and camera bias
- How to use a CatmullRomCurve3 to give the water slide a real rider you can ride with a POV camera while the ship drifts beneath you