Floor3D Pro Card – Game Engine Backbone Edition

Share your Projects! Dashboards & Frontend
, , , ,
10

Hello Mike, @mikecastroosorio-cod

Thank you very much for your message and for your kind words about my work. I also appreciate your sympathy regarding the GitHub situation — my innovative work being blocked like this has been very discouraging, so your support truly means a lot.

About your question regarding attaching an overlay to a 3D model object:
Yes, this is already possible through two different interaction layers.

1) Overlay Pro Card Trigger API
You can open or close an OverlayPro Card programmatically and bind it to any object ID in your 3D scene.

window.dispatchEvent(new CustomEvent('overlaypro-card-open', {
  detail: { target: '001' }
}));

Overlay Pro Card listens for:

  • overlaypro-card-open { target: "001" }
  • overlaypro-card-close { target: "001" }

This allows you to trigger overlays from any event: object click, gesture, automation, script, or external JS.

https://community.home-assistant.io/t/overlay-pro-card-engine-powering-overlay-popup-ui-layers/

2) Floor3D Pro — 3D Type / Gesture
Inside Floor3D Pro Card, the 3D Type — Gesture system supports interactions such as:

  • Double‑click → triggers a domain.service call
    This can be used to open overlays, toggle entities, or activate any custom logic.

Upcoming Platform

I’m also preparing a full bundle called Scene3D — Full Interactive 3D Dashboard Platform.

“The Layered (Overlay) Stack Card is already ready and will soon appear as the Scene3D Pro Card, forming a core part of the upcoming Scene3D platform.”

Recommended Setup (for now)

For the most efficient and clean workflow, I recommend using a vertical stack:(Panel View)

  1. OverlayPro Card (first card)
  2. Floor3DPro Card (second card)

This gives the best interaction flow and avoids UI conflicts.

Levent