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.

Prompt optimization tips

1

Specify editability

State which objects must remain separate, named and editable; otherwise a visually convincing shell may still be unusable.

2

Close the test loop

Ask the model to run the scene, inspect visible failures and repeat until concrete frame-rate, interaction and layout checks pass.

3

Stage long builds

For large worlds, split the work into districts, assemblies or milestones and approve each section before expanding scope.

Imagine It. Shape It.