Build a 3D browser sailing game with Claude and Three.js
siyamex built a 3D game where you sail a Dhoani boat through an entire sea, made with Claude Opus 5.5 and Three.js. It runs in the browser.
Source
@siyamex on X · 2026-10-24
Written in our own words. Credit to the original author. Link checked 2026-10-24.
What they did
siyamex built a 3D game where you sail a Dhoani boat through an entire sea, made with Claude Opus 5.5 and Three.js. It runs in the browser.
Result (as claimed)
A playable 3D sailing game with no install.
Tools they used
Cost: Pricing depends on the tools you pick; check each official pricing page.
Set it up
Write a one-page brief
Describe the app in plain words: who it is for, the 3 core screens or actions, and what "done" looks like.
Start the project with your agent
Open Claude and paste the brief. Ask it to propose a stack and a file plan before writing code.
Build one slice at a time
Ship the smallest working flow first, run it, then add features one by one. Commit after each working step.
Test it like a user
Click through on desktop and phone. Ask the agent to add basic tests and fix anything that breaks.
Check security and ship
Keep keys in environment variables, check auth and database rules, then deploy and share the link.
Copy the full setup prompt
Paste into your agent and it will walk you through the setup, asking before anything that sends, posts or spends.
You are helping me set up this AI use case end to end in Claude Code. Goal: Build a 3D browser sailing game with Claude and Three.js What the original author did: siyamex built a 3D game where you sail a Dhoani boat through an entire sea, made with Claude Opus 5.5 and Three.js. It runs in the browser. Reported result (as claimed by the author): A playable 3D sailing game with no install. Source: https://x.com/siyamex/status/2114063062441562514 Tools they used: Claude, Three.js Category: Vibe coding & apps Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
You are helping me set up this AI use case end to end in Codex. Goal: Build a 3D browser sailing game with Claude and Three.js What the original author did: siyamex built a 3D game where you sail a Dhoani boat through an entire sea, made with Claude Opus 5.5 and Three.js. It runs in the browser. Reported result (as claimed by the author): A playable 3D sailing game with no install. Source: https://x.com/siyamex/status/2114063062441562514 Tools they used: Claude, Three.js Category: Vibe coding & apps Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
You are helping me set up this AI use case end to end in Grok Bot. Goal: Build a 3D browser sailing game with Claude and Three.js What the original author did: siyamex built a 3D game where you sail a Dhoani boat through an entire sea, made with Claude Opus 5.5 and Three.js. It runs in the browser. Reported result (as claimed by the author): A playable 3D sailing game with no install. Source: https://x.com/siyamex/status/2114063062441562514 Tools they used: Claude, Three.js Category: Vibe coding & apps Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
The Daily 5
Get five new use cases tomorrow morning
Free. Real sources. Unsubscribe any time.
Guides for this use case
How to make a Godot, Unity or 3D game with AI agents · How to make a browser arcade game with AI · How to make 3D scenes and models with AI and Blender · How to vibe code a game with AI
Related use cases
Port a classic game codebase to run in the browser with Claude
Asked to explain the Pokemon Emerald codebase earlier this year, Claude refused; now asked to port that codebase to web browsers, it just did it.
Have Claude write a temporal upscaler for your game engine
arcwrightengine had Claude Opus 5.5 build its own temporal upscaler; shelf edges that used to staircase now draw clean, sharpness on a shelf pan went from 0.54 to 0.80 and the scene holds 60 fps.
Turn your kid's game idea into a playable game in an hour
He challenged his 7-year-old to invent a game, put all her notes and ideas into Claude and Claude Code, and they built it together.
Give three models the same game prompt and compare what they build
leohuanfang gave Opus 5.5, Gemini 4 Argon and DeepSeek V4.1 the same top-down driving game prompt; one made a courier run, one a Crazy Taxi-style clone and one a 25-second combo dash.