Start with the right workspace
Open your preferred coding assistant or 3D tool. Use the model shown on the example as a starting point, and check any linked project for setup instructions.
GPT-6 AstraReference brief
Playable 3D browser shore-district slice
A six-step prompt sequence posted by Lummox for a playable 3D browser slice. It fixes a Vite, vanilla TypeScript, Three.js, cannon-es, and Web Audio stack; builds a sunset shore district; stages three people entering a car; and specifies clip pacing and audio.
About this example
A starting brief based on the creator's public project, not a verbatim original prompt. Your result will vary.
Creator notes
Use the six prompts sequentially. First lock the specification and establish the fixed browser stack. Then create the shore district and its lighting/camera frame, stage the short three-character car sequence, constrain performance through the clip and pedestrian guidance, and finish with the requested voice, music, and car audio direction.
playable 3D browser gameThree.jscannon-esVitevanilla TypeScriptshore districtsunsetwet asphalt
The prompt
> lock the spec (TZ-gta-slice.md)
prompt: "Build a playable 3D browser slice. Do not change this spec once it is locked. District and clip first. Controls after."
> the stack (Vite, vanilla TypeScript, Three.js, cannon-es, Web Audio)
prompt: "Stack is fixed. Vite. vanilla TypeScript. Three.js. cannon-es. Web Audio. One browser URL."
> the frame (sunset over the water, wet asphalt, palms)
prompt: "One shore district. Sunset over the water. Wet asphalt. Palms. Hold the frame on light and camera, not poly count. No default gray light. No naked cubes."
> the three (one scene, one car, about 20 seconds)
prompt: "Keep the three in one scene. They talk. Then they sit in one car. About 20 seconds. Quality over extra switches."
> the cut (15 to 20 seconds, keep it smooth)
prompt: "If it lags, cut the clip to 15 to 20 seconds. Keep it smooth. If the frame drops, cut pedestrians, not the light."
> the sound (human voices, pad under the lines, car rumble)
prompt: "Voices must sound human, not robot. Quiet pad under the lines, never over them. When they sit, low car rumble, not a saw. No radio hiss."
How to use this prompt
Choose one thing to change
Swap the subject, art style or setting. Keep the camera and interaction clear. Build a small version first, then refine one detail at a time.
Give the scene its own assets
For a custom character or prop, create a 3D model from a short object description or reference image, then bring it into your project.
Previews belong to their respective creators. Check the original source and project license before reusing code or assets.
