Donnez vie à votre Home Assistant avec un dashboard 3D créé avec Floorplan

[@makernix]

Tu veux que j’aille plus loin dans l’intégration ? Dis le moi en commentaire

[@adriengardais8950]

Superbe vidéo, merci encore !

[@sebbou82]

Merci! C'était très complet et j'ai bien réussi à aller au bout grace à ces explications. Juste un détail, j'avais une installation plutôt simple et sans trop de plugins. Il n'existait pas encore le dossier "www". L'ayant créé, il ne fonctionnait pas en tant que "local" mais dans une des pages d'explication de Home Assistant, ils disaient de juste redémarrer HA et qu'il allait faire le lien. Une fois passé cette différence, c'était parfait! Bravo pour la clarté des explications! 😊👌👍

[@MrVincentLUX]

Même soucis chez moi, je suis venu ici voir les com avant d’aller sur l’aide HA. Merci pour le retour 👍. Sinon même avis, tuto impeccable. 💪

[@DecoBois3D]

Ca fait 2 jours que je suis sur ton tuto et je m'éclate, c'est trop bien expliqué et quel résultat franchement c'est top !! reste plus qu'à modéliser un support pour la tablette et à l'imprimer en 3D !!! MERCI

[@Gwendal.lda_]

Merci pour la vidéo explicative, j'ai pu faire mon joli plan en 3d et découvrir blender pour modéliser quelques meubles ! Je partage une petite astuce pour la partie découpage des calques sur photopea / photoshop qui m'a donné un bien meilleur résultat que en découpant à la main : On peut mettre le calque qu'on veut découper en mode "différence" ce qui ne va garder que les pixels qui sont éclairés et les autres seront noirs, puis faire Selection > Plage de couleur (il faut être sûr d'avoir bien le noir de sélectionnée en couleur primaire avant) On peut régler la tolérence comme on souhaite, plus on va la mettre haute plus ça va prendre de pixels. Perso, 70 c'était pas mal. Ensuite on valide, on supprime toute la sélection que ça nous donne et on repasse le calque en mode "normal". J'ai eu bien moins de problèmes de collision d'ombres entre mes lumières en faisant comme ça !

[@NicksStuff]

Si Ikea était malins, ils proposeraient une modélisation de tous leurs meubles dans un catalogue dispo dans Sweet Home 3D, à la façon de McMaster-Carr et Fusion 360.

[@hoedic56ful]

Bravo pour cette video. Je pense y passer quelques heures. Je vais voir également pour integrer un jardin avec des spots et un portail

[@jeromemuller1394]

merci encore pour cette video, amelioration continue floorplan avec possibilité de changer la couleur l'image selon la couleur de mes rubans ou lampes 😀

[@indianagrenoble38]

Un ENORME MERCI ❤ grâce à toi j'ai pigé des tas d'astuces !

[@makernix]

ça me fait plaisir alors :) Merci.

[@indianagrenoble38]

@@makernix c'est exactement ce que je cherchais ton tuto... en plus tu es un super perdago ;)

[@makernix]

Merci :)

[@dronesvisionsaeriennes]

Salut Makernix, j'ai mis ta video en favori et je pense la regarder plus d'une fois...cool, tres cool même....je te dirai avant même d'avoir tout visionné d'aller efffectivement plus loin dans la mesure où il y a peu de video en français..; merci Philippe

[@makernix]

Hello Merci pour ton commentaire

[@alexisdufaucazenave9572]

Merci pour ce tuto très bien expliqué, je m'y suis mis hier après midi et fini hier en fin de soirée (en effet les création de png sont très longues), je vais maintenant m'attaquer au plan incorporant tout mes capteurs de temperature et actionneurs ^^

[@makernix]

Good n’hésite pas à partager sur mon post sur le forum HACF ;)

[@indianagrenoble38]

​@@makernix mets nous le lien stp, on te doit bien ça 😊

[@Tifusi]

- type: state-label entity: sensor.salon_temperature style: top: 20% left: 60% width: 16% Cela m'affiche l'a température du capteur au milieu de la pièce top :)

[@jeromemuller1394]

la classe jai passé la soiree a faire ca . Au top reste a le peaufiner.

[@myrmex5438]

