Studio Savo
Sign in
← Software Interactive web Shipped Web · WebGL

3D House Explorer

An interactive 3D model of a house that visitors can turn, cut away floor by floor, and click into.

See it live Case study Start a project like this
(01) Overview

Built for Patina & Arch, a Chicago design and redevelopment firm, and drawn from the architect's permit plans, so the proportions are right. Each room opens its renderings. A reusable version for other buildings is planned.

Type
Interactive web
Platforms
Web, WebGL
Status
Shipped
Built with
WebGL, JavaScript, SVG, Python
(02) Features
  1. 01

    Turn it, cut it, open it

    Visitors rotate the house, cut it away floor by floor, and click into any room to see its renderings.

  2. 02

    Built from real plans

    A Python builder turns the architect's permit drawings into rooms, doors, stairs and roof faces.

  3. 03

    Real 3D in the browser

    WebGL with a depth buffer, stencil wall cuts, planar shadows and see-through floors.

  4. 04

    60 fps on phones

    Holds 60 frames per second on phones and desktops in Chromium, Safari and Firefox.

  5. 05

    Touch that feels right

    A sideways drag turns the model, while a vertical swipe still scrolls the page.

  6. 06

    Never a blank box

    An invisible SVG layer handles hover, taps and labels, and takes over if WebGL is unavailable.

(03) How it works
  1. 01
    Permit drawings
    The architect's PDF set
  2. 02
    Python builder
    Rooms, doors, stairs, roof faces
  3. 03
    WebGL renderer
    Depth, wall cuts, shadows
  4. 04
    SVG layer
    Hover, taps, labels, fallback
Next project Agent Portal One portal for running AI coding agents on your own server, from any browser.
Custom builds

Want one like it?

[email protected]
Projects and questions[email protected]
Help with an app[email protected]
Buying a license[email protected]