adizanni / floor3d-card Goto Github PK

To be able to preserve object_id and group objects together

Hi, I need some help with the camera settings. It seems that even when I copy paste a particular camera position into the code, the default position is not the same. Please check the gif and do advice.

Checklist:

• [x ] I updated to the latest version available
• [ x] I cleared the cache of my browser

Release with the issue:
1.0.1 Alfa
Last working release (if known):

Browser and Operating System:
Any browser windows 10

Description of problem:

          - entity: binary_sensor.sensor_window_1
            type3d: door
            object_id: Window1
            door:
              doortype: swing
              side: right
              direction: outer

Swing window in wrong position for right and outer.

The other 3 combinations work (right/inner, left/outer and left/inner).
NB. In my case inner and outer are the other way around inner is outside and outer is inside.

Javascript errors shown in the web inspector (if applicable):

Additional information:

Dear Andy,

I think that I found a bug… It took me almost two days to reproduce it but finally I made it at 3.30am 😦 :-). It seems that the bug is related with the size of the configuration file that the ‘Live 3D Floor’ can have. If this size/limit is exceeded then the 3D models starts to deteriorate and usually many (if not all) objects are represented as black. In order for you to be able to reproduce it I am supplying you with my configuration and my 3D model. File ‘PartAB’ have the complete configuration which causes problems to the 3D objects due to the limitation that I have explained. Though, if I reduce the size of the configuration file then it works fine. For instance PartA and Part B (which are subsets of PartAB) works excellent, though Part AB which is the unions does not. I will maintain the 3D model in Google Drive for a limited time in case you need it; or anyone else to take ideas
https://drive.google.com/file/d/1w20TOZnNC4lVxxC2Dl9a-k9XOMnjaElh/view?usp=sharing)

I hope that you can find a resolution for these. Again excellent work.

BR,
Christos

PartAB.txt
PartA.txt
PartB.txt

Hi,
It's possible to allow the association of multiple objects to one Home Assistant entity? Thanks

I would like to know how I can find the ID of simple ceiling 'down lights' that arent visible on the model.

Is it possible to add support for strip light sources? Currently the light is 'emitted' from the central point of the 3d model. See this image for example.

I think it would look better if there was an option to repeat the 'light pattern' along the entire object.

Is your feature request related to a problem? Please describe.
Hello,
the possibility of animating objects would be very interesting,
I have a fan chandelier and I would like the fan blades to spin when I turn it on.

Describe the solution you'd like
You should have settings regarding the axis of rotation, the direction of rotation and its speed.

Describe alternatives you've considered
n/n
Additional context
n/n

When the state of the RGB lamp changes from RGB color to WW / WC (warm and cool) the color temperature of the lamp. The changes are not visible on the plan, for this you need to refresh the browser page.

https://www.youtube.com/watch?v=X8KZ7-sdJO0

Checklist:

• [ x] I updated to the latest version available
• [ x] I cleared the cache of my browser

Release with the issue:

Last working release (if known):

Browser and Operating System:

Description of problem:
When setting type3d:text , font, bg,fg colors are ignored
I've debugged a little and in _updateTextCanvas looks like entity.text is an array and data is on element 0, so it always reverts to the default values

Javascript errors shown in the web inspector (if applicable):

Additional information:
P.S. type3d:text works only on simple objects, with names made only out of numbers, otherwise the object becomes black and no text is displayed.

Is your feature request related to a problem? Please describe.
This feature request is realted to my comment on issue: #1 (comment)

I wrote about that some some furniture inside Sweet Home 3D are constructed with multiple objects with having a group objects feature inside SH3D in mind.

Until the Sweethome3D plugin comes, I would suggest/request a "multiple objects in the object_id field feature".

Describe the solution you'd like
Multiple objects inside "object_id" field separed by spaces/commas.

Describe alternatives you've considered
Waiting for the Sweethome3D plugin @adizanni mentioned

Checklist:

• I updated to the latest version available
• I cleared the cache of my browser

Release with the issue:

Last working release (if known):

Browser and Operating System:

Description of problem:

Javascript errors shown in the web inspector (if applicable):

Additional information:

Typo in the instructions page. For the SHOW section you have this snippet