c'est sur que ça nous a plus j'attend avec impatience les suivantes

[@makernix]

Super 👍

[@alexlesudiste]

Go , pour dautres tutos Ha

[@brodmusic7647]

Bonjour, GENIAL je le fait de suite !!! MERCI

[@nicolasberg57]

Encore bravo, un beau boulot, et tu expliques super bien.

[@nicolasberg57]

Merci, vidéo trés utile

[@thierryr9307]

Superbe Vidéo ! tu m'as fait gagné un temps fou 🙂

[@user-kx6ib2ih6e]

Géniale ta vidéo merci !

[@gaggigger]

SUPER ton TUTO...comme tous les autre d'ailleurs ! Tout fonctionne nickel sauf un truc, lorsque je click ailleurs que sur un HotSpot que j'ai défini, la fenêtre popoup du dernier élément (image) s'ouvre à l'écran pour que je change l'état. Est-ce qu'il y a un solution pour ce BUG? MERCI pour les partages ;)

[@dronesvisionsaeriennes]

EN-FIN...les pieces s'eclairent en fonction des ampoules sur "on" ou "off"... Salut Makernix, j'ai compris les raisons pour lesquelles cela ne fonctionnait pas sur mon plan.............simplement quand je basculais l'interrupteur "ampoule " sur ON, en fonction du wifi capté ou pas les lampes de mes caméras ne s'éclairaient pas et donc RIEN sur le plan de la maison....pour le moment mes caméras servent de test, je n'ai pas encore d'ampoules connectées ...bref, le yaml était correct ! J'ai visionnée une fois de plus ta video et cela m'a aidé ainsi que notre conversation sur le wifi...j'attends d'ailleurs mon wifi mesh spécial murs épais ( 3 box ) auxquels je vais ajouter mes CPL TP Link.......merci pour tes solutions Philippe

[@makernix]

C’est super 👍

[@dm.aydogan]

Salut, merci pour ce tuto génial ! Cependant j'ai un petit souci : mon plan s'éclaire bien zone par zone quand je clique sur chaque ampoule indépendamment, mais si j'allume 2 ampoules ou plus, seule la 1ere zone de la 1ere ampoule allumée s'illumine. Où est-ce que je me suis planté ?

[@RageFury]

Salut! Tout d'abord merci pour ton tutoriel fort appreciable. Je rencontre un problème, je pense que tu as le même dans ta vidéo d'après ce que je vois. Que je clique sur le bouton lumière ou que je clique n'importe où dans la pièce sa allume/eteint quand même la lumière. Y a t'il un moyen que sa soit juste l'icone qui change l'image? merci d'avance

[@vincentfach6942]

Bonjour, superbe tutoriel. J'aurais une petite question, peut t'on changer la couleur d'écriture quand on veut afficher une température car pas très visible sur un fond foncé. Merci

[@myrmex5438]

slt tres beau travail c'est super encore et zencore

[@makernix]

Encore merci 😆

[@rssgonzalez]

Super tuto! Merci beaucoup pour ce vidéos m'a énormément aidé a faire mon plan 3D! C'est vraiment très beau. serait intéressant de pouvoir intégrer l'aspirateur robot a ce plan. Merci. 💪

[@makernix]

Merci pour ton commentaire :)

[@theattorney6072]

Hello, as tu réussi à intégrer autre chose que des lumières, l'aspi en l'occurrence ?

[@rssgonzalez]

@@theattorney6072 Salut. Non je n'ai pas eu encore le temps de faire plus que les lumières mais peut-être la semaine prochaine si c'est le cas je te dirai 😉

[@theattorney6072]

@@rssgonzalez hello, j'ai intégré très simplement l'aspi robot ainsi que la serrure nuki comme suit : - type: state-icon entity: lock.porte style: top: 22% left: 50% - type: state-icon entity: vacuum.s7 style: top: 87% left: 23% C'est pareil pour tout ce qui est firetv /Androitv ou autres entités disponibles.

[@rssgonzalez]

@@theattorney6072 Merci pour ton feedback. Oui effectivement ce n'est pas difficile à ajouter des choses sur le plan. Même les capteurs température je les ai ajouté de la même façon.. nous pouvons aussi utiliser du CSS pour donner plus de "vie" et animation au plan, par exemple changement des couleurs des lumières. Je n'ai pas fait car je n'utilise pas des lumières colorées mais il me semblait simple. 😉

