Morning Diner

All projects

Toys & Experiments

Photoreal first-person walk through a procedural 3D diner with zero external assets.

byPrasenjit

Open source

Morning Diner media is blocked

Allow external media to connect to the provider and play this content.

Description

An interactive first-person simulation of a diner at golden hour, built entirely with procedural Three.js. The engine synthesizes all textures in Web Workers and employs advanced rendering techniques like PCSS sun shadows and a custom HDR post-processing chain.

Descriptions, tags, and model credits may be AI-generated or inferred from public sources and can be incomplete or wrong. Learn more.

Details

Why this is interesting: Stunning photorealistic 3D environment built entirely with code and no assets, demonstrating extreme one-shot…
Attributed to: Prasenjit@StarKnightt
Built with: Fable 5.1
Links: View tweet
Tags: #threejs #procedural #3d #interactive

Discovered: X
First posted: X · Sep 4, 2026
Listed: Added 12d ago
Build: Strong
Models: Strong

Prompt

Morning Diner — Three.js First-Person Walk

I want you to build a first-person walking experience inside a small American roadside diner at 8 AM on a hot summer morning. This is an interior build. Sun pouring through venetian blinds casting hard stripe shadows across red vinyl booths. Dust floating in the light beams. A coffee pot sitting on the counter with steam curling off it. Through the front glass you can see a parking lot already cooking in the heat — shimmer rising off the asphalt.

This should look like a real photograph. Not stylized, not low-poly. Think opening shot of a Terrence Malick film or a Gregory Crewdson photograph. A paused frame should be indistinguishable from a real photo of an empty diner in the American Southwest at 8 in the morning.

The player walks through the front door into the diner. Red vinyl booths along the window wall. A counter with round stools. Checkered floor. Ceiling fan turning slowly. A radio playing quietly somewhere. The AC unit humming. Outside: a mostly empty parking lot, one or two cars, flat horizon, brutal morning sun. The whole thing feels warm and still and quiet.

Do this in Three.js. Zero external assets. Every texture, every mesh, every sound must be generated procedurally in code. Nothing downloaded. Nothing imported. Everything from math.

Interactions

Exactly 3 interactions. No more. No less. No extra interactions sneak in during development.

Source

All projects

Toys & Experiments

Morning Diner

Photoreal first-person walk through a procedural 3D diner with zero external assets.

byPrasenjit

Open source

Morning Diner media is blocked

Allow external media to connect to the provider and play this content.

Description

Descriptions, tags, and model credits may be AI-generated or inferred from public sources and can be incomplete or wrong. Learn more.

Details

Why this is interesting: Stunning photorealistic 3D environment built entirely with code and no assets, demonstrating extreme one-shot…
Attributed to: Prasenjit@StarKnightt
Built with: Fable 5.1
Links: View tweet
Tags: #threejs #procedural #3d #interactive

Discovered: X
First posted: X · Sep 4, 2026
Listed: Added 12d ago
Build: Strong
Models: Strong

Prompt

Morning Diner — Three.js First-Person Walk

I want you to build a first-person walking experience inside a small American roadside diner at 8 AM on a hot summer morning. This is an interior build. Sun pouring through venetian blinds casting hard stripe shadows across red vinyl booths. Dust floating in the light beams. A coffee pot sitting on the counter with steam curling off it. Through the front glass you can see a parking lot already cooking in the heat — shimmer rising off the asphalt.

This should look like a real photograph. Not stylized, not low-poly. Think opening shot of a Terrence Malick film or a Gregory Crewdson photograph. A paused frame should be indistinguishable from a real photo of an empty diner in the American Southwest at 8 in the morning.

The player walks through the front door into the diner. Red vinyl booths along the window wall. A counter with round stools. Checkered floor. Ceiling fan turning slowly. A radio playing quietly somewhere. The AC unit humming. Outside: a mostly empty parking lot, one or two cars, flat horizon, brutal morning sun. The whole thing feels warm and still and quiet.

Do this in Three.js. Zero external assets. Every texture, every mesh, every sound must be generated procedurally in code. Nothing downloaded. Nothing imported. Everything from math.

Interactions

Exactly 3 interactions. No more. No less. No extra interactions sneak in during development.

Source

Morning Diner

Description

Timeline

Morning Diner

Description

Timeline