Your Home Digital Twin: Interactive floor 3d plan

Here are some screenshots of the test model for the levels. It is basic but I have no possibility to get the level menu to work…





Screenshot_5

The names of the objects are not unique: Fenster is used twice. Go for Fenster1 and Fenster2. This shouldn’t cause the problem with levels but can cause problem with the entity assignment. If you still cannot see the level, I really need to test your model

Hello all,

not sure if you had noticed, I have created an add-on in Home Assistant for editing the Sweethome3d model in a web application and export the obj directly in a home assistant folder. It is still a little rudimentary (does not support Ingres) but it is working quite well, please test it and give me some feedback:

I just wondered if anyone had any success with assigning light attributes to one object, but having another object activate / deactivate the action?

I have small lamps in a room, setting these lights up to emit light when one isn’t an issue, but I’m finding it difficult to selected these smaller objects from the UI. Is it even possible to have Object_A’s on click action initiate a light coming from Object_B?

Thanks!

Yes, here’s what I did for the three lights in my L-shaped hallway:

I set up template sensors for two of the lights, to mirror the third:

switch:
  - platform: template # Virtual switch for other two hallway lights to mirror the third actually linked to the switch in 3D floorplan
    switches:
      hallway2:
        friendly_name: "Hallway light 2"
        value_template: "{{ is_state('switch.in_wall_paddle_switch_qfsw_700s', 'on') }}"
        turn_on:
          service: switch.turn_on
          target:
            entity_id: switch.in_wall_paddle_switch_qfsw_700s
        turn_off:
          service: switch.turn_off
          target:
            entity_id: switch.in_wall_paddle_switch_qfsw_700s

  - platform: template # Virtual switch for other two hallway lights to mirror the third actually linked to the switch in 3D floorplan
    switches:
      hallway3:
        friendly_name: "Hallway light 3"
        value_template: "{{ is_state('switch.in_wall_paddle_switch_qfsw_700s', 'on') }}"
        turn_on:
          service: switch.turn_on
          target:
            entity_id: switch.in_wall_paddle_switch_qfsw_700s
        turn_off:
          service: switch.turn_off
          target:
            entity_id: switch.in_wall_paddle_switch_qfsw_700s

The corresponding code in the card:

  - object_group: hall
    objects:
      - object_id: Outdoor_lamp_1
      - object_id: Outdoor_lamp_1_1
      - object_id: Outdoor_lamp_1_2

  - entity: switch.in_wall_paddle_switch_qfsw_700s
    type3d: color
    object_id: <hall>
    colorcondition:
      - state: 'off'
        color: LightSteelBlue
      - state: 'on'
        color: Gold
  - entity: switch.in_wall_paddle_switch_qfsw_700s
    type3d: light
    object_id: <hall>
    light:
      shadow: 'no'
      color: '#FFB830'
      distance: '325'
      lumens: '400'
      decay: '0.4'
      light_direction:
        x: 0
        'y': -5
        z: 0                 

In your specific case, you would not group the lights and set the one you don’t want to display to zero lumens. Also see my post about using browser mod to create a pop-up card with controls, which I activate with a gesture linked to clicking on the floor of the corresponding room. Hope that helps.

2 Likes

Hi, I’m a beginner and a little confused.
Please advise how to navigate the TYPES of 3D objects. I mastered LIGHT and ROTATION, but the other types fail me.

Hello @Davidov78 , it is difficult to give you more guidelines here than there are in the existing documentation and video. I’m surprised by what you say because the light and rotation are probably the 2 hardest 3d types, others should come even easier. Have you read the Read.me (floor3d-card/README.md at 00b911eb8eb258faa4dbe13d64f23d10f0c4dc7a · adizanni/floor3d-card · GitHub) ?

Hello all,

just checking-in, despite the card development stagnation, is there someone who is still using the card ? I’m just looking forward to winter season, I may have some spare time to work on the card. For the ones using it, is there some compelling issues or features that you want implemented ?

Thanks

1 Like

The card development reached a stage that was more than enough for me, being able to control everything I wanted, but I stoped using it since I switched from Windows to MacOS.
No matter what browser I use in my MacBook (Safari, Chrome or Firefox), it is working fine with just one entity added but as soon as I try to add a second one it crashes and I get the message: “Finished with errors: check console log”.

You can post the console log to an issue in GitHub ? Never tested on MacOS, but it should be OS independent, it is based on a JS library. There could be some HW Acceleration nuances, but not with only two entities

Apologies for the late reply but I took me some time to confirm what you suggested and I also believed myself too. I reinstalled Windows on my old computer and I can confirm that it is OS independent and I somewhere have a bug in my code.

Yes, absolutely. I use it as my main dashboard! Thank you!

1 Like

Good day Adizanni, Yes, I have the card on one of the tabs in HA, but do not use it as it does not load on my iPhone or any of my older wall tablets. On the computer it takes 3 minutes or longer to load. Its a pity since I put long hours making it work, but unusable.

I know, if the model is too heavy the card shows its limits. You need to strike a balance between the quality of the rendering and the performances. I use mine as the home page for my HA and it loads fast, but I reduced the model to the bare minimum and still I think it is nice and useful.

Yes… Allowing an option for the card to open a default floor when using a multi floor model. e.g. 3 floors in a model but want floor 2 to open as the default view.

Hi
I am trying to make a dashboard with a sidebar card to the left with a meny and the rest of the screen to the right i use floor-card.
This works nice on the desktop but on my tablet the floor card is more to the left and the sidebar hides a part of it.
Why ?
I have tried alot to make this work but it will not.
I am using Panel:True and i have tried many variants of combining CSS styles and Card-mod but it’s always the same. It will not work between different resolutions.
Maybe the sidebar card i use on GitHub - DBuit/sidebar-card do something.
Are there somebody who knows ?

Have you tried @media queries to pick up different screen sizes?
See this post for how to use. Also see CSS left, right or padding to possibly move your card.

One thing I have noticed with the card when setting a camera view is it does not look the same on different devices. You are better off creating a conditional card that is specific to each screen resolution.

Hello @adizanni,

I’m using it as a view to my HA installation. The rendering speed relays on the client used. A 20Mb GLB model is well handled by a Rpi4 with 4Mb and fairly fast rendered by a modern (less than 5 years old) client computed with an average GPU.

There is a library called DRACOloader that is used to compress and uncompress threejs models: three.js docs. It is possible that the Digital Twin could benefit from this library. Keep on this awesome card.

1 Like

Thanks Andrew.
Yes it looks like i have to use @media queries.
I used this and changed height and margin-top in a card-mod.
It looks like this works.

1 Like

I am pleased to hear