Build a Superyacht Docking Game with Claude Code & Opus 5.5 | three.js, JavaScript | No Game Engine

Vibe Game Lab

Vibe Game Lab

99 views

🛥️ Claude Opus 5.5 built this superyacht docking game inside Claude Code: a 46 m yacht with twin engines, bow and stern thrusters, gusting crosswinds, and a Mediterranean harbour town generated entirely from code. Reverse into a gap barely wider than the boat. Every bump costs a star. It runs in your browser with three.js. No game engine, no 3D models, zero lines of code written by hand.

🚀 PROJECT & DEMO
✨ Play the game (live demo): https://vibe-harbor-master.pages.dev
💻 Source code (free, MIT): https://github.com/hirosichen/ai-harbor-ma...
🤖 Watch the AI dock the yacht itself: https://vibe-harbor-master.pages.dev/?auto...
🧩 The Claude Code skill used (free): https://github.com/hirosichen/ai-harbor-ma...
✈️ Also built this way: an island air-race game Build a 3D Flight Racing Game with Claude ... and an F1 racing game Build an F1 Racing Game with Claude Code &...

🛠️ TOOLS USED
• Claude Code + Claude Opus 5.5 (type /model to switch)
• A Claude Code skill with the game workflow (research → build → test hooks → verify → fix → ship)
• three.js r186 from a CDN (no npm install, no build step)

💬 THE PROMPT (translated)
"Make me a new game. I want a yacht. Research it on the web first."

📚 WHAT YOU'LL LEARN
• How real YouTube and Reddit numbers picked the game
• How a harbour town, lighthouses and breakwaters come from one height function
• How a superyacht hull is lofted from cross-sections
• Twin-engine and thruster physics: why a yacht slides but doesn't steer sideways
• How Claude wrote an autopilot to dock every berth, and the bugs it caught from the logs

🎮 CONTROLS
↑ / ↓ throttle · ← / → twist (engines split) · Z / X thrusters · Space neutral · C camera · R restart

📢 STAY CONNECTED
💬 Join the Discord (share what you build, get help): https://discord.gg/jtxAeRSmRh
☕ Support the channel: https://buymeacoffee.com/vibegamelab
𝕏 X / Twitter: https://x.com/vibegamelabs
📸 Instagram: https://www.instagram.com/vibegamelabs
🔔 Subscribe for more "AI builds a game" tutorials: @vibegamelabs
💼 Business inquiries: onlymakeai@gmail.com

📌 Like, share and tell me in the comments which game Claude should build next!

------------- CHAPTERS ---------------
0:00 Intro: a superyacht docking game from one sentence
0:26 Step 1: let real videos pick the game
0:47 Step 2: the one-line prompt + a skill
1:06 A harbour town from one height function
1:28 A superyacht lofted from cross-sections
1:47 Twin engines, thrusters and wind
2:09 An autopilot that docks like a captain
2:24 Step 3: Claude drives its own yacht
2:49 Step 4: bugs Claude caught from the logs
3:15 The finished game
3:30 3 tips to build your own

Narration: Microsoft Edge neural voice · Edited with Remotion

#ClaudeCode #ClaudeOpus #threejs #gamedev #vibecoding #AIgamedev #yacht