Skip to content

Lumen: Unreal's real-time lighting, rebuilt for the browser

year ..........
2026
categories ....
[Web 3D] [Archviz]
role ..........
Technical Artist · Engine Developer, end to end
stack .........
[WebGPU] [Three.js] [real-time GI] [baked lightmaps]
markdown ......
/built/lumen.md
human .........
/built/lumen

── PROJECT ────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────

Unreal's Lumen lighting, reverse-engineered for the browser.

I set out to reverse-engineer Unreal Engine's Lumen, its real-time global illumination, and rebuild it for the browser in WebGPU. Three apartments run on it today. Pick one and walk through it.

Unreal's Lumen lights a scene in real time, bounce light included. I wanted the same in a browser tab, with no install.

Real-time global illumination with time of day, or baked lightmaps, in one client.

Each scene has named views, 8 lighting presets from morning to night, paint dots that change wall and furniture finishes, and walk or fly controls. Render tiers run from Lite to Insane so it adapts to the device.

3–5 ms of GPU time per frame at the top quality tier.

── RELATED_PROJECTS ────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────

View as
HumanMachine