← Work

Realtime · Graphics2024

Realtime Interior Renderer

A browser-based configurator letting architects walk clients through photoreal interiors, live — no plugins, no downloads.

Role
Lead Engineer
Timeline
6 months
Stack
Three.js · WebGL · Shaders
Links
Live ↗

01Problem

Selling a space that doesn't exist yet

Architects needed to present unbuilt interiors to clients without waiting days for offline renders — and without asking clients to install anything. Existing tools were slow, desktop-bound, or looked flat.

02Role

Lead engineer & graphics

I owned the rendering pipeline end to end: the WebGL scene graph, the material and lighting system, and the real-time configuration layer clients interact with.

03Approach

Real-time, physically-grounded, in the browser

Custom shaders for physically-based materials, a baked-plus-dynamic lighting hybrid to hit 60fps on mid-range hardware, and a state model that lets clients swap materials, layouts and lighting instantly.

Heavy assets stream progressively so the first frame paints fast, with quality resolving in as the scene settles.

04Outcome

From days to seconds

Client walkthroughs went from pre-rendered videos to live, interactive sessions — shortening the sales conversation and letting architects close in the room.

60fps
on mid-range laptops
<2s
to first meaningful paint
0
plugins or installs