I used SweetHome3D + Gimp to recreate my whole home!

Lots of measuring and downloading textures and models, but I finally have a digital ‘clone’ of my home!

The lights all react to changes in color and brightness, and are clickable. I made the buttons transparent so it looks cleaner.

Thermostat is in the center, if clicked it opens the thermostat options. The background glow of the temperature turns blue when cooling and red when heating (black when idle)

My 3D Printer can be turned on by clicking on it too, plus it shows the current progress if it is running.

I’d love to see other people’s floorplans for ideas, comment with a pic if you have one set up!

  • surewhynotlem@lemmy.worldEnglish
    51·
    19 hours ago

    I was just about to start on something like this! Is this the floorplan card? Any tips or links to help with the config?

        • 4lan@lemmy.worldOPEnglish
          2·
          18 hours ago

          idk what site to use these days lol. i thought i was using file.io but i guess they got acquired? too long to put in a comment reply, it cuts off :/

          this is the begining, shows the basics of how its set up One image for white, one image for red (used for colors)

          type: picture-elements
image:
  media_content_id: /local/home/bg5.png
  media_content_type: ""
  metadata:
    navigateIds:
      - {}
      - media_content_type: ""
        media_content_id: __MANUAL_ENTRY__
elements:
  - type: conditional
    conditions:
      - condition: state
        entity: light.livingroom_ceiling
        state: "on"
    elements:
      - type: image
        entity: light.livingroom_ceiling
        image: /local/home/livingroom.png
        style:
          left: 50%
          top: 50%
          width: 100%
          pointer-events: none
        card_mod:
          style: |
            :host {
              {% set mode = state_attr('light.livingroom_ceiling', 'color_mode') %}
              {% if mode not in ['rgb', 'hs', 'xy'] %}
                opacity: {{ 0.4 + (state_attr('light.livingroom_ceiling', 'brightness') | float(0) / 425) }};
              {% else %}
                opacity: 0;
              {% endif %}
            }
      - type: image
        entity: light.livingroom_ceiling
        image: /local/home/livingroom-red.png
        style:
          left: 50%
          top: 50%
          width: 100%
          pointer-events: none
        card_mod:
          style: |
            :host {
              {% set mode = state_attr('light.livingroom_ceiling', 'color_mode') %}
              {% set hs = state_attr('light.livingroom_ceiling', 'hs_color') %}
              {% if mode in ['rgb', 'hs', 'xy'] %}
                opacity: {{ 0.4 + (state_attr('light.livingroom_ceiling', 'brightness') | float(0) / 425) }};
                filter: hue-rotate({{ hs[0] if hs else 0 }}deg) saturate(500%);
              {% else %}
                opacity: 0;
              {% endif %}
            }