entities
  - entity: <a binary sensor entity id>
    type3d: hide
    object_id: <an object_id in the model you want to hide if condition is true>
    show:
      state: <the state of the entity triggering the showing of the object: ex 'off'>

the type3d: is incorrect and should be show instead of hide

Similar to hide could we have a show attribute for config so an object can be hidden by default and shown when an entity reaches a particular state?

For example I would like to show my EV charger object only when the state is Charging so I imagine the config could look something like this:

  - entity: sensor.car_charger
    type3d: show
    object_id: car_charge_obj
    show:
      state: 'Charging'

Is your feature request related to a problem? Please describe.
Double click on object A and light on/off on object B.

Describe the solution you'd like
Double click on object A and light on/off on object B.

Describe alternatives you've considered
None.

Additional context
None.

First of all, thank you for all of the work you have put into this customization.

I am having a problem with a large complex multi floor model created in sweethome3d. When I place the new floor3d card into a panel, all that renders is a grey screen. I've attempted renaming the files thinking it had something to do with spaces, but that did not fix the issue. My guess is the problem is because of multiple floors, but I can't be for certain.

Is your feature request related to a problem? Please describe.
The model is not visualized if the path do not contain the trailing "/"

Describe the solution you'd like
When the model files are not found, a message should be displayed.
When no trailing slash in the path, it should be added automatically

Describe alternatives you've considered

Additional context

I love the clickable lights and light groups. It would be great to also be able to click objects (and object groups) to be able to control switches as well as to run scripts/automations/scenes.

To go along with this, I would also love to be able to set a condition as to whether a light appears illuminated in the 3d model based on a switch state and bulb state.

Here's a little more contest to this request: Because I have other people in the house who prefer to use physical switches on the wall to control my lights, I have installed smart switches along with my Zigbee smart bulbs. I have automations set so when a switch is powered on it activates a scene that makes sure the bulbs come on at full brightness and a specific set color temp. I also have an automation so when all the lights have been shut off via Zigbee, the smart switch on the wall turns off as well.

The problem I'm having is when a wall switch gets shut off, Home Assistant and zigbee2mtqq just see the bulb as unreachable but the state is still registering as "ON" since that was its state before the power was cut. Since Home Assistant sees the state of the bulb as "ON" it stays on in the 3D card.

Eventually I'd like to swap out all of my wall switches for a smart switch that keeps the bulbs powered but I am waiting for the
Inovelli Zigbee Dimmer Switch (Blue Series) but that isn't available yet.

floor3d-card.js:1062 Uncaught (in promise) TypeError: Cannot read property 'attributes' of undefined
at floor3d-card.js:1062
at Array.forEach ()
at HTMLElement.set hass [as hass] (floor3d-card.js:1062)
at HTMLElement.value (76a58ed6.js:1189)
at 76a58ed6.js:1189
at Array.map ()
at HTMLElement.value (76a58ed6.js:1189)
at HTMLElement.value (76a58ed6.js:1189)
at HTMLElement.value (76a58ed6.js:1189)
at HTMLElement.performUpdate (app.f08a72d3.js:1)

Is your feature request related to a problem? Please describe.
With version 1.0.5 the animations in the background are blocked in case you open a new Lovelace dashboard, would it be possible to block the animations in the background when you go to edit mode?
When I'm editing, the preview of what I'm doing already appears, I don't need to have two animations that work simultaneously, slowing down the PC.
Under normal conditions it takes a few seconds to load the 3D screen, even if there are moving objects; when I go to edit it takes at least 3 minutes to load the 3D screen in the edit window not to mention that the use of the GPU then becomes constant (in my case I arrive at 76%), without animations the use of the GPU varies between 27 % and 46%.

Describe the solution you'd like
Stop background animations when editing screen loads.

Describe alternatives you've considered
Stop all animations while the edit screen is open.

Additional context
n/n

Is your feature request related to a problem? Please describe.
Hello,
is there a way to view the status of an entity like a webcam maybe with a separate screen?
I have two webcams to check and it would be interesting to be able to do it with this card.

Describe the solution you'd like
Double clicking on an object should open a window and show the status of the object or in my case the stream of a webcam.

Describe alternatives you've considered
n/n

Additional context
n/n

Checklist:

