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
Tem que ser assim
tap_action:
action: toggle
Aonde vc criou essa imagem?
1 curtida
Tem um vídeo no YouTube explicando bem
2 curtidas
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
