Back/Engineering/Claude/Claude Code
AdvancedEngineeringClaudeClaude Code

How to Speedrun a 3D Multiplayer Game Prototype in 15 Minutes with Claude Code CLI

Go from an empty folder to a playable 3D multiplayer prototype in about 15 minutes. This advanced workflow leverages the Claude command-line interface and parallel development to rapidly build and debug both the frontend and backend of a flight simulator game.

From How I AI

How I AI: Speedrun a 3D Multiplayer Game in 15 Minutes with Cody De Arkland

with Claire Vo

How to Speedrun a 3D Multiplayer Game Prototype in 15 Minutes with Claude Code CLI

Tools Used

Claude

Anthropic AI assistant

Claude Code

Claude for coding tasks

Step-by-Step Guide

1

Project Setup and AI Initialization

In your terminal, create a new React project using Vite. Then, navigate into the project directory and initialize the Claude CLI using the --yolo flag, which gives the AI permission to make changes without confirmation.

Prompt:
npm create vite@latest your-game-name -- --template react
cd your-game-name
claude init --yolo
2

Provide the Initial Creative Prompt

Give Claude a broad, creative prompt describing the game's core concept, art style, and control scheme. Avoid overly detailed specifications to allow the AI creative freedom to scaffold the entire application, install dependencies, and generate the initial code.

Prompt:
I want to build a flight simulator game that uses three js. Let's use polygon style art for the planes. WSD for movement. I want turning to bank the plane and arrow keys to control pitch. Let's have it take from a green field with trees and other objects around.
3

Run and Debug the First Version

After the AI finishes its first pass, run the application. Identify any obvious bugs, such as camera placement or inverted controls. Describe these problems to the AI in plain English to have it iterate and fix the code.

Prompt:
It looks like my camera is facing the front of the model... we should be looking should be fixed to the tail of the plane. All of my flight controls are reversed. Now we should fix that. I also want the camera to be slightly above and behind the model.
4

Build the Multiplayer Backend in Parallel

While the first AI instance is fixing the frontend, open a *second* terminal window in the project's root. Create a server directory and task a new instance of the Claude CLI to build the multiplayer backend using Node.js, Express, and Socket.io.

Pro Tip: This parallel workflow is a massive time-saver. You can work on completely separate parts of the application (e.g., frontend rendering and backend logic) at the same time.
5

Prompt the Backend AI

In the second terminal, give the AI a clear prompt for the backend server's functionality. This will trigger the AI to set up a server, integrate WebSockets, and handle the logic for players joining and moving.

Prompt:
I want to start implementing multiplayer for this game in the server directory. Handle player joins and give me a chat interface on the top right that shows when people join the game.
6

Launch and Test the Multiplayer Prototype

Once both AI instances have completed their tasks, launch the server and the frontend application. Open multiple browser tabs to connect to the game and verify that you can see other players' planes in the shared world, demonstrating a working multiplayer prototype.

Become a 10x PM.
For just $5 / month.

We've made ChatPRD affordable so everyone from engineers to founders to Chief Product Officers can benefit from an AI PM.