• I updated to the latest version available
• I cleared the cache of my browser

Release with the issue:
v1.1.1
Last working release (if known):
None
Browser and Operating System:
Any
Windows 10

Description of problem:
Say one has the following configuration:

          - entity: sensor.climate_living_hvac_mode
            type3d: color
            object_id: LivingTemperature
            colorcondition:
              - state: 'cool'
                color: '#D4F3FF'
              - state: 'heat'
                color: '#FFBDBB'
              - state: 'off'
                color: '#FFFFFF'
              - state: 'fan_only'
                color: '#B5FFC1'
          - entity: sensor.climate_living_temperature
            type3d: text
            object_id: LivingTemperature
            text:
              span: 50%
              font: Arial
              textfgcolor: black
              textbgcolor: white

Floor3D does the background color set in the first entity and overwrites everything with the background color (black) in the second entity. If change order of the entities then the text is not shown at all (only the background color set in the color condition).
Possible solutions: Either have transparent background to text type or color condition to the text type background (as in color type) related to a different entity.

Javascript errors shown in the web inspector (if applicable):

Additional information:

With the new update the 3D floor plan is displayed very dark:

Checklist:

• I updated to the latest version available
• I cleared the cache of my browser

Release with the issue: 0.9.10

Last working release (if known): 0.9.10

Browser and Operating System:
Chrome Windows
Home Assistant iPadOS App

Description of problem: I added more to my model in SweetHome3D and exported it. The card loads, shows "2/2 100%" then sits. Looking in the console, looks like there's an error.

Javascript errors shown in the web inspector (if applicable):

