Перейти к содержимому

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

Vibe Game Lab

0:00 / 0:00

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

103 просмотра · 8 дней назад
Vibe Game Lab
1 подписчик
103 просмотра · 8 дней назад
🛥️ 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