Modelo 3d de casa inteligente

kleberkadanus · Dezembro 8, 2023, 10:23am

Bloco de Citação
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

kleberkadanus · Dezembro 9, 2023, 5:08pm

Atualizei.muita coisa já, mas ainda não consigo fazer que quando eu clicar no ícone da lâmpada ela execute a ação sem aparecer a tela do interruptor…

kleberkadanus · Dezembro 9, 2023, 5:09pm

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: 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: 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: 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: 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: 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: image
entity: switch.sala_interruptor_2
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

type: state-icon
entity: switch.cozinha_interruptor_1
style:
left: 65%
top: 38%
width: 6%
tap_action:
action: toggle

type: state-icon
entity: switch.cozinha_interruptor_3
style:
left: 55%
top: 35%
width: 9%
tap_action:
action: toggle

type: state-icon
entity: light.quarto_meninas
style:
left: 40%
top: 50%
width: 9%
tap_action:
action: toggle

type: state-icon
entity: switch.cozinha_interruptor_4
style:
left: 52%
top: 70%
width: 9%
tap_action:
action: toggle

type: state-icon
entity: switch.sala_interruptor_1
style:
left: 69%
top: 69%
width: 15%
tap_action:
action: toggle

type: state-icon
entity: switch.sala_interruptor_2
style:
left: 77%
top: 47%
width: 15%
opacity: 0.6
‘–mdc-icon-size’: 15px
‘–paper-item-icon-color’: whtite
tap_action:
action: toggle

Bloco de Citação

kleberkadanus · Dezembro 9, 2023, 5:10pm

Acima coloquei o código do jeito que me pediu…

Walber · Dezembro 9, 2023, 6:49pm

Ainda não ficou da maneira correta.

Coloca 3 crases, o código copiado do card e mais 3 crases

Seu código aqui

Pq vc esta usando image e state para a mesma entidade?

kleberkadanus · Dezembro 9, 2023, 9:51pm

Estou usando para que quando tiver on exiba uma imagem, quando off exiba outro…

Exatamente como no vídeo postado aqui…

Vou tentar de novo o codigo

kleberkadanus · Dezembro 9, 2023, 9:53pm

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: 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: 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: 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: 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: 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: image
    entity: switch.sala_interruptor_2
    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
  - type: state-icon
    entity: switch.cozinha_interruptor_1
    style:
      left: 65%
      top: 38%
      width: 6%
      tap_action:
        action: toggle
  - type: state-icon
    entity: switch.cozinha_interruptor_3
    style:
      left: 55%
      top: 35%
      width: 9%
      tap_action:
        action: toggle
  - type: state-icon
    entity: light.quarto_meninas
    style:
      left: 40%
      top: 50%
      width: 9%
      tap_action:
        action: toggle
  - type: state-icon
    entity: switch.cozinha_interruptor_4
    style:
      left: 52%
      top: 70%
      width: 9%
      tap_action:
        action: toggle
  - type: state-icon
    entity: switch.sala_interruptor_1
    style:
      left: 69%
      top: 69%
      width: 15%
      tap_action:
        action: toggle
  - type: state-icon
    entity: switch.sala_interruptor_2
    style:
      left: 77%
      top: 47%
      width: 15%
      opacity: 0.6
      '--mdc-icon-size': 15px
      '--paper-item-icon-color': whtite
      tap_action:
        action: toggle

kleberkadanus · Dezembro 9, 2023, 9:55pm

Lembrando que não está pronto, mas quero resolver a questão de quando apertar no ícone da lâmpada a luz faça sua função sem aparecer a tela de interruptor

Walber · Dezembro 9, 2023, 10:06pm

Eu faço exatamente isso, mas usando só o image.
A única diferença é que para isso o action tem que ser adicionado no image.

kleberkadanus · Dezembro 9, 2023, 10:32pm

E como seria?

Aí eu me perco um pouco kkkk

Walber · Dezembro 9, 2023, 10:47pm

O meu fica assim.
Como uso a imagem de fundo com todas luzes apagadas, eu só uso o state_image on, mas basta vc adicionar o off caso necessário.

elements:
  - type: image
    entity: light.corredor_frente_esquerda
    tap_action:
      action: toggle
    hold_action:
      action: call-service
      service: light.turn_off
      data:
        entity_id: all
    image: local/projeto/android/frente_esq_off1.png
    state_image:
      'on': local/projeto/android/frente_esq1.png
    aspect_ratio: 0%
    style:
      transform: none
      top: 58.9896579157%
      left: 43.20%
      width: 42.16%

kleberkadanus · Dezembro 10, 2023, 10:24am

O service não funciona no meu h.a, estou usando tuya, quando chamo esse serviço de trun.off não funciona, me retorna erro, dizendo que não foi possível chamar o serviço!

Não sei se é essa a causa de eu não conseguir executar a ação direto sem a tela do interruptor

kleberkadanus · Dezembro 10, 2023, 10:25am

No meu caso, eu vou utilizar 2 imagens de fundo, uma durante o dia e uma durante a noite, utilizando a entidade sun.sun para me dizer e trocar a imagem no por do sol ou no nascer do sol…

Isso foi um passo muito bom no meu ver…

Walber · Dezembro 10, 2023, 12:10pm

Vc mudou a entidade completa?
Pq as minhas são Light e as suas são switch.

As imagens estão acompanhando o estado da entidade?

kleberkadanus · Dezembro 10, 2023, 9:42pm

Não mudei para light, posso tentar…
Sim as imagens estão acompanhando o status

Walber · Dezembro 11, 2023, 2:20am

O meu tá light, se a entidade que vc quer controlar é switch vc tem que deixar como switch.

Se não está funcionando da maneira que postei, tenta indicar a entidade

    tap_action:
      action: call-service
      service: switch.toggle
      data:
        entity_id: switch.cozinha

kleberkadanus · Dezembro 12, 2023, 10:01am

Ainda não deu, quando Clico ainda chama o interruptor na tela e não executa a ação direto…

Walber · Dezembro 12, 2023, 12:04pm

Testei aqui com Switch e tbm funcionou

switch:

  - type: image
    entity: switch.bomba_piscina
    tap_action:
      action: toggle
    state_image:
      'on': local/casa/up_enable.png
      'off': local/casa/Stop1NormalRed.png
    aspect_ratio: 0%
    style:
      transform: none
      top: 1.88%
      left: 58.98965792%
      width: 8.58392999%

light:

  - type: image
    entity: light.sala_sanca_sala
    tap_action:
      action: toggle
    state_image:
      'on': local/casa/up_enable.png
      'off': local/casa/Stop1NormalRed.png
    aspect_ratio: 0%
    style:
      transform: none
      top: 1.88%
      left: 58.98965792%
      width: 8.58392999%

Não sei o que pode ser, minha sugestão é vc fazer o backup do código atual e apagar tudo, deixando apenas a imagem de fundo e 1 entidade para testar

kleberkadanus · Dezembro 12, 2023, 12:15pm

Vou testar , vou começar um código do zero e ver… As vezes penso que pode ser a marca dos meus dispositivos que são tuya da ekaza… Mas vou testar

Walber · Dezembro 12, 2023, 12:23pm

Se já está integrado no HA como light ou switch, para o HA tanto faz a marca.