[@54allan54]

Un énorme merci ❤

[@franckbravard4424]

Hello Makernix, Alors là je suis bluffé, c'est magnifique, je vais pouvoir reprendre mon plan 3D que j'avais fait à l'époque pour un autre système domotique😉 par contre le résultat sera pas pour tout de suite, il va me falloir du temps, beaucoup de temps😊 il faut que je digère la vidéo et que mes neurones chauffent 😂 En tout cas bravo pour cette vidéo que je bookmarque car je vais avoir besoin de la regarder plusieurs fois ❤❤❤ Note: le liens vers donnez vie est en erreur 404 😉

[@makernix]

Hello I…Franck N’hésite pas si tu as besoin d’aide ;) J’ai mal parametré la publication de l’article… c’est bon maintenant merci

[@anasthase100]

Merci

[@stiffmaster1701]

Grand merci

[@florentmassard5379]

Bonjour Makernix. Merci pour cette vidéo cependant j'ai un beug , je crée mon 1er plan sans lumiere jusqu'ici tout va bien mais quand exemple j'ajoute les lumières de la cuisine et que celui ce forme a la fin mon image est toute noir .... idem quand j'essaie sur d'autres lumières. as tu un idée?

[@psikopatte]

Change l'horaire met 10h par exemple pour moi ca a fonctionné.

[@andysuiza1]

Salut, superbe vidéo. J'ai réussi à config de A à Z! Par contre je voulais savoir comment verrouiller la possibilité de cliquer par tout sur la maison et avoir l'entité qui s'affiche. Exemple, si je clique n'importe ou, j'ai l'entité "Lampe Chambre" qui apparait :( Par contre si je clique pile sur l'icône, aucun problème. Merci

[@kaceby]

même problème pour moi, tu as trouver une solution ?

[@YTBnTeck]

meme soucis

[@andysuiza1]

@@kaceby non :( mais même sur la video posté, quand tu vois passer la souri cela fait la même chose. @Makernix comment résoudre ce problème ? Merci

[@franckdelorme1932]

Bonjour, Super tuto, j'ai pu faire les découpes des images des lumières de mon plan 3D que j'avais fais il y a quelque temps. J'ai vu, que tu avais Jeedom, étant novice, est il possible d'integrer le rendu des eclairages avec les petites icones lumières dans jeedom. Encore Super tuto, bien expliquer pour les neophyte comme moi. ;-)

[@theattorney6072]

Super résultat, merci pour la vidéo pas à pas, très utile, même si je ne m'en sens pas encore le courage. Est il possible de mettre autre chose que des lumières (volets roulants, door lock ...) ? Et si on a plusieurs étages ?

[@makernix]

Oui il y a possibilité d'ajotuer tout ce que tu veux :) Pour les étages, perso je préfère me faire plusieurs vues et mettre un lien vers les vues

[@kamalelbaz2821]

Super tutoriel merci beaucoup , je compte utiliser un vieux iPad , ma question est comment faire si on veux montrer plus d’un niveau sur le Dashboard ? Par exemple sous-sol,RDC et Étage ?

[@makernix]

Merci Le mieux est de faire 1 plan par étage Et au niveau des escaliers tu met une entité avec comme action de naviguer vers l’autre vue Je sais pas si c’est clair 😆

[@thierryr9307]

Hello, super tuto ! un grand merci, je débute sur HA . J'ai juste un problème sur la fin (paramètrage de la carte), j'ai bien mis les éléments que tu décrits dans la vidéo mais rien ne se passe (quand je passe on ou off), voici mon code : type: picture-elements elements: - type: image entity: bureau style: top: 50% left: 50% widht: 100% state_image: 'on': /local/floor/bureau.png 'off': /local/floor/Floorplan.png image: /local/Floor/off.png Ce qui est étonnant, c'est que dans entity, il n'y a pas le dérulement des entités comme dans ta vidéo ... Un grand merci

[@indianagrenoble38]

@Makernix Tu saurais me dire le bout de code pour ajouter un sensor de type Puissance Photovoltaïque en sur-imposition ? - type: state-badge ne fonctionne donc pas... Je suis une quiche en YAML et pas du tout informaticien...

[@indianagrenoble38]

En gros j'ai détourné ton tuto pour éclairé une pièce quand une prise Sonoff S26 pilotée en Automation active un chauffage soufflant sur une consigne de température d'un capteurs Th°/Hygro Bluetooth... le tout asservie à un surplus Photovoltaïque ;)... en gros je fais du routage d'énergie de façon esthétique grace à toi !

