Realtime · Graphics — 2025
Evincadde — WebGL Real-Estate Viewer
Walk through a property from anywhere — realistic light, live data, straight from the browser.
- Role
- Fullstack Web Engineer
- Timeline
- Jan — Jun 2025 · 6 months
- Stack
- Three.js · WebGL · ArcGIS · Custom Shaders · TypeScript
01 — Problem
Selling a home you can't visit
Buyers judge properties from flat photos, and every real visit costs time for everyone involved. Evincadde wanted what architecture firms pay render farms for — a walkthrough with believable light — but live, in the browser, for every listing.
02 — Role
Graphics-first fullstack engineer
I built the WebGL viewer end-to-end on Three.js + ArcGIS: the rendering pipeline, the shaders, and the data layer feeding it.
03 — Approach
From model to light
Large-scale architectural models need custom treatment to stay interactive: I wrote dedicated shader pipelines optimized for them, with realistic lighting and shadow work that makes a space feel inhabitable rather than rendered.
The scene isn't just geometry — live property metrics (price per square meter, neighborhood statistics) stream into the viewer in real time, fusing the data a buyer needs with the space they're standing in.
A civil-engineering background helps here: buildings, light, and structure are things I've studied formally, not just rendered.
04 — Outcome
Walk in from anywhere
Interactive 3D property tours with realistic lighting, running in the browser with no installs — with live market data in the same view. My closest-to-heart kind of work: real-time graphics serving a concrete business need.
- 3D tours
- in the browser, no installs
- Custom
- shader pipelines for large models
- Live
- property metrics fused in-scene