Realtime · Graphics — 2024
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 ↗
01 — Problem
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.
02 — Role
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.
03 — Approach
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.
04 — Outcome
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