[@indianagrenoble38]

en gratant j'ai trouvé !!! - type: state-label entity: sensor.victron_ac_l1 style: top: 50% left: 10%

[@makernix]

Heureusement que tu as trouvé car j’en avais aucune idée 🤭

[@Virusman62]

bonjour je voudrais savoir ce que je doit installer comme programme pour pouvoir aller dans le google assistant avec l explorateur , je voudrais savoir s il ests possible d installer que le google assistant et pas d autre programmes comme unbutu ou tout autre bien sur.merci d avance , je voudrais bien faire sur mon pc et apres mettre ca sur ma tablette bien sur

[@kevinlancelle8583]

Salut à toi, merci pour cette vidéo. Je rencontre une difficultés alors que j'ai fais pareil que toi. A 30.45 quand tu met /local/floor.png tu as l'image et moi non :''( Je n'arrive pas à comprendre pourquoi et ce que je dois faire. Aurais tu une piste?

[@mouncikhedari]

j'étais dans le même cas, donc à la place de mettre le chemin d'accès (local/floor...) j'ai ouvert l'image depuis le dossier floor et j'ai utilisé l'url de l'image. J'espère que cela t'aidera.

[@thierryr9307]

Attention au Maj / Min dans le nom du fichier ! je me suis fait piéger également

[@blkOo]

@@mouncikhedari merci de l'astuce :)

[@ericbouillet9359]

Bonjour votre vidéo est très clair pour le novice que je suis ! cependant je voudrais avoir plus d'info sur entité ! comment on fait ? car à 1er vue il sont déjà fait sur votre vidéo ! merci du retour

[@Franck-sp6dq]

Bonjour, Etant débutant dans home assistant , j'ai suivis tes super indications (pas sans mal a certains moments) , mais mon plan 3d est en place , mais je me heurte à un problème. Dans la programmation de state-icone , quand je retire le "width" l'icone disparait de ma vue ?? Et si je le laisse, un seul bouton de ma vue est opérationnel

[@gillesteissere3947]

Merci pour ta vidéo claire et efficace. J'ai réussi à modéliser mon salon et placer les lumières, tout fonctionne bien. Par contre comment intégrer un flux vidéo comme tu l'as fait sur le coté et comment ajouter une température d'une pièce ? Comme tu l'as remarqué je débute ! Encore merci et bravo.

[@makernix]

Hello, voici le code qui le permet pour ma part : - type: image camera_view: live camera_image: camera.dahua_mainstream style: top: 14% left: 89% width: 10% tap_action: action: more-info

[@gillesteissere3947]

@@makernix merci encore

[@theattorney6072]

J'ai fait le plan de la maison et commence à mettre les lumières comme tu le montres. Toutefois, je ne comprend pas comment faire pour s'assurer que les lumières sont éteintes comme tu le préconises avant de créer l'image. Par ailleurs, comment allumer éteindre comme tu le fais lors de la création d'image ? Merci

[@theattorney6072]

C'est bon j'ai compris qu'il fallait les cocher en fait. Merci 😅 pas évident, je sens que le plus dur est a venir ...

[@MartialLefort]

Toujours et encore un grand MERCI pour ce tuto, qui es très bien fait et surtout sans erreur. Un seul regret est que l'on n'ait pas la possibilités de donner un peu plus vie ou d'animation à ce plan. Une question, car dans ton tuto , l'on voit un escalier. Cela veut donc dire un étage supplémentaires comment verrais tu un plan avec deux étages ?

[@makernix]

Une sous vue et sur la première vue un bouton qui envoie vers la vue étage

[@MartialLefort]

@@makernix excuse moi encore de te déranger mais tu fait comment les sous vue lol?

[@makernix]

@MartialLefort tu crée une nouvelle vue et tu coche sous vue en bas

[@MartialLefort]

OK merci et bonne année à toi , et encore un GRAND MERCI pour tes vidéo et surtout le temps que tu y passe

[@akirasan08]

C'est magnifique, mais ça comporte beaucoup trop d'inconvénient pour que j'implémente ça perso. Un réaménagement et tout est à refaire. Le logiciel est horrible à utiliser, ça m'a totalement fait décrocher. Je préfère un plan en 2D bcp plus maintenable... La partie la plus intéressante reste l'intégration HA, très utile :)

[@lucassaintmarc6543]

Excellent. Jai l'application pour ma part bug énormément des scintillement et des fenêtres que je vois en double en triple en superposition cest horrible

[@makernix]

Faut voir un ophtalmo lol La aucune idée ça m'es jamais arrivé

[@kristoff9520]

Cool mais le code n'est plus disponible....et j'ai une galere

[@philippevanachter3648]

Super , j ai cherché ca depuis assez longtemp , merci pour la superbe video , comme a déjà dit @sebbou82 , il faut crée le fichier www de soit meme et après redemarrer HA pour activer la premiere image . Pour éviter de faire des fautes dans la disposition des données des different parametre , tu pourrais peut etre metre une copie d ´un exemple de configuration dans les commentaire. De toute facon merci pour ton Boulot , Abo est activé

[@NicksStuff]

34:45 Y'a moyen d'ajouter un longPress_action ou quelque chose comme ça pour afficher le dimmer ?

[@makernix]

Oui avec hold_action: action:

[@user-qr6zz1fh6f]

Hello Makernix, Top la vidéo, ça rend super bien. Penses-tu qu'il soit possible de se servir de cette carte 3D pour l'aspirateur (Roborock S5 avec Xiaomi Cloud Map Extractor)? L'idée serait de remplacer la carte xiaomi par défaut par celle en 3D

[@makernix]

Merci :) Malheureusement, je ne pourais pas t'aider j'ai pas d'aspirateur robot :(

