Interaktiver 3D-Flurplan in Home Assistant
ฝัง
- เผยแพร่เมื่อ 24 ก.ค. 2024
- Dank interaktiver Bilder eures smarten Heims steuert ihr dieses über den Flurplan per Knopfdruck von euerem Tablet.
Ich freue mich über eure Unterstützung:
www.paypal.com/paypalme/trist...
www.buymeacoffee.com/smartesheim
00:00 Intro
00:45 Demonstration
03:02 3D Flurplan für Fotos optimieren
06:48 3D Fotos erstellen
12:24 Upload der Fotos in HA
13:54 Dashboard anlegen
15:27 Dashboard config-template-card einrichten
19:07 Hintergrundfoto hinterlegen
21:38 Raumfotos hinterlegen
25:43 Icons hinzufügen
30:01 Tipps
Sweet Home 3D:
www.sweethome3d.com/de/
Gimp Download:
www.gimp.org/downloads/
GitHub Quelle für eine Konfiguration:
github.com/Senbei123/tristans...
Transparent und TransparentError:
github.com/Senbei123/tristans... - วิทยาศาสตร์และเทคโนโลยี
Mega gut erklärt! Super, danke ich mach ich auch mal dran. Floorplan steht schon.
Tristan, du bist ein Genie! Danke dir!
Danke!!
Echt gutes Video☺️👌
Hi Yan, vielen lieben Dank!
Servus Tristan 👍 Daumen hoch, auf jeden Fall. Hat mir extrem gut gefallen Deine Ausführung. Habe vor einen Jahr mal angefangen meine „Bude“ abzubilden, aber auf Grund fehlender deutscher Erklärungen auch wieder verworfen 😞 Nach Ostern werd ich einen 2. Anlauf wagen. Viele Grüße aus dem Chiemgau - Jochen
Hey Jochen, danke für das Feedback. Für mich war dies auch mit Abstand das umfangreichste Projekt. Saß einige Wochen da dran - das meiste aber mit Try & Error sowie Informationssuche. DAS sollte ich euch aber abgenommen haben. 😉
@@tristanssmartesheim In jedem Fall - eigentlich ein feines Winterprojekt, aber solang werd ich nicht warten 😀 Gerade beende ich mein Projekt: „Schlüssel Board 2.0" mit HomeAssistant & NodeRed 😎 Geht Morgenfrüh ONLINE - LG
Vielen Dank für das tolle Video! Kannst Du mir einen Tipp geben, wie ich beim Rendern des Tagesfotos das richtige Licht hinbekomme? Aktuell wird meine Wohnung so dargestellt, als würde die Decke fehlen und das Sonnenlicht könnte direkt von oben hineinscheinen :-) Herzlichen Dank vorab!
Servus Tristan. Frage: Hast Du Deinen Foorplan mit der Gratis- oder kostenpflichtigen Version konstruiert ? Gruß Jochen
Hi Jochen, ganz normal mit der Kostenlosen.
Hi Tristan. super erklärt, habe sogar ich verstanden und umsetzen können. Ist es eigentlich Möglich den Wert "current_position" der Rollos anzeigen zu lassen. Ich habe es nur geschafft offen oder geschlossen anzeigen zu lassen (offen ist auch bei 5 % 😞) VG Franz
Moin.
Muss das Bild immer in der gleichen Kameraposition bleiben, oder kann ich auch, da es ja 3D ist, die Wohnung, das Haus auf dem Tablet 3D Mäßig in alle Richtungen drehen, um dann z.B. auf die Außenansicht zu kommen, wo ich die Außenbeleuchtung sehen und schalten kann?
Hi Kalle, leider ist es "nur" ein 3D Foto und kein 3D Modell - DAS wäre dann nochmal der nächste große Schritt. Hier ist mir aber keine Lösung bekannt.
Hallo, hast du eine Idee wie man die Anwesenheit mit dem Aqara fp2 darstellen kann? (so wie in der App)
Moin und hallo!
Hat alles super geklappt!
Nur leider „flackert“ das Bild bei jedem refresh der Entitäten.
(Den Kommentar habe es hierauf schon)
Gibt es dafür eines Hilfe?
Hi,
wie immer ein tolles und super verständliches Video.
Auf meiner Übersicht erschein aber immer ein Kreis das der Ladevorgang noch nicht abgeschlossen ist. Was kann das sein?
Merci!
Erst mal Danke. Hm, das liegt meist daran, dass die Konfiguration doch fehlerhaft ist... :/
Wie sieht das mit dem darstellen aus, wenn man das Dashboard dann auf verschiedenen Geräten anschaut. Verschieben sich z.B. die Lampen nicht?
Nein, das wird automatisch skaliert, auch wenn die Ansicht sicherlich eher fürs Tablet / Rechner gedacht ist.
Erstmal Danke für das geniale Video, leider noch einige Fragen dazu. 1. kann man das mdi Symbol vergrößern? 2. kann man Beschriftungen rein bringen bei Sensor werten oder einzelne Beschriftungen einfügen manuell? 3. kann man irgendwie eigene Icons oder Bilder als Switch/toggle Schaltfläche nutzen? Zudem flackert es bei mir immer sobald ein Status ein anderes Bild darüber legt, woran liegt das?
Vermutlich liegt's nur an einem Update, aber jetzt, ein Jahr später, funktioniert es bei mir nicht. Das Nachtbild wird eingeblendet, aber sobald eine Lampe auf "on" wechselt oder es Tag wird, habe ich nur ein graues Overlay mit einem kaputten Bild über allem liegen. Die Pfade sind korrekt, wenn ich die statt dem Nachtbild als "Hindergrund" eingebe, werden sie korrekt angezeigt, nur eben nicht wie gewünscht per lighten über das Bild gemischt.
Funktioniert das noch bei jemandem oder gabs da eine größere Änderung in seit der Version 2022.04? Oder stolpere ich über irgendetwas simples?
Hallo, ein sehr schönes Video. Das mit den Lichtern ist Super gut erklärt und regt zum nachmachen an. Frage kann man Fenster wenn sie geöffnet werden auch darstellen? Sprich Fenster geht auf und zu und im Floorplan ist das zu sehen. Danke für die Antwort.
Öhm.. gute Idee. Klar geht das mit einem anderen Foto
@@tristanssmartesheim Und wie verhällt sich das dann mit Tag und Nacht? Grüße
@@tristanssmartesheim Hallo, kannst du das schrittweise erklären. Meine Frage ist legt der dann 10 Bilder = 10 Fenster so geschickt übereinander egal ob Tag oder Nacht? Das wäre ja Mega :) Und wenn ja welche Tageszeit würdest du empfehlen? Danke im vorraus und weiter so mit deinen Videos sind echt super hilfreich.
Hi, Respekt vor Deiner Arbeit!
Sieht mega aus. Begeistert bin ich auch davon, dass du das Ganze mit SweetHome3D und GIMP realisiert hast. Mit jenen Programmen arbeite ich schon seit Jahren und wäre nie darauf gekommen, hieraus den Floorplan zu bauen. Bin in der Smart Home Thematik noch völlig am Anfang und bau das gerade erstmal auf. Aber dein Beitrag ist schon mal ein Ziel, auf das ich hinarbeiten kann, um das Ganze ansehnlich und übersichtlich zu gestalten.
Vielen Dank
Edit (6.1.23):
Ich denke darüber nach, offene Türen und Fenster optisch OFFEN in Floorplan darzustellen. Jetzt ist nur die Frage, ab das dann mit der vom System dargestellten Beleuchtung (z.B. Esstisch- und Couchbeleuchtung) in Konflikt kommt, die Du angesprochen hast.
Bis ich soweit bin, dauert es noch einen Moment. Aber vorausplanen schadet ja nie.
Danke für das super Feedback. Viel Erfolg beim "Nachbauen".!
Hi Tristan
Vielen Dank für die super Anleitung!
Leider habe ich bei mir das Problem, dass das Bild "flackert". Es sieht auf dem Tablet so aus, als würde das Bild alle par Sekunden "refreshen". Ich starte das Dashboard auf dem Tablet im kiosk mode und habe noch die custom:home-feed-card und die custom:weather-card hinzugefügt. Ich denke jedoch nicht, dass es daran liegt. Hast du da eine Idee?
Bei mir is das leider auch der Fall.
Mega gutes Video, hat mir wirklich weiter geholfen. Jedoch, gibt es bei mir keine Entität mit dem Namen "sun" die mir die Werte above_horizon & below_horizon wieder gibt.
Dazu habe ich auch eine Dauerhafte Ladeschnecke die ich nicht aus dem Bild bekomme. hast du da einen Tipp?
Habe mir auch diese Alternative angeschaut und mich stört, dass es kein bewegtes Bild ist. Habe aus diesem Grund mir dieses Addon geladen "Floor 3d Visualization Card". Zudem ein 3D-Modell meines EG's in Blender erstellt (diese SweetHome ist mir zu anstrengend^^) und auch alles animiert. Wenn die Rollladen schließen/öffnen, wird es auch dort wiedergegeben.
Hi Raven, WOW.. Ein 3D Modell zu rendern. Nicht schlecht 👍,dass wäre mir persönlich zu viel des Guten aber coole Sache. Danke für den Hinweis!
Hallo Tristan,
tolles Video. Deine Anleitung klappt sehr gut. Aber sagt mal wie kriege ich die Farbauswahl (Bei dir die Lampe vom Esstisch) hin?
Hi Andre, danke! Bzgl. der Lampe musst du den Type mit der Tap_action: toggle nutzen. Einfach mal in meine Beispiel Datei schauen. Mit einem Daumendruck geht die Lampe dann an und mit einem anschließen längeren gedrückt halten, kommst du dann auch zum Farbrad.
@@tristanssmartesheim Das Beispiel habe ich gesehen. Auf lange drücken bin ich aber nicht gekommen. 🙈
Danke
Hi Tristan, tausend Dank für die sehr gute und nachvollziehbare Erklärung! Ich habe es daraufhin auch geschafft, meinen ersten Floorplan zu erstellen. Allerdings springt er, wenn sich die Beleuchtung ändert, sprich, wenn ein neues PNG geladen wird. Das habe ich in Deinem Video so nicht wahrgenommen. Woran könnte das liegen?
Ach ja, ich nutze zur Anzeige ein Fire 10 HD mit Fully Kiosk 😉
Außerdem scheint die aktuelle HA Version es nicht mehr zuzulassen, dass die Topf-Navigation, also der blaue Balken oben, ausgeblendet wird. Oder übersehe ich da etwas?
Viele Grüße Martin
Habe das selbe Problem. Hast du eine Lösung gefunden?
@TristanKuesters
Tolles Video! Wäre super wenn du mal ein Update Video machen würdest :D
Gruss Nicola
Hi, leider habe ich das Tablet nicht mehr im Einsatz. Oder vielleicht deswegen sollte ich es nochmal auspacken? ;)
@@tristanssmartesheimHast du den Floorplan bzw. das Tablet komplett weggepackt? 🥲 Ich habs mitlerweile doch noch hinbekommen, jedoch ohne Tag und Nacht Ansicht.
hat geklappt
Super, freut mich zu hören.
Bei der genialen Beschreibung kein grosses Problem.
Ich suche jetzt nach der Möglichkeit zum einen den Kiosk Mode einzubinden und zum anderen möchte ich mehr Infos auf meinem Panel bekomme. Ich hätte gerne die Wetterkarte drauf. Aber weiss nicht wie. Suche hat nichts ergeben.
Total tolles Video mit klasse Erklärungen.
Bin wie von die beschrieben vorgegangen. Allerdings habe ich hauptsächlich Jalousien.
Klappt ganz gut. Allerdings ist das Icon immer mdi:window-shutter und ich kann nur an der Farbe erkennen ob es auf oder zu ist.
In der Übersichtsseite wechselt dies automatisch von window-shutter nach mdi:window-shutter-open und bei Bewegung sogar auf Pfeil runter oder rauf. Kann ich dies auch in einem Flurplan einbauen? Habe schon etliches aus dem Internet getestet.
Leider hat bisher nichts funktioniert. Liegt vielleicht auch an meinen fehlenden Programmierkenntnissen 🥲
Puhhh Fynn.. tut mir leid, dazu habe ich adhoc auch keine Antwort. Aber danke für dein Lob! :)
@@tristanssmartesheim , habe es raus gefunden. Hat leider etwas gedauert wegen einrücken beim YAML-File.
Beispiel:
- type: state-icon
entity: cover.schalousie_buro
icon: >-
${ states['cover.schalousie_buro'].state === 'open' ?
'mdi:window-shutter-open' : 'mdi:window-shutter' }
style:
left: 16%
top: 58%
'--iron-icon-stroke-color': '#969696'
border-radius: 50%
text-align: center
background-color: rgba(255, 255, 255, 0.3)
tap_action:
Hallo Tristan, ich habe gerade dein Video über den 3D Flurplan gesehen und bin total begeistert was alles geht mit Home Assistant. Da ich mich erst seit ein paar Wochen mit der Materie beschäftige wollte ich erst mal mit einem kleinen Projekt anfangen und meine Heizungsanlage als Schema auf dem Dashboard darstellen und diese mit acht Sensoren an der entsprechenden Rohrleitung die Temperatur (und Druck) an zu zeigen. Ich find einfach keinen Ansatz wie das umgesetzt werden kann. Es geht schon damit welche Karte und wie erzeuge ich die Symbole in denen die Werte angezeigt werden sollen.
Hi, an sich kannst du das über irgendein Programm zeichen und dann als Hintergrundbild wie im Video beschrieben hinterlegen. Wie welche Symbole dann auf dem Hintergrund Bild dargestellt werden, habe ich auch im Video erklärt.
Habe dein Video zu 100% befolgt. Ich habe nun aber ein flickern in meinen Floorplan. Also immer wenn ich eine Entität, State Icon anklicke, flickert kurz der ganze Floorplan. Hast Du eine Idee woran das liegen kann?
Hi Tristan, mal wieder eine tolle Arbeit. danke ! Habe ein problem mit 1 Farbigen Philips HUE Lampen, die über zigbbee2Mqtt verbunden sind und den farbigen Lampen anderer Firmen die über Tuja an HA hängen. Was kann ich tun oder habe ich jetzt alle Lampen nur im On/off modus im Floorplan 😓 ?
Hi Navin, ne. Mein Esstisch ist ja auch mehrfarbig. Da einfach gedrückt halten, dann öffnet sich das Farbrad.
@@tristanssmartesheim Thx ... das geht auch. nur in der Animation wird nur das Icon Farbig. Der Raum bleibt unverändert-
Ja, wie genau du farbige Lampen auch in der Animation farbig machst, habe ich im Video ja beschrieben. Wichtig ist , dass du die Farbe in einem speziellen Format bekommst.
@@tristanssmartesheim genau das scheint das Problem zu sein. Über zigbbee2Mqtt oder Tuya kommen solche Werte wohl nicht ..
Stelle in dem Video: 25:31 - Wie sieht der Rest der Formel aus? Ich bekomme es so nicht zum laufen. :(
Hi Patrick, guck mal in die Videobeschreibung. Da habe ich die Konfiguration auf github verlinkt.
Habe das ebenfalls bei mir, nach deiner Anleitung, eingerichtet und möchte es nicht mehr missen. Habe gerade HA von 2022.10.5 auf 2022.11.0 geupdatet und jetzt ist der Plan am flackern, komische grafische Verschiebungen für ein paar Milisekunden, sehr nervig. Funktionen gehen noch, ist aber optisch ziemlich anstrengend. Beim Rückspielen des Backups lief dann alles wieder super. Habe versucht die Labels und Icons erstmal zu entfernen.. kein Erfolg. Hast du ebenfalls diese Probleme unter 2022.11.0 oder vielleicht schon eine Lösung?
Hi, danke erst mal fürs Lob. Ich wechsel immer erst zum Monatsende zum letzten Release. Dann sind die schlimmsten Bugs schon gelöst. ;)
@@tristanssmartesheim bin noch nicht so lange dabei und hatte bis jetzt nie Probleme mit den Updates. Aber werde dann auch noch warten und hoffe, dass es dann wieder funktioniert. Man steckt ja schon viel Arbeit da rein :D Danke für die schnelle Antwort und natürlich deine Videos :)
Habe leider auch das gleiche Phänomen festgestellt. Bei Zustandsänderungen von irgendeiner Entity auf der Karte flackert es kurz. Bei vielen Entities ist es nur noch am flackern...
@@aham2280 ja bei mir stand 11.3 auch leider noch.
@@tristanssmartesheim hast du schon geupdated? bzw hast du ne Lösung für das flackern?
Moin Tristan!
Dein Video ist echt Mega gut! HAbe es vor einigen Monaten auch schon umgesetezt!
Danke nochmal!
Nun habe ich mir spontan gedacht, das ich meine Garagensteuereung auch noch mit aufnehmen kann.
Gesagt getan. Funktioniert auch, jedoch ist meine Frage ob man im icon selbst auch eine HStatusänderung anzeigen kann.
als beispiel soll er das mdi icon closed anzeigen wenn die garage zu ist und das mdi icon open wenn sie offen ist. aktuell ändert sich lediglich die Farbe des icons, aber ich finde das somit sehr schlecht zu erkennen,
danke dir !
so sieht meine config aus:
- type: state-icon
entity: cover.garage_rechts_garage
icon: mdi:garage
style:
left: 46.88%
top: 71.11%
'--iron-icon-stroke-color': '#969696'
border-radius: 50%
text-align: center
background-color: rgba(255, 255, 255, 0.5)
tap_action:
action: toggle
Hallo Christian, leider wüsste ich nicht, wie ich es hinbekommen sollte.
Hi,
das war für mich soweit verständlich. Muss ich die Entitäten manuell einfügen? Also kopieren? Gibt es eine Möglichkeit das zu automatisieren?
Du hast ja schon ein Skript, kann ich dass so kopieren und mit meinen Daten ergänzen?
Hi Olaf, ja das ist viel Copy und Paste.😅 Du kannst aber gerne auf Meinert Einrichtung aufbauen.
Ich bin absoluter Neuling, sowohl in Sachen HA als auch Linux.
Copy und Paste kann ich gut, da hört es dann auch auf.
Ich habe mich jetzt für HA entschieden, auch wenn eine für mich wichtige Integration noch fehlt, aber HA scheint einfacher als die anderen.
Ich habe noch 12 Heizkörperthermostaten(da fehlt die Integration) die ich später hinzufügen möchte, macht das Sinn, jetzt schon nit dem Modell anzufangen? Das EG habe ich fertig, beim OG ist nicht so viel zu machen.
Klar, warum nicht. Kannst du ja jederzeit ergänzen. Für deine Thermostate guck mal im Home Assistant Community Store (HACS) nach einer Integration, vielleicht hast du ja Glück.
Die Integration ist von Livisi/Rwe Innogy. Die ist in Arbeit aber unterstüzt gerade nur den Zwischenstecker. Die HKTs wören nit wichtiger….
Ich schaue gerade, das ich erstmal auf eine SSD umsteige. Aber da scheint es ja auch viele Probleme zu geben. Meine läuft nucht. Ist ein Case mit Usb Kabel.
Guck dir mein Video dazu an 😉
Hallo ich schaue gerne deine Videos und habe eine bitte.
Kannst du mal erklären wo die Logdateien sind von meinen Temperatur Sensoren oder Stromzähler.
Gruß
Martin
Hi Martin, im Navigationsbereich findest du links das Logbuch und den Verlauf. Dort dann auf deine Entität filtern.
Kannste mal ein Video machen über webrtc oder wie man cameras über home assistant hinzufügt
Gute Idee,habe ich letztes noch erfolgreich ausprobiert.👍
@@tristanssmartesheim bei mir werden die cameras in home assistant nicht angezeigt
super video wie immer!
habe leider ein problem, und zwar wird bei mir das Tag-Bild nicht angezeigt.
woran kann das liegen? Sun.sun ist bei den Entitäten eingetragen.
mein code:
views:
- title: Grundriss
path: Flurplan
type: panel
icon: null
badges: []
cards:
- type: custom:config-template-card
entities:
- sun.sun
card:
type: picture-elements
image: /local/3D-Ansicht/Nacht.png
style: |
ha-card:first-child {
background: rgba(42, 46, 48, 1)
}
elements:
- type: image
action: none
entity: sun.sun
state_image:
above_horizon: /local/3D-Ansicht/TAG.png
below_horizon: /local/3D-Ansicht/transparent.png
tap_action:
action: none
hold_action:
action: none
style:
top: 50%
left: 50%
width: 100%
height: 100%
Fehlermeldung: Kein visueller Editor für Typ "custom:config-template-card" verfügbar.
über eine Antwort würde ich mich sehr freuen
Hi Daniel, bist du genau nach dem Video vorgegangen und hast dir auch die custom:config-template-card installiert?
Im groben klappts bei mir nach der Anleitung. Aber ich habe 2 Probleme. 1. Bei mir läßt sich über den floorplan immer nur die letzte hinzu gefügte Lampe steuern, die Anzeige ist jedoch korrekt. Und bei meinen Heizthermostaten wird nicht die aktuelle Temperatur, sondern die derzeitige Aktion angezeigt. Aber sonst kann man das so in einer Nacht nachkochen. Die Beste Anleitung zum Thema, die ich bisher gefunden habe!
Leider hab ich das Problem auch, das ich auch nur immer die letzt hinzugefügte Lampe steuern kann. Die davor kann ich dann komischerweise nicht mehr auf der Karte anwählen, sind aber sichtbar.
Hallo @christianpama4943 ich hab es nun herausgefunden, wo unser Problem liegt zwecks der zuletzt hinzugefügten Lampen. Du musst alle - type: state-icon oder state-label untereinander schreiben. Es darf quasi kein -type: image oder was anderes dazwischen liegen.
Super! Ich hatte das durch rum probieren und ordnen auch hin bekommen. Ohne wirklich verstanden zu haben warum es dann klappte.