Three.js scene starter: a clean skeleton in one prompt
From the OpenDrama Create Wiki
This prompt gets an AI coding model to write the dull, load-bearing part of a Three.js game first: renderer, light, camera rig, loader, resize handling and a perf HUD, split into small files that use current APIs. Every later prompt then edits a clean structure instead of one ever-growing main.js. All your project details go in one block at the top, so reusing it for the next game takes two minutes.
What it's for
Use it at the start of any browser game or 3D scene, before the first gameplay prompt. Ask a model for "a Three.js scene" without a spec and you usually get the same set of defects:
- Old colour and light code.
outputEncoding,sRGBEncoding, or intensities tuned for the pre-r155 legacy units, so the image is dim or washed out from day one. - An uncapped pixel ratio. A DPR 3 phone renders 2.25× the pixels of DPR 2, which is often the difference between 60 and 30 fps.
- Resize on
windowonly. The canvas blurs or stretches inside an iframe, a split layout, or after the phone rotates. - A black screen while a 20 MB GLB downloads. No progress, and no error when a Draco decoder path returns 404.
- A raw requestAnimationFrame loop with an unclamped delta. Switch tabs and the player teleports.
- No numbers. You can't see draw calls or frame time, so you can't tell why it's slow.
The prompt removes each of these by spec and ends with checks you can verify in two minutes. It sets the look to a sane baseline (tone mapping, one shadowed key light, fog); the full treatment is in the cinematic look skill. Once the skeleton runs, describe the game itself with the game design brief.
Not for: react-three-fiber projects (a different structure), other engines, or a single-file toy (see the compact variant under Tuning).
Members read on
The rest of this page is for members
- 5 more steps
- 3 copy-ready prompts
- 1 reference tables
- 6 more sections
Create a free account, top up once — from $0.99 — and the whole wiki is yours.
- Every breakdown, Skill and Prompt
- New pages every day
- Prompts copy in one tap
See also
Breakdowns that use this
More in AI games
View all →An anti-gravity racer in two days: three cups, online lobbies, cars made by players' AI
Stefan rebuilt his childhood favourite, F-Zero X, as the browser racer ZERO-G with AI in two days, and it was played 1,000+ times. Here's the asset pipeline and the design that makes people finish a race.
Day 20 of an AI-built strategy game: a stone golem that wakes up, and a tavern
Stefan is building the strategy game he has wanted for 15 years with AI. Day 20 adds a golem that hides as a pile of rocks and a tavern where you hire fighters. We follow the golem from reference images into Unity.
Desk photos to a playable kart racer: Gemini 4 Argon, Blender MCP and Three.js
genevieve__h from Google AI Studio turned photos of her home-office desk into a kart racing game with Gemini 4 Argon, Blender MCP and Three.js. We rebuild the method frame by frame.
One person, 16 days, Opus 5.5: The Little Prince as an explorable 3D game
Sac built a planet-by-planet 3D Little Prince with Opus 5.5, Tripo and Blender, playable in the browser. Here's the asset pipeline and how the scenes are organised.
After going viral: how Sky Reach added a Ring world and multiplayer rooms
Tesana says a user's space game, made with a few prompts, went from 2.5M to over 3M views in just over a week. Here's how it added a Ring world and multiplayer without breaking what already worked.
Lyrio: a 3D exploration game built on movement, made with Opus 5.5 and Three.js
A fox-eared scout runs, launches off Wind Springs and glides between floating islands. We break down how the movement set becomes the whole game, and how the collectibles feed it.