[@indianagrenoble38]

Techniquement tu peux afficher ta carte générée par le Lidar de robot aspirateur et la pousser comme mentionné par notre humble serviteur😅

[@theattorney6072]

​@@indianagrenoble38 Hello, comment fais tu cela ?

[@theattorney6072]

Quand tu dis qu'on "prend l'image de chaque pièce ou du moins chaque lumière/chaque entité" cela veut il dire qu'il faut le faire pour chaque lumière, puis chaque groupe de lumières, ou bien peut on juste le faire pour chaque lumière, qui seront par la suite rassemblees dans la suite de la procédure ?

[@makernix]

A la fin, l'image va réagir par rapport à l'état de la lumière, donc si tu as un groupe de lumière tu pourra ajouter le bouton pour ce groupe mais l'image de chaque entités

[@erixerix8292]

Hello, j'adore, merci beaucoup pour ce tuto super clair 🙂 Par contre, je débute sur Home Assistant et je n'ai pas le répertoire WWW dans le file editor ! Je dois le créer moi même ? Merci pour votre aide ;-)

[@makernix]

Hello, Merci pour ton commentaire Cela pourrait être lié aiu type d'installation, je ne peux malheureusement pas t'aider, je t'invite à poser le question sur le forum FR : forum.hacf.fr/

[@erixerix8292]

@@makernix Entendu, merci d'avoir pris le temps de me répondre ;-)

[@txpstar]

Hello super tuto je m'y met tisuite. Je me demande s'il n'y aurait pas bcp plus simple pour fusionner les lumières, sans se prendre la tète avec tous ces découpages et en jouant avec les transparence ccs directement dans l'attribut style. j'essairai de te faire un retour si ca t'intéresses

[@makernix]

Bien sûr que ça m’intéresse !!

[@txpstar]

@@makernix Après avoir effectué plusieurs essais (avec et sans découpage) je n'ai pas noté de différence notoire entre les deux versions. Pour ma part sur mon HA j'utilise des images sans découpage. Il m'a simplement fallut ajouter au style de chacune des images (y compris picture-element) un simple opacity: 50% et tout fonctionne correctement.

[@dronesvisionsaeriennes]

