Компонент интерактивной карты дома для Home Assistant: развитие
Две недели назад публиковал первый пост о своем компоненте. Ну, теперь кажется, что там был простенький и неуклюжий набросок, по сравнению с тем, что умеет и как работает сейчас. Функционала не прям много, старался не отходить от целей и задач, но все-таки много инструментов появилось. Ненадолго передаю слово Клоду, он даст дайджест изменений:
Дом стал живым
- Новый режим заливки «Свет по источникам»: весь дом тёмный, включённые лампы дают пятна света своего цвета (RGB или температура), свет проникает через дверные проёмы в соседние комнаты. Радиус свечения настраивается для каждой лампы.
- Иконки отражают состояние как в HA: двери/окна открыты-закрыты, лампы горят своим цветом, тревоги (дым, протечка) пульсируют красным. Вместо иконки датчика можно показывать само значение (температуру, влажность).
- Подписи комнат превратились в карточки: имя + температура, влажность, сигнал Zigbee, свет («1 из 3»). Карточки можно двигать и растягивать.
Управление прямо с плана
- Лампы, люстры и группы света переключаются кликом по умолчанию — ничего настраивать не нужно. Правый клик по любому устройству — карточка HA.
- Выключатель на плане может управлять любым набором ламп (даже если сам он «тупой» или это кнопка-пульт): клик переключает все разом, значок показывает их состояние.
- У двери с замком в карточке появилась кнопка «Открыть/Закрыть замок». Сам замок кликом с плана не переключается никогда — только осознанной кнопкой.
Редакторы
- Три отдельных редактора вкладками: План (комнаты, двери-окна), Устройства (значки), Подложка (линии, фигуры, надписи — чистый декор). Просмотр — безопасный режим по умолчанию: ничего нельзя случайно сдвинуть.
- Рисование прокачано: объединение и разделение комнат (в т.ч. ломаной линией), комнаты внутри комнат (колонна, кладовка), «виртуальные стены» — условные границы зон, через которые проходит свет (рисуются пунктиром).
- Помощник выравнивания: направляющие линии от соседних объектов и подсветка углов, кратных 45° — лампы легко выстроить в ряд.
- Двери и окна ставятся кликом по стене с превью, знают свой датчик открытия и замок, рисуются открытыми/закрытыми вживую. Линейка показывает длину и угол в реальных метрах/футах.
Мелочи, которые заметите
- Новое устройство в HA появляется на плане с красной точкой — пока не откроете его настройки.
- План запоминает, где вы были: этаж и редактор восстанавливаются после закрытия вкладки.
- Значок-ссылка у имени комнаты ведёт в зону HA.
В планах - адаптация под планшеты, для постоянного использования в настенном режиме.
Живет по-прежнему тут: https://github.com/Matysh/houseplan-card
Очередь на публикацию в HACS уже подвинулась чуть ближе, но всё еще далеко))
А как показывается открытие окон?
P.S. Заливка на демонстрационном видео выглядит странно. Когда это небольшой источник света - допустим, но у вас люстра не оставляет неосвещённые углы у комнаты, там просто немного темнее, т.е. как будто либо слишком резкая граница размытия, либо на превью выбран недостаточный "размер" светового пятна.
Объясню, что смущает. Можно рисовать схематично, а можно - реалистично. Смешение этих стилей лично для меня выглядит странно. В качестве примера - мои планы, планами в целом я пользуюсь уже давно.
В 3D - первый план, что я собирал. Там план занимал большую часть экрана а сбоку было меню с кнопками. Во первых это была куча PNGшек с прозрачностью для наложения света из комнаты в комнату чтобы "по красоте". Во вторых я туда же пытался докинуть поверх плана иконки левитирующие для управления девайсами, цифры температуры и прочее.
В итоге получилось какое-то нагромождение, когда это фактически 3д-вид, но с кнопками от 2д-панели, да ещё и на мобилке всё было плохо с отображением.
Синий блюпринт - актуальный план. Он показывает свет и некоторые крупные девайсы типа ПК. Да, там вращаются вентиляторы и входная дверь, например, может поменять своё положение, а окно подсвечивается, если открыто (я потому и спросил как у вас сделано потому что тут нет единообразия), но на этом всё. За состояния отвечает другой блок, за управление - третий. То есть я не пытаюсь вложить в план вообще всё - и мне кажется это важный момент. И свет тыкается не виртуальной летающей кнопулькой где-то в границах комнаты а прям по комнате ТЫК - и вот свет. Удобно на мобилке.