floor3d-card.js:976 End Build Renderer
floor3d-card.js:976 Material loaded start
floor3d-card.js:976 Material loaded end
floor3d-card.js:976 Object loaded start
floor3d-card.js:976 Add Objects
floor3d-card.js:976 element: {"object_id":"Door_499"}
floor3d-card.js:976 element: {"object_id":"sweethome3d_opening_on_hinge_1_doorOutside_528"}
floor3d-card.js:976 element: {"object_id":"sweethome3d_opening_on_hinge_1_doorOutside_516"}
floor3d-card.js:976 Uncaught Error
    at floor3d-card.js:976
    at Object.onLoad (floor3d-card.js:976)
    at XMLHttpRequest.<anonymous> (floor3d-card.js:976)```

Additional information: Seems like some try..catch or something could help. But a better indicator in the UI would be good, too...

Obviously it's something in my model, I'm slowly removing items and re-exporting to see which part is breaking it.

Can you fix light through walls when turn on light?

Hi,
Can you enable source light group like an object to turn it on like a strip light in floor3d custom card? Inside my Sweet Home 3D model I created a group of lights on a cornice to simulate an indirect light, but there is not an object to select in the moment to configure the custom card. Or there is a way to get the object name inside the mtl or obj file? Thanks.

Is your feature request related to a problem? Please describe.
Supporting this format would be a good preparation before template support will be added.

The marked lamp glows blue. The problem is that the light body itself is not colored in blue. Just for this reason it would be important that this body shines in the corresponding color. This would be possible with colorconditiontemplates.

Something like this could be possible to adjust the color dynamically with a Jinja2 Template when template support is added:
{{ state_attr("light.wled_light", "rgb_color") | regex_replace('[()]+', '') }}

Describe the solution you'd like
Adding colorcondition to light. Adding the (r, g, b) support for colorcondition.

Describe alternatives you've considered
NaN

Additional context

Configuration with (r, g, b) support:

- entity: light.wled_light
  type3d: color
  object_id: mylightobjectid
  colorcondition:
    - color: "100, 255, 20"
      state: on

Configuration with (r, g, b) and template support:

- entity: light.wled_light
  type3d: color
  object_id: mylightobjectid
  colorcondition:
    - colorrgbtemplate: "{{ state_attr("light.wled_light", "rgb_color") | regex_replace('[()]+', '')  }}"
      state: on

Typescript example to convert rgb to hex:

function componentToHex(c: number) {
  var hex = c.toString(16)
  return hex.length == 1 ? "0" + hex : hex
}

function rgbToHex(r: number, g: number, b: number) {
  return "#" + componentToHex(r) + componentToHex(g) + componentToHex(b)
}


console.log(rgbToHex(100, 51, 255)); // #6433ff

I have the latest version of this card. The following is one of the entity config.

      - entity: switch.thashin_g1c
        type3d: hide
        object_id: 668
        hide:
          state: 'off'

Since the object id is just a 3 digit number I get the following error.
n.object_id.charAt is not a function

Hi,

thanks for the new release. I noticed you made a dropdownmenu for the entitiys, cool idea. Now the broken entitiys wont show up :)

Maybe better with the possibility to search in the dropdown. At the moment its sorted by the first letter and the first hit.
F.e. i search for "light.wohnzimmer", it stops at the first hit with letter l. If i search for "wohnzimmer" theres no hit.

Would be better to be able to search for "light" or "wohnzimmer" and all entitys show up with these words.

And i made a group for my speakers in the livingroom. Ive noticed its important to add the <> at the object id, without it doesnt work. I havent found a hint in the manual related to this, maybe you can have a look at the description. Heres the working example:

• entity: cover.shellyrogso
  entity_template: cover.shellyrogso
  type3d: hide
  object_id: sweethome3d_opening_on_rail_1_Roller_Shutter_Foot_back_119_6_993
  hide:
  state: open
• entity: media_player.wohnzimmer
  entity_template: media_player.wohnzimmer
  type3d: color
  object_id: < lautsprecher >
  ** group only works with <>**
  colorcondition:
  • color: yellow
    state: 'on'
    object_groups:
• object_group: lautsprecher
  objects:
  • object_id: '455'
  • object_id: '469'
  • object_id: '477'
  • object_id: '437'
  • object_id: '407'
  • object_id: '423'
  • object_id: Boolean_6_2_371
  • object_id: Boolean_6_2_492
  • object_id: '719'

Thanks in advance.

When using gestures - I get a popup box with the object name when double clicking it instead of it doing the action requested.

- entity: light.office_fan_lights
type3d: gesture
object_id: CeilingFan6820_3_3_1099
gesture:
domain: light
service: turn_off

When I double click the fan, a pop-up box appears like below and the entity does not turn off.

Hi,

i use a raspi4 with M2 ssd.
Core and Supervisor 6.6, home assistant os 6.1

Roomplan made with sweet home 3d.

I can see the preview in the card, but the room doesnt show up in lovelace?

Allways the same error:

Logger: frontend.js.latest.202106030
Source: components/system_log/init.py:190
First occurred: 14:11:52 (3 occurrences)
Last logged: 14:12:50

http://xxx/hacsfiles/floor3d-card/floor3d-card.js?hacstag=3617765380911:1005:586839 Uncaught Error

SC of preview:

Any suggestions? Thanks in advance!

Awesome work! I've longed for something like this for a long time, after modelling my house in sweethome3d :)

My first (of many, I fear) feature request, is to persist the camera state (possibly utilizing localStorage or the likes).
Perhaps also making it possible to set a default camera position in the card config.

Description of problem:

I have managed to export my sweethome3d plan into obj's and successfully installed it in HA. The house shows perfectly on the card and I can turn it around and zoom in/out just fine.

However, when I double-click on a light, the correct light switches on, but the display shows a wrong room as lit by the light.

For example, I double click on the ceiling-light in th emiddle of the image:

The room on the LEFT of the room the light is in, is lit up.

Additional information:

Checklist:

• I updated to the latest version available
• I cleared the cache of my browser

Release with the issue:
Any
Last working release (if known):
None
Browser and Operating System:
All, windows 10

Description of problem:
Computed mouse position when double click on an object is wrong. To get the action one has to double click on the left of the object (related to the viewport).
The issue gets worse when camera is far.

Javascript errors shown in the web inspector (if applicable):

Additional information:

Checklist:

• [x ] I updated to the latest version available
• [x ] I cleared the cache of my browser

Release with the issue:
Latest release v0.10.1b
Last working release (if known):

Browser and Operating System:
Google Chrome 92.0.4515.131
Windows 10 OS Version 2009 (Build 19043.1151)

Description of problem:
I am trying this fabulous project but I have encountered a problem on the actions (gesture); on the test floorplan I am trying to manage a chandelier with a fan, a table lamp and a door sensor.
I want to light up the room when I turn on the light of the chandelier and this works well, I want to turn on / off the light of the desk lamp and this works for me by clicking anywhere on the house also if I click on the chandelier it turns off the light of the chandelier that I had not set for turn on turn off and turn off the desk too.

Javascript errors shown in the web inspector (if applicable):
I have no error in the web console.

I have attached the code of the card I created.

Additional information:
Home Assistant is installed as supervised on docker, the HA version is 2021.8.1, as Hardware I use a Raspberry PI 4 with o.s. Raspbian OS 32-bit version of May 7, 2021.

I hope it is enough to understand where the problem is.
my_floor3d.txt

Checklist:

• I updated to the latest version available
• I cleared the cache of my browser

Release with the issue:
0.9.18

Last working release (if known):
0.9.14

Browser and Operating System:
Chrome on Windows and Mac; Safari on iPhone

Description of problem:

When the card is in panel mode, the canvas does not render with the correct aspect ratio. It seems to be expecting the aspect ratio of the Card view, but the ratio can vary wildly in panel mode. Depending on the browser size this is OK, but it looks particularly bad on phones: the canvas only takes up the top part of the screen and is very small. This issue did not exist in 0.9.14.

Example: https://imgur.com/a/GRENHr4

Javascript errors shown in the web inspector (if applicable):

None

Additional information:

Checklist:

• I updated to the latest version available (1.1.0)
• I cleared the cache of my browser

Release with the issue: 1.1.0

Last working release (if known): 1.0.6

Browser and Operating System: Chrome + Windows 10

Description of problem: Since 1.1.0 the 3D axis is being rendered on the model

Screen shot provided below:

Javascript errors shown in the web inspector (if applicable):

There is an error on z index, not sure if its related.

  FLOOR3D-CARD   Version 1.1.0    
floor3d-card.js?hacstag=361776538110:1062 New Card
floor3d-card.js?hacstag=361776538110:1062 Set Config
floor3d-card.js?hacstag=361776538110:1062 First updated start
floor3d-card.js?hacstag=361776538110:1062 Start Build Renderer
floor3d-card.js?hacstag=361776538110:1062 Path: /local/floorplan/
floor3d-card.js?hacstag=361776538110:1062 End Build Renderer
floor3d-card.js?hacstag=361776538110:1062 First updated end
floor3d-card.js?hacstag=361776538110:1062 Material loaded start
floor3d-card.js?hacstag=361776538110:1062 Material loaded end
floor3d-card.js?hacstag=361776538110:1062 New Card
floor3d-card.js?hacstag=361776538110:1062 Set Config
floor3d-card.js?hacstag=361776538110:1062 First updated start
floor3d-card.js?hacstag=361776538110:1062 Start Build Renderer
floor3d-card.js?hacstag=361776538110:1062 Path: /local/floorplan/
floor3d-card.js?hacstag=361776538110:1062 End Build Renderer
floor3d-card.js?hacstag=361776538110:1062 First updated end
floor3d-card.js?hacstag=361776538110:1062 Material loaded start
floor3d-card.js?hacstag=361776538110:1062 Material loaded end
floor3d-card.js?hacstag=361776538110:1062 Object loaded start
floor3d-card.js?hacstag=361776538110:1062 Add Objects Start
floor3d-card.js?hacstag=361776538110:1062 Add 3D Object End
floor3d-card.js?hacstag=361776538110:1062 Object loaded end
floor3d-card.js?hacstag=361776538110:1062 Show canvas
floor3d-card.js?hacstag=361776538110:1062 Resize canvas start
floor3d-card.js?hacstag=361776538110:1062 Resize canvas end
floor3d-card.js?hacstag=361776538110:1062 Object loaded start
floor3d-card.js?hacstag=361776538110:1062 Add Objects Start
floor3d-card.js?hacstag=361776538110:1062 Add 3D Object End
floor3d-card.js?hacstag=361776538110:1062 Object loaded end
floor3d-card.js?hacstag=361776538110:1062 Show canvas
floor3d-card.js?hacstag=361776538110:1062 Resize canvas start
floor3d-card.js?hacstag=361776538110:1062 Resize canvas end
floor3d-card.js?hacstag=361776538110:1062 Uncaught TypeError: Cannot read properties of null (reading 'constructor')
    at HTMLElement._getZIndex (floor3d-card.js?hacstag=361776538110:1062)
    at HTMLElement._getZIndex (floor3d-card.js?hacstag=361776538110:1062)
    at HTMLElement._getZIndex (floor3d-card.js?hacstag=361776538110:1062)
    at HTMLElement._getZIndex (floor3d-card.js?hacstag=361776538110:1062)
    at HTMLElement._zIndexChecker (floor3d-card.js?hacstag=361776538110:1062)
    at floor3d-card.js?hacstag=361776538110:1062
_getZIndex @ floor3d-card.js?hacstag=361776538110:1062
_getZIndex @ floor3d-card.js?hacstag=361776538110:1062
_getZIndex @ floor3d-card.js?hacstag=361776538110:1062
_getZIndex @ floor3d-card.js?hacstag=361776538110:1062
_zIndexChecker @ floor3d-card.js?hacstag=361776538110:1062
(anonymous) @ floor3d-card.js?hacstag=361776538110:1062
setInterval (async)
_onLoaded3DModel @ floor3d-card.js?hacstag=361776538110:1062
(anonymous) @ floor3d-card.js?hacstag=361776538110:1062
(anonymous) @ floor3d-card.js?hacstag=361776538110:1062
load (async)
load @ floor3d-card.js?hacstag=361776538110:1062
load @ floor3d-card.js?hacstag=361776538110:1062
_onLoaded3DMaterials @ floor3d-card.js?hacstag=361776538110:1062
(anonymous) @ floor3d-card.js?hacstag=361776538110:1062
(anonymous) @ floor3d-card.js?hacstag=361776538110:1062
load (async)
load @ floor3d-card.js?hacstag=361776538110:1062
load @ floor3d-card.js?hacstag=361776538110:1062
display3dmodel @ floor3d-card.js?hacstag=361776538110:1062
firstUpdated @ floor3d-card.js?hacstag=361776538110:1062
_$AE @ floor3d-card.js?hacstag=361776538110:25
performUpdate @ floor3d-card.js?hacstag=361776538110:25
scheduleUpdate @ floor3d-card.js?hacstag=361776538110:25
_$EC @ floor3d-card.js?hacstag=361776538110:25
async function (async)
_$EC @ floor3d-card.js?hacstag=361776538110:25
requestUpdate @ floor3d-card.js?hacstag=361776538110:25
o @ floor3d-card.js?hacstag=361776538110:25
u @ floor3d-card.js?hacstag=361776538110:25
Z @ floor3d-card.js?hacstag=361776538110:37
dc @ floor3d-card.js?hacstag=361776538110:1062
s @ 425647f8.js:3103
(anonymous) @ 425647f8.js:3103
d @ 425647f8.js:3103
c @ 425647f8.js:3103
a @ 425647f8.js:3103
value @ 76a58ed6.js:1189
value @ 76a58ed6.js:1189
t.addEventListener.once @ 76a58ed6.js:1189
i @ app.f08a72d3.js:5264
(anonymous) @ 425647f8.js:3103
Promise.then (async)
(anonymous) @ 425647f8.js:3103
d @ 425647f8.js:3103
c @ 425647f8.js:3103
a @ 425647f8.js:3103
value @ 76a58ed6.js:1189
(anonymous) @ 76a58ed6.js:1189
value @ 76a58ed6.js:1189
value @ 76a58ed6.js:1189
value @ 76a58ed6.js:1189
performUpdate @ app.f08a72d3.js:1
_$EC @ app.f08a72d3.js:1
async function (async)
_$EC @ app.f08a72d3.js:1
requestUpdate @ app.f08a72d3.js:1
o @ app.f08a72d3.js:1
_ @ app.f08a72d3.js:1
r @ 76a58ed6.js:1189
value @ e6e55a55.js:2043
(anonymous) @ e6e55a55.js:2043
setTimeout (async)
(anonymous) @ f6ff03da.js:1
(anonymous) @ 8da16d75.js:1
requestAnimationFrame (async)
window.requestAnimationFrame @ 8da16d75.js:1
i @ f6ff03da.js:1
value @ e6e55a55.js:2043
_$AE @ app.f08a72d3.js:1
performUpdate @ app.f08a72d3.js:1
_$EC @ app.f08a72d3.js:1
async function (async)
_$EC @ app.f08a72d3.js:1
requestUpdate @ app.f08a72d3.js:1
o @ app.f08a72d3.js:1
_ @ app.f08a72d3.js:1
u @ app.f08a72d3.js:5264
r @ e6e55a55.js:1516
p @ app.f08a72d3.js:5264
T @ app.f08a72d3.js:5264
_$AI @ app.f08a72d3.js:5264
O @ app.f08a72d3.js:5264
update @ app.f08a72d3.js:5264
performUpdate @ app.f08a72d3.js:1
_$EC @ app.f08a72d3.js:1
async function (async)
_$EC @ app.f08a72d3.js:1
requestUpdate @ app.f08a72d3.js:1
set @ app.f08a72d3.js:1
value @ e6e55a55.js:2759
async function (async)
value @ e6e55a55.js:2759
value @ e6e55a55.js:2759
_$AE @ app.f08a72d3.js:1
performUpdate @ app.f08a72d3.js:1
_$EC @ app.f08a72d3.js:1
async function (async)
_$EC @ app.f08a72d3.js:1
requestUpdate @ app.f08a72d3.js:1
o @ app.f08a72d3.js:1
_ @ app.f08a72d3.js:1
u @ app.f08a72d3.js:5264
r @ e6e55a55.js:2537
value @ app.f08a72d3.js:29560
value @ app.f08a72d3.js:29560
_currentLoadProm.l.then._currentLoadProm @ app.f08a72d3.js:29560
Promise.then (async)
value @ app.f08a72d3.js:29560
performUpdate @ app.f08a72d3.js:1
_$EC @ app.f08a72d3.js:1
async function (async)
_$EC @ app.f08a72d3.js:1
requestUpdate @ app.f08a72d3.js:1
o @ app.f08a72d3.js:1
_ @ app.f08a72d3.js:1
r @ app.f08a72d3.js:29560
i @ app.f08a72d3.js:35925
p @ app.f08a72d3.js:5264
T @ app.f08a72d3.js:5264
_$AI @ app.f08a72d3.js:5264
O @ app.f08a72d3.js:5264
update @ app.f08a72d3.js:5264
performUpdate @ app.f08a72d3.js:1
_$EC @ app.f08a72d3.js:1
async function (async)
_$EC @ app.f08a72d3.js:1
requestUpdate @ app.f08a72d3.js:1
o @ app.f08a72d3.js:1
_ @ app.f08a72d3.js:1
u @ app.f08a72d3.js:5264
n @ app.f08a72d3.js:35925
p @ app.f08a72d3.js:5264
T @ app.f08a72d3.js:5264
_$AI @ app.f08a72d3.js:5264
O @ app.f08a72d3.js:5264
update @ app.f08a72d3.js:5264
performUpdate @ app.f08a72d3.js:1
_$EC @ app.f08a72d3.js:1
async function (async)
_$EC @ app.f08a72d3.js:1
requestUpdate @ app.f08a72d3.js:1
set @ app.f08a72d3.js:1
value @ app.f08a72d3.js:30632
(anonymous) @ app.f08a72d3.js:30632
s @ core.9dd583b2.js:1
(anonymous) @ core.9dd583b2.js:1
Promise.then (async)
i @ core.9dd583b2.js:1
d @ core.9dd583b2.js:1
subscribe @ core.9dd583b2.js:1
E @ core.9dd583b2.js:1
(anonymous) @ core.9dd583b2.js:1
Promise.then (async)
(anonymous) @ core.9dd583b2.js:1
(anonymous) @ core.9dd583b2.js:1
(anonymous) @ core.9dd583b2.js:1
floor3d-card.js?hacstag=361776538110:1062 Resize canvas start
floor3d-card.js?hacstag=361776538110:1062 Resize canvas end

Additional information:

Help needed: How to do the floor3d full card like in the example videos?
The card is quite small.

I have the latest version of the card but it seems that one of my cards are not working. It is not loading. please see the gif.

Hiya,

This is really nice and easy to get started with, beats trying to render models into SVGs.

Is there a plan to add interaction with entities? I think you're mostly there, since clicking on an object within the model pops up a dialog box presenting the name of the entity, all I would think this would need, is some code adding in to check whether an object has a <tap/hold/hover>_action configuration, if not present the pop up that currently exists, but if so follow the action configuration?

I'd love to kill out ha-floorplan and picture elements + card-tools altogether !

There is no direct way to access the user interaction within the model. It would be useful for such things as adding external info panels, popping up entity controls, etc.

Bind actions (I.e., via cardtools bindActionHandler) to entity-mapped objects in the model.

Other similar features requests have been made (like showing panel on hover). The approach of binding actions provides greater flexibility and would be a good starting point for the other requests as you could provide requested features as default behavior that users could override using custom actions.

Is your feature request related to a problem? Please describe.
It is not possible to set the font size inside the object

Describe the solution you'd like
Text entity: include a font size as a percentage of the available plane space

Describe alternatives you've considered

Additional context

Hello,
I try to use "door" in 3Dflorplan. If I chose one part of door, is animated only this part, no glass, no holder :-). Issue you can see in image.

Below is a video demonstrating the problem. When the kettle is in a heating state, it turns orange. When the kettle is off, it should return to its silvery color. After refreshing the browser page, the color of the model is correct. I think this is a bug.

https://youtu.be/ofSqNL5Z8Jw

Is your feature request related to a problem? Please describe.
I would like to set the global lighting value based on an entity state so that my floorplan outside lighting matches real life.

Describe the solution you'd like
Attach the globalLightPower to an entity state

Describe alternatives you've considered
So far not something that can be configured dynamically

Additional context
Add any other context or screenshots about the feature request here.

Is your feature request related to a problem? Please describe.
No it is to enable actions on the card in the iOS and Android versions

Describe the solution you'd like
Manage tap actions on objects. Switch on lights or "gesture" type binding

Describe alternatives you've considered
N/A

Additional context
N/A

Hi,
I followed the YouTube tutorial to install the custom card, but my floor plan is not displayed in the Home Assistant GUI. I got this error:

Source: components/system_log/__init__.py:190 
First occurred: 12:29:30 (17 occurrences) 
Last logged: 12:37:51

https://my_domain.duckdns.org:8123/hacsfiles/floor3d-card/floor3d-card.js:739:547477 Error
https://my_domain.duckdns.org:8123/hacsfiles/floor3d-card/floor3d-card.js:739:546060 TypeError: undefined is not an object (evaluating 't.states[e.entity].state')
https://local_ip:8123/hacsfiles/floor3d-card/floor3d-card.js:739:547365 Uncaught Error
https://local_ip:8123/hacsfiles/floor3d-card/floor3d-card.js:739:545973 Uncaught TypeError: Cannot read property 'state' of undefined

And this is displayed when I'm configuring the card via GUI:

I attached a copy of my SweetHome floor plan exported like Obj.

Plano 3D-apto.zip

Thank you for your help to resolve this issue.

Hi, this is a really nice card! I want to report some small problems to help you improve the final effect. The light is too strong (the lumens used are different from those in the real world), the light is too concentrated in a small area, a more diffused effect would be better. Sometimes, if I set too large a lumen value, the light will pass through the wall and illuminate other rooms.
Another problem is that browsers (both firefox and chrome) often block the page and it is necessary to reload the page (I'm using HA on a raspberry 4 with 4GB of RAM and view the browser on another pc - 32GB RAM, good graphics card, etc - in the same local network).
Another problem is the rendering of some furniture textures in Firefox 90.0 which maybe don't load, because the custom furniture (built from cube, cylinder, etc on SH3D) is white. In Chrome all textures are loaded correctly.
Thanks for your work, I hope you will continue to work on this fantastic project!

Is your feature request related to a problem? Please describe.
I have a mobile dash that I'd prefer not to use panel mode with and the header looks ugly and wastes a lot of space.

Describe the solution you'd like
Any ideas how to remove?

Describe alternatives you've considered
Tried panel mode and I know it's preferred for this card but custom slider row with custom buttons disappear in panel mode for unknown reason. I've tried removing the name from .yaml and it just replaces with original name header.

Additional context
Appreciate your work, this card's amazing. Thankyou :)