Bonsoir Makernix...j'ai reçu et installé DECO Tp link P9 et créé un 2eme réseau wifi pour HA...mon 2eme réseau est stable puisque j'ai bien mes 5 cameras AI-Thinker qui fonctionnent sans coupure une fois l'interrupteur ( via HA) sur "on "...de même quand je clique sur " on " pour la lumière de la caméra, elle s'allume/ s'éteint aussitôt.. par contre j'ai créé 3 pièces qui doivent s'éclairer quand je bascule leurs interrupteurs sur " on " , cela fonctionne seulement si je fait 1 pièce ( exemple: cuisine ), si j'ajoute dans le code yaml ( ex: salon) en 2eme pièce....seule la 2eme pièce s'active ou s'éteint sur le FloorPlan... j'ai copié le yaml de la 1ere pièce qui fonctionne et collé juste en dessous pour la 2eme pièce...mais quelque chose m'échappe...si tu as une idée ?? Merci Philippe

[@makernix]

Hello Tu peux mettre ton code yaml ?

[@MrD3laz]

super boulot et merci :) J'ai juste un petit soucis, tout fonctionne mais si je clique dans le "vide" (pas sur une des icones), il me propose d'allumer mon couloir, n'importe ou sur l'image hors icones. (Je ne sais pas si je suis clair désolé :p)

[@makernix]

Il faut organiser le doe, en premier les images puis les state-icon

[@andysuiza1]

J'ai le même souci. Organiser le DOE ? Peut-tu détailler cette opération pour corriger ce problème ? Merci@@makernix

[@vitorexposto4335]

Ola consegues fazer 2 planos..... 1 por rc e um outro por 1 andar?

[@makernix]

Sim é possivel !

[@davidfayrac464]

Bonsoir Merci Tuto super J'ai juste un problème, au moment d' importer les images dans home assistant, impossible de trouver le dossier www dans file editor J'ai installé home assistant sur un pc avec hassio Merci pour les lumières que tu pourrais m'apporter

[@makernix]

Hello Il suffit de le créer

[@davidfayrac464]

​@@makernixsalut merci pour l'info, ça marche nickel plus cas continuer

[@mathieudelacroix9758]

Très bonne vidéo une nouvelle fois, merci à toi ! Une question : il me semble que tu as paramétré les spots qui sont dans une mm pièce, un par un, mais est-ce que tu as pu créer un bouton qui permet d'allumer plusieurs spots en même temps dans HA ? Est-ce que tu aurais la solution à ça en terme de code ? Désolé si j'ai zappé cette info qq part ;)

[@makernix]

Hello J’ai fait une image pour tout les spot car à l’heure actuelle c’est piloté avec un seul interrupteur

[@makernix]

Autrement tu peux créer un groupe de lumières pour allumer plusieurs entités en même temps

[@mathieudelacroix9758]

@@makernix Je te remercie. J'ai finalement créé un groupe de plusieurs entités lumière. Je l'avais pas encore fait, mais c'est tout bon, ça marche ;) J'en profite pour une petite précision qui peut servir je pense... quand on remplace les fichiers .png dans le dossier www, il faut penser à vider le cache et supprimer les données de son navigateur, pour que les modifications soient bien prises en compte... sinon HA et le navigateur gardent les anciennes images en mémoire. J'ai rencontré ce problème.

[@user-if5mt4sf4g]

Bonjour, MERCI pour ce magnifique et complet tuto. J'ai rencontré quelques difficultés, mais j'ai finalement réussi à le faire. Par contre, il y a une flèche grise/bleue qui tourne constamment en rond au centre du plan. Pourtant tout fonctionne, j'ai cherché, défait, refait etc... Mais rien n'y fait, la flèche est toujours là. Pouvez vous m'aider ? Merci

[@makernix]

Une flèche grise/bleu ? Tu pourrais faire un post sur HACF avec une photo et m’identifierait

[@user-if5mt4sf4g]

@@makernix Bonjour, j'ai finalement remis à zéro mon HA (trop d'entités peut être dues à trop de modifications, d'essais etc... Donc retour à zéro...) Merci pour ta réactivité, je te souhaite un bon weekend.

[@makernix]

Merci à tou aussi

[@JabbTanker]

