Real-time 3D interior
One café interior, rendered in real time, with a whole day of light moving across it as you scroll.
The hard part
One room, one continuous shot, and a sun that has to cross it convincingly for a full day — without a single baked frame to fall back on.
Measured
- Scene length
- 18,900px of scroll
- First paint
- 288ms
- Renderer
- WebGL2
Taken on the live build, 1440×900, cold cache. Reproduce them yourself.
A café interior, modelled once and lit continuously. Scrolling moves time, not the camera: the sun tracks across the floor, shadows lengthen, the light shifts from morning through afternoon to dusk, and the room empties.
The discipline of the piece is restraint. One room. One shot. No cuts. Everything that changes is light.
What made it hard
- Light that moves. Real-time shadows that stay soft and correct as the sun angle sweeps a full day, with nothing re-baked.
- Surfaces that answer it. Ceramic, timber, glass and steam each have to read correctly under light that never stops changing.
- A camera that stays still. With no cuts to hide behind, every frame has to hold on its own.
The same technique puts a real product in a real room at any hour, without a photo shoot.
More of the hard parts.
All work
The Halden: a photoreal launch site
A launch site for a fictional Brooklyn tower: scroll from the street to Residence 9C, then watch the sun set behind the glass.
VARNIKA: a skincare launch film
A 20-second launch film for VARNIKA, a skincare line we designed and built end to end in 3D: a rose serum, a night cream and one continuous shot.