Crée des représentations de ses pièces et maison avec l'IA

Bonjour a tous,

Si comme moi vous avez du mal a trouver des images sympas et qui correspondent à vos besoins pour illustrer vos pièces, j’ai trouvé ce tuto sur le community international. Je suis assez content du résultat chez moi. En espérant que ce soit pareil chez vous.

7 « J'aime »

Je viens de tester , c’est bluffant, merci pour le partage.

Hello,

merci pour le partage, je garde dans un coin.

cdt

re,

Bluffant, c’est le mot :slight_smile:
cdt

Je m’amuse avec à faire des 3D, par moment des supers d’autres fois il modifie trop :sweat_smile:.
On est limité en envoie de photos par jour mais j’en fais un peu tous les jours
Je retouche les fond de plan pour harmoniser.

Pareil, 3 par jour, parfois ça foire mais globalement ça marche très bien.
il a foiré le garage par exemple, on verra qd j’aurai fait le tour :slight_smile:


Si ça foire je lui demande de modifier ce qui ne va pas (couleur, objet…) et généralement au 2e coup c’est ok. Bon j’ai l’avantage de pas être limité en nombre.

1 « J'aime »

Pas mal le labo, des câbles et des écrans bien représenté :rofl:

oui il a été gentil sur le bordel :smiley:

Salut,

J’aime assez les rendus, à voir si ça marche aussi à partir de mes vues lego… J’ai juste peur qu’avec les X calques pour les effets lumières/objets etc ça soit un peu moins souple à gérer
J’essayerai de faire un test ce WE.

Salut,
Je continue un peu tous les jours selon les nombres de requête de chatgpt.
Avec picture-elements, c’est pas mal mais je trouve qu’on est assez limité dans la customisation
Vous avez des astuces pour customiser les state badge, les states icons ne sont pas top
Comme style j’ai seulement trouvé ceci pour le moment, j’ai pas énormément cherché non plus :sweat_smile:

  - type: state-label
    entity: sensor.exterieure
    style:
      left: 90%
      top: 5%
      color: black
      font-weight: bold
      font-size: 18px
  - type: state-badge
    entity: light.buffet_color
    style:
      left: 25%
      top: 55%
      color: transparent


C’est pour s’amuser ca je ne me vois pas encore intégrer l’ensemble des mes devices dans ces vues mais ca claque pas mal

1 « J'aime »

Salut

Les badges sont clairement pas assez souples.
Par contre, on peut exploiter toutes les cartes customs à la place. Et jouer avec cardmod si besoin

Hello,

je n’ai que les températures en state-badge parce que je ne sais pas quoi mettre pour le moment
avec cardmod

  - type: state-badge
    entity: sensor.esp1_entree_temperature1
    style:
      top: 66%
      left: 70.7%
      font-size: 9px
      color: transparent
    card_mod:
      style: |
        :host {
          --label-badge-red: 
            {% if states('sensor.esp1_entree_temperature1') | int <= 15 %}
              skyblue
            {% elif states('sensor.esp1_entree_temperature1') | int <= 20 %}
              green
            {% elif states('sensor.esp1_entree_temperature1') | int <= 25 %}
              orange
            {% elif states('sensor.esp1_entree_temperature1') | int >= 29 %}
              red
            {% else %}
              black
            {% endif %}
          ;
        }

cdt

1 « J'aime »

Tu as des exemples à nous montrer.
On peut imaginer rajouter des cartes via layout card, je ne maitrise pas !
Edit : ok j’ai compris en cherchant, j’avais déjà fait cela, à travailler

1 « J'aime »

J’ai pas un accès facile sous la main (le téléphone c’est trop pénible pour partager du code), mais j’ai effectivement pas mal de mushroom templates, quelques custom buttons, des markdowns.
Je rentre ce WE chez moi, donc j’aurai plus de truc à partager

J’ai trouvé en fait, j’ai fait différent exemple pour tester, le button card est plus flexible :grinning:

type: picture-elements
elements:
  - type: state-badge
    style:
      left: 15%
      top: 65%
      color: transparent
    entity: cover.volet_buanderie_position_1
    tap_action:
      action: toggle
  - type: state-label
    entity: sensor.sonde_buanderie_temperature
    style:
      left: 37%
      top: 78%
      color: white
      font-weight: bold
      font-size: 18px
  - type: custom:mushroom-template-card
    icon: mdi:window-shutter
    primary: null
    secondary: |
      {% if is_state('cover.volet_parents_position_1', 'open') %}
        Ouvert
      {% else %}
        Fermé
      {% endif %} 
    multiline_secondary: true
    tap_action:
      action: toggle
    style:
      top: 30%
      left: 15%
    card_mod:
      style:
        mushroom-shape-icon$: |
          .shape {
            --shape-color: transparent !important;
           }   
        .: |
          ha-state-icon {
            {% if is_state('cover.volet_parents_position_1', 'open') %}
              color: green;
            {% else %}
              color: orange;
            {% endif %}          
          }      
          ha-state-icon {
            --icon-symbol-size: 40px;
          }
          ha-card {
            border-width: 0px !important;
            background-color: transparent;
            }
  - type: custom:button-card
    style:
      top: 40%
      left: 15%
    name: Conf.
    entity: cover.volet_parents_position_1
    show_state: true
    show_icon: true
    show_name: false
    icon: |
      [[[
        if (states['cover.volet_parents_position_1'].state == 'open')
          return 'mdi:window-shutter-open';
        else if (states['cover.volet_parents_position_1'].state == 'closed')
          return 'mdi:window-shutter';
      ]]]
    size: 100%
    styles:
      state:
        - font-size: 60%
      card:
        - height: 40px
        - width: 50px
    state:
      - value: open
        styles:
          icon:
            - color: green
          state:
            - color: white
          card:
            - color: green
          name:
            - color: white
    card_mod:
      style: |
        ha-card {
          border: solid 2px;
          box-shadow: none;
        }
image: /local/images/buanderie_skyblue.png

1 « J'aime »

Re,

les aléas du direct :smiley: 1 seule chaussure …

corrigé

cdt

1 « J'aime »

Pour vos entités à afficher, custom:button-card vous permettra de les mettre où vous voulez au pixel près, de mettre des animations, des changements de couleurs en fonction des états, possibilité de mettre des pseudos pop-up, etc…
Si vous avez du mal, n’hésitez pas à demander

1 « J'aime »

Les autres aussi font ça :wink:

Je ne crois pas que tu puisses faire la même chose avec une seule carte custom y compris mettre en fond l’image générée par IA