A few people asked how this actually works, so here’s a simple breakdown.

It looks like a 3D UI, but under the hood it’s very dumb.

Core idea

It’s just layered images.

  1. Base layer

    A full apartment image with all lights OFF

    whole off.png

  2. Room layers

    Each room is a separate image with lights ON

    bathroom on layered.png

  3. Logic

    When a light is ON → corresponding room image is shown on top

    bathroom overlayed.png

So visually: base + overlays

No 3D, no rendering, no canvas.

What I used

– Home Assistant (picture-elements card)

– Images (generated + slightly adjusted)

– That’s it

How I built it

1. Take photos

Take photos of each room on your phone.