US Highway Gas Station — Three.js Exploration Game
I want you to build a first-person exploration game set at a small US highway gas station at dawn. It should look like a real place — not stylized, not low-poly. Think a photo you'd take from a road trip at 6am: warm golden light, long shadows, wet asphalt from last night's rain, total silence except for a distant highway and a fridge humming inside.
The place
One-story gas station with a small store attached. 2–3 fuel pumps on a concrete island. A small parking lot with one parked car (not yours). A two-lane highway behind you. Some pines and dry scrub around the edges. Open sky, early morning sun low on the horizon. This is not a jungle. Not a desert canyon. Not a foggy forest. It's flat, open, quiet americana.
Light
Early morning golden hour. Sun is low, casting long shadows across the lot. Warm light hitting the pumps, the store windows, the wet asphalt. Puddles on the ground from last night's rain — leftover water, not active rain — so you can cook reflections in the puddles without needing rain particles. Inside the store: cooler fluorescent light. When the door opens, warm sun spills in against the cold interior light. That contrast matters.
Interactions (ONLY these three)
Pump — walk up, click, it clicks on, numbers start ticking on the display
Door — open/close with a bell sound, sunlight pours into the store interior
Fridge — open the glass door inside the store, grab a bottle, close it
If there's time after these three work: sit on the curb outside. Nothing else. No NPC, no payment system, no inventory menu, no quest text, no map, no shop simulation, no cars you can drive, no loading screens.
The feel
Empty. You are the only person here at 6am. One car parked in the lot, not yours. Quiet except: pump mechanical sounds, fridge hum, highway ambient far away, maybe a bird. That's it.
Camera and video
First person, walking sim speed. The money shot for the post is a 15–20 second video: walk from the road toward the station, sunlight on the lot, open the door, fridge, walk back out to the pumps. No UI overlay. No github link in the shot.
How to build this
Do this in Three.js. Zero external assets. Every texture, every mesh, every sound must be generated procedurally in code.
Work on ONE system at a time in this exact order. Do NOT fan out multiple sub-agents in parallel — my machine can't handle it. Build each system sequentially:
Terrain, road, and parking lot geometry (asphalt, concrete island, curbs, highway)
Station building and store interior (walls, roof, windows, shelving, counter, fridge unit)
Fuel pumps and parked car
Lighting and atmosphere (golden hour sun, long shadows, fluorescent interior, sun-vs-fluorescent contrast through the door)
Wet surfaces and puddles (reflections on asphalt, wet concrete, puddle geometry)
Vegetation and environment (pines, dry scrub, open sky, distant landscape)
Interactions (pump click + number tick, door open/close + bell, fridge open/grab/close)
Sound design (procedural ambient: distant highway, fridge hum, pump mechanics, door bell, bird)
Post-processing and polish (color grading for golden hour warmth, subtle depth of field)
For each system: build it, then spawn ONE separate sub-agent as a harsh visual critic. The critic should compare the result against real gas station photography at dawn and rate whether it looks photorealistic. If it doesn't, keep iterating on that system before moving to the next one.
The critic must never be the same agent that built the thing. It should only see the rendered output, not the code.
/loop on each system until the critic says it genuinely looks like a real gas station at sunrise, not a game. Then move to the next system.
Do NOT add
Rain or fog effects (puddles are leftover, not active weather)
Dense vegetation or forest
Night/neon lighting
More than 3 interactables
Combat or enemies
Driving mechanics
Loading screens
Blender or downloaded assets
A map, shop sim, or inventory
Any UI elements
Three.js skills files (add these to your project)
https://github.com/cloudai-x/threejs-skills
https://github.com/majidmanzarpour/threejs-game-skills
https://github.com/dgreenheck/webgpu-claude-skill
/find-skills AAA games and use from and more three js skills from https://skills.sh
and read the global cursor rule about my system
Use these as reference for better procedural geometry, lighting, and material techniques.
Important
Use pnpm as the package manager. Not npm, not yarn.
Turn on Cursor's /loop manually. Let it run. Don't interrupt the loop until a system is done.
Don't stop until standing in this parking lot at dawn feels like being somewhere real. Prompt by StarKnightt on GitHub. github.com/StarKnightt/gas-station-highway/blob/HEAD/PROMPT.md . Copies include this credit.