Modelo 3d de casa inteligente

Bom dia

Estou fazendo o modelo 3d no meu ha, porém não consigo adicionar o ícone para poder acender ou apagar o cômodo, alguém sabe qual a linha de comando para isso?

Desde já agradeço

Codigo que estou utilizando

Tem que ser assim

    tap_action:
      action: toggle

Aonde vc criou essa imagem?

1 Like

Tem um vídeo no YouTube explicando bem

2 Likes

Diz exatamente como está no vídeo, mas na hora do ícone da erro…

No vídeo do colega de baixo explica passo a passo

Ok, estou conseguindo colocar os ícones, já consegui resolver, mas o problema é que quando eu coloco no ícone, me apresenta o interruptor da última entidade do código na casa toda, viu deixar fotos de 2 exemplo

1: Clico na lâmpada da cozinha

E ele chama o interruptor do escritório

Sabem como resolver?

Provavelmente a ordem das suas camadas estão erradas. As imagens no painel, seguem a ordem do código.
Coloca as imagens maiores primeiro e depois as menores

Eu consigo colocar uma camada em cima com uma imagem transparente e depois colocar os ícones para ligar e desligar?

Eu teria que fazer do jeito que está, mas, coloco no final uma camada de imagem transparente e aí começo adicionar os ícones, na minha cabeça da certo, será que dá ?

Onde tem um tutorial para poder fazer um card desse?

Achei interessante, mas não acho lugar algum para isso

No meu eu tenho uma imagem com a casa toda e as luzes apagadas. Essa imagem é a primeira no código.
Depois adicionei as imagens menores de cada cômodo com a luz acesa, mas dependendo da imagem tive que colocar para cima, pois o cômodo é um L, mas a imagem é sempre retangular.

Onde está vermelho tive que colar para cima no código e as verdes para baixo

Entendi, e você conseguiu adicionar a central da Intelbras aí?

Sim. Os traços verdes são portas fechadas e vermelho portas abertas. Na lateral Adicionei um botão para ativar/ desativar

Consegue me passar como você integrou?

Da uma olhada aí em cima, tem um vídeo no YouTube vem explicativo

Bom, resolvi um problema, agora cai em outro kkkk, eu gostaria de que quando eu aperta no ícone, aconteça a ação direta, mas. Vez disso abre a tela de interruptor, como na foto, tem como resolver?

Da uma olhada aqui.

No meio do tópico tem um post com as instruções e mais para o final tem o código atualizado.

Posta como ficou o código do interruptor

type: picture-elements
image: /local/imagens/3d/kleber/casa_off.png
style:
top: 30%
left: 30%
elements:

  • type: image
    entity: switch.cozinha_interruptor_4
    style:
    top: 50%
    left: 50%
    width: 100%
    state_image:
    ‘on’: /local/imagens/3d/kleber/corredor fundos on.png
    ‘off’: /local/imagens/3d/kleber/transparente.png
  • type: image
    entity: switch.cozinha_interruptor_1
    style:
    top: 50%
    left: 50%
    width: 100%
    state_image:
    ‘on’: /local/imagens/3d/kleber/cozinha on.png
    ‘off’: /local/imagens/3d/kleber/transparente.png
  • type: state-icon
    entity: switch.cozinha_interruptor_1
    style:
    left: 65%
    top: 38%
    width: 6%
    tap_action:
    action: toggle
  • type: image
    entity: switch.cozinha_interruptor_3
    style:
    top: 50%
    left: 50%
    width: 100%
    state_image:
    ‘on’: /local/imagens/3d/kleber/hall qto on.png
    ‘off’: /local/imagens/3d/kleber/transparente.png
  • type: state-icon
    entity: switch.cozinha_interruptor_3
    style:
    left: 55%
    top: 35%
    width: 9%
    tap_action:
    action: toggle
  • type: image
    entity: light.quarto_meninas
    style:
    top: 50%
    left: 50%
    width: 100%
    state_image:
    ‘on’: /local/imagens/3d/kleber/qto meninas on.png
    ‘off’: /local/imagens/3d/kleber/transparente.png
  • type: state-icon
    entity: light.quarto_meninas
    style:
    left: 40%
    top: 50%
    width: 9%
    tap_action:
    action: toggle
  • type: image
    entity: light.quarto_casal
    style:
    top: 50%
    left: 50%
    width: 100%
    state_image:
    ‘on’: /local/imagens/3d/kleber/qto casal on.png
    ‘off’: /local/imagens/3d/kleber/transparente.png
  • type: state-icon
    entity: switch.cozinha_interruptor_4
    style:
    left: 52%
    top: 70%
    width: 9%
    tap_action:
    action: toggle
  • type: image
    entity: switch.sala_interruptor_1
    style:
    top: 50%
    left: 50%
    width: 100%
    state_image:
    ‘on’: /local/imagens/3d/kleber/sala on.png
    ‘off’: /local/imagens/3d/kleber/transparente.png
  • type: state-icon
    entity: switch.sala_interruptor_1
    style:
    left: 69%
    top: 69%
    width: 15%
    tap_action:
    action: toggle
  • type: image
    entity: switch.sala_interruptor_2
    style:
    top: 50%
    left: 50%
    width: 100%
    state_image:
    ‘on’: /local/imagens/3d/kleber/escritorio kleber on.png
    ‘off’: /local/imagens/3d/kleber/transparente.png
  • type: state-icon
    entity: switch.sala_interruptor_2
    style:
    left: 77%
    top: 47%
    width: 15%
    tap_action:
    action: toggle
  • type: image
    entity: switch.sala_interruptor_3
    style:
    top: 50%
    left: 50%
    width: 100%
    state_image:
    ‘on’: /local/imagens/3d/kleber/hall entrada on.png
    ‘off’: /local/imagens/3d/kleber/transparente.png
  • type: image
    entity: switch.qto_casal_cama_interruptor_2
    style:
    top: 50%
    left: 50%
    width: 100%
    state_image:
    ‘on’: /local/imagens/3d/kleber/frente on.png
    ‘off’: /local/imagens/3d/kleber/transparente.png
  • type: image
    entity: switch.lavanderia_interruptor_1
    style:
    top: 50%
    left: 50%
    width: 100%
    state_image:
    ‘on’: /local/imagens/3d/kleber/lavanderia on.png
    ‘off’: /local/imagens/3d/kleber/transparente.png
  • type: image
    entity: switch.lavanderia_interruptor_2
    style:
    top: 50%
    left: 50%
    width: 100%
    state_image:
    ‘on’: /local/imagens/3d/kleber/muro on.png
    ‘off’: /local/imagens/3d/kleber/transparente.png
  • type: image
    entity: switch.escritorio_katia_interruptor_1
    style:
    top: 50%
    left: 50%
    width: 100%
    state_image:
    ‘on’: /local/imagens/3d/kleber/escritorio katia on.png
    ‘off’: /local/imagens/3d/kleber/transparente.png
  • type: image
    image: /local/imagens/3d/kleber/transparente.png
    style:
    top: 50%
    left: 50%
    width: 100%
  • type: state-icon
    entity: switch.cozinha_interruptor_4
    style:
    left: 65%
    top: 10%
    width: 9%
    tap_action:
    action: toggle

Posta o código na formatação correta, dessa maneira não tem como ver a indentação

Estou no celular e não consigo ver direito.
Mas parece que vc criou 2 “cards” para cada entidade, um state e outro image.
Aqui eu uso só o image