@@makernix Bonjour, j'ai le meme soucis. En fait, c'est un loader, le cercle qui tourne pendant le chargement. J'ai pas envie de tout reset pour faire fonctionner. J'ai ce loader qui tourne sans cesse et en plus, mon image découpé n'est pas affiché. J'ai pu mettre le bouton pour actionner l'interrupteur. Si vous avez une idée.

[@JabbTanker]

J'ai trouvé, en fait c'est un problème d'indentation sur state_image😄

[@theattorney6072]

J'ai vu sur un autre tuto en anglais que la personne a egalement pris une photo plein jour, genre a midi, afin de faire varier la lumiere du floorplan en fonction de l'heure de la journee et de la lumiere nagurelle ambiante. As tu une idee sur cette integration ? Merci

[@makernix]

Oui bah la c'est du taf de faire toutes les heures, puis de configurer avec des template c'est plus la même histoire lol je m'y aventurerais pas encore

[@theattorney6072]

Après plusieurs jours de tâtonnements, j'ai enfin fini la mise en place des lumières sur photopea, ayant un grand espace avec des parties ouvertes et bcp de lumières, ce n'était pas aussi facile que sur la vidéo. J'espère ne pas avoir recommencer ça trop souvent. 😅. Je me demande aussi comment rajouter la commande de la porte (Nuki) de la TV (fire TV), et de la clim, qui apparaissent sur les images que j'ai créé, et enfin s'il sera possible de rajouter la commande des volets roulants ? Faut il pour cela prevoire quelque chose afin de ne pas avoir a recommencer tout le process ? Merci

[@makernix]

Tu peux l'ajouter de la même manière que le reste non ?

[@theattorney6072]

@@makernix je vais essayer, je suis entrain de creuser la question, merci pour tes réponses à mes nombreuses questions.

[@theattorney6072]

@@makernixtu avais raison, j'ai integré très simplement l'aspi robot ainsi que la serrure nuki comme suit : - type: state-icon entity: lock.porte style: top: 22% left: 50% - type: state-icon entity: vacuum.s7 style: top: 87% left: 23% C'est pareil pour tout ce qui est firetv /Androitv ou autres entités disponibles. Pour l'aspi malheureusement on ne peut pas utiliser la carte pour lui indiquer une zone en particulier a aspirer, ce qui est bien dommage et serait l'intégration ultime pour tout possesseur d'aspi robot.

[@theattorney6072]

Pour les volets roulants je ne suis pas encore équipé, mais m'oriente vers les modules shelly pour bientôt. Je souhaiterai pouvoir voir les volets ouverts ou fermés sur le plan si possible. J'espère que tu pourras faire une vidéo là dessus 🙏

[@victordias6873]

Bonjour, Super vidéo, merci pour tout ces tutos. Je me trouve bloquer au niveau de file éditor car je n’ai pas le fichier « www » pourrais t’on m’aider ? 😁

[@makernix]

Tu est bien dans le dossier config ?

[@victordias6873]

@@makernix oui j’ai réussi il fallait simplement le créer. Merci d’avoir pris le temps de répondre.

[@MaTyX_on_144hz]

Bonjour, serait-il possible de se contacter pour avoir un petit coup de main pour une étape ? Je vous en remercie d'avance.

[@makernix]

Hello tu peux rejoindre mon Discord discord.gg/nXfhwraA

[@theattorney6072]

Juste une question stp, est ce que les etapes apres la creation d'image sont a refaire en entier a chaque fois qu'on achete/rajoute des nouvelles lumieres a notre installation ?

[@makernix]

Je te conseille de faire tout de suite tes différents éclairage, même s'ils ne sont pas connecté, ça te mermettera d'allumer les pièces une fois que tu les a connecté.

[@theattorney6072]

​@@makernix merci c'est ce que j'ai fait 👍

[@davidbrasselet406]

Bonjour Merci pour les vidéos , cela me permet de comprendre un peut Ha par contre je n ai pas d interrupteur pour mes différentes pièces et je n arrive pas a associe une lampe a un interrupteur virtuel donc la je bloque as tu un solutions encore merci a toi

[@makernix]

Hello, je ne comprends pas trop la problématique. Tu as des ampoules connectés ?

[@davidbrasselet406]

Bonjour oui j ai bien des ampoules en tuya mais ca ne fonctionne pas ! type: picture-elements elements: - type: image entity: light.ampoule_bureau_2 style: top: 50% left: 50% width: 100% state_image: 'on': /local/plans/Transparents/bureau.png 'off': /local/plans/Transparents/transparent.png - type: state-icon entity: light.ampoule_bureau_2 style: top: 77% left: 51% tape_action: action: toggle image: /local/plans/Transparents/eteint.png encore merci a toi

[@makernix]

Je vois pourtant pas d’erreurs Qu’est ce qui ne fonctionne pas exactement ? Tu pourrais faire un post sur forum.hacf.fr et me mentionner avec @makernix ce sera plus simple

[@davidbrasselet406]

@@makernix Bonjour ligne tap_action: (sans le "e" ça marche beaucoup mieux ) merci encore pour tes tutos vraiment bien !

[@theattorney6072]

J'ai fini mon floor plan et mis kiosk mode, par contre j'ai un soucis si quelqu'un peut m'aider svp, lorsequ'on clique sur les icones tout va bien, chaque lumiere s'allume, mais lorsequ'on clique par erreur ailleurs sur le plan on a le menu d'une lumiere qui sort pour choisir l'intensité lumineuse/couleur ... Je ne sais pas comment faire pour que rien ne se produit lorsequ'on touche a une zone de la carte autre Ie les icones de lumieres. Merci

[@theattorney6072]

Il me semble que c'est pareil pour toi, lorsque tu passes la souris sur le plan on voit bien que tu peux cliquer n'importe où sur la carte et cela fera apparaître les détails de la dernière lumière enregistrée dans le Plan. C'est assez embêtant je trouve, car dès qu'on ne vise pas bien l'ampoule d'une lumière on se retrouve avec ce menu qui sort .

[@makernix]

Yes il suffit d'ajouter un tap action sur none exemple: - type: image entity: switch.couloir_2 style: top: 50% left: 50% width: 100% state_image: 'on': /local/floor/switch.couloir_2.png 'off': /local/floor/transparent.png tap_action: action: none Je l'ai découvert par la suite

[@theattorney6072]

@@makernix Merci ça marche nickel en effet, j'ai trouvé l'astuce juste avant ton message sur les commentaires d'une autre video en anglais.

[@MrNicbeso]

ça me saoul ,je fais tout mais l image n apparait pas!!!

[@Hichiro66]

restart Home Assistant, j'ai eu pareil

[@dekikonsmoque690]

domage que nous pouvont pas le faire avec sketchup beaucoup plus simple

[@makernix]

C’est aussi possible avec sketch up je trouve juste moins facile a prendre en main

[@dekikonsmoque690]

@@makernix a non moi je te fais des truc de malade avec sketchup

[@alexlesudiste]

Ça prend du temps tout ça et c’est assez complexe

[@makernix]

Cela prend surtout du temps, mais pour ma part c'est un temps a passer une fois et ensuite il suffit d'ajouter des apareils au fur et à mesur de l'installation.

[@TheNapoleon1790]

bonjour, dans image: /local/floor/off.png le off sors d'où ?

[@Hichiro66]

Oui je comprend pas non plus, pour moi il a oublié une image

[@nourddineessaidi7421]

j'ai fais tous les étapes tous ça se pace bien mais j'ai un problème dans la partie de carte image, j'ai crée {/local/floor/off.png} aucun image affichie

[@indianagrenoble38]

Allez je creuse le sujet... J'aimerais afficher un PGN transparent 50% de mon Chauffe eau en rouge + sa valeur mesurée lorsque Puissance consommée > 50 W par dessus ;), je précise que la Puissance du chauffe eau est mesurée à partir d'un SHELLEY EM avec 2x Tores de Mesure... En gros je ne sais pas quoi mettre ici - type: image entity: sensor.ballon_ec_power style: top: 50% left: 50% width: 100% state_image: 'on': /local/floorv2/LEBRUYANT-1_sdb_bas_chauffe_eau-rouge.png 'off': /local/floorv2/LeBruyant_transparent.png En gros comment afficher déjà au moins la valeur du chauffe eau ?!