11

Компонент интерактивной карты дома для Home Assistant: развитие

Серия Houseplane: интерактивный план дома HomeAssistant

Две недели назад публиковал первый пост о своем компоненте. Ну, теперь кажется, что там был простенький и неуклюжий набросок, по сравнению с тем, что умеет и как работает сейчас. Функционала не прям много, старался не отходить от целей и задач, но все-таки много инструментов появилось. Ненадолго передаю слово Клоду, он даст дайджест изменений:

Дом стал живым

- Новый режим заливки «Свет по источникам»: весь дом тёмный, включённые лампы дают пятна света своего цвета (RGB или температура), свет проникает через дверные проёмы в соседние комнаты. Радиус свечения настраивается для каждой лампы.

- Иконки отражают состояние как в HA: двери/окна открыты-закрыты, лампы горят своим цветом, тревоги (дым, протечка) пульсируют красным. Вместо иконки датчика можно показывать само значение (температуру, влажность).

- Подписи комнат превратились в карточки: имя + температура, влажность, сигнал Zigbee, свет («1 из 3»). Карточки можно двигать и растягивать.

Управление прямо с плана

- Лампы, люстры и группы света переключаются кликом по умолчанию — ничего настраивать не нужно. Правый клик по любому устройству — карточка HA.

- Выключатель на плане может управлять любым набором ламп (даже если сам он «тупой» или это кнопка-пульт): клик переключает все разом, значок показывает их состояние.

- У двери с замком в карточке появилась кнопка «Открыть/Закрыть замок». Сам замок кликом с плана не переключается никогда — только осознанной кнопкой.

Редакторы

- Три отдельных редактора вкладками: План (комнаты, двери-окна), Устройства (значки), Подложка (линии, фигуры, надписи — чистый декор). Просмотр — безопасный режим по умолчанию: ничего нельзя случайно сдвинуть.

- Рисование прокачано: объединение и разделение комнат (в т.ч. ломаной линией), комнаты внутри комнат (колонна, кладовка), «виртуальные стены» — условные границы зон, через которые проходит свет (рисуются пунктиром).

- Помощник выравнивания: направляющие линии от соседних объектов и подсветка углов, кратных 45° — лампы легко выстроить в ряд.

- Двери и окна ставятся кликом по стене с превью, знают свой датчик открытия и замок, рисуются открытыми/закрытыми вживую. Линейка показывает длину и угол в реальных метрах/футах.

Мелочи, которые заметите

- Новое устройство в HA появляется на плане с красной точкой — пока не откроете его настройки.

- План запоминает, где вы были: этаж и редактор восстанавливаются после закрытия вкладки.

- Значок-ссылка у имени комнаты ведёт в зону HA.

В планах - адаптация под планшеты, для постоянного использования в настенном режиме.

Живет по-прежнему тут: https://github.com/Matysh/houseplan-card

Очередь на публикацию в HACS уже подвинулась чуть ближе, но всё еще далеко))

Home Assistant

50 постов1.1K подписчиков

Правила сообщества

Сообщество не имеет каких-либо строгих правил для размещения публикаций за исключением офтопа (не по теме сообщества) и публикаций нарушающих правила сайта Pikabu - https://pikabu.ru/information/rules.

Автор поста оценил этот комментарий

Будем подождать когда появится в hacs

раскрыть ветку (1)
2
Автор поста оценил этот комментарий

ну ставить через него можно и сейчас, просто репозиторий вручную добавлять надо

1
о мото
Автор поста оценил этот комментарий

Пересылаю вам отзыв из нашего внутреннего чатика:

пощупал, да удобно и не удобно, мало гибкости. к примеру: кастомный сенсор температуры\влажности тяжко привязывать к помещению, гемморой с установкой личный светильников, нельзя настроить размер шрифта помещений и их температур. карточки которые показывает создатель не совсем удобные и мало гибкие. на компе еще как то удобно. на планшете при тапе вылезает всегда доп надписи - мешают. отключить переход в помещение или его границы нельзя(или не работают) но да, удобно перетаскивать иконки :)

раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Кастомный сенсор температуры/влажности к помещению — сделали. У каждой комнаты появились свои настройки (шестерёнка на карточке комнаты в редакторе плана): там можно явно выбрать источник температуры и влажности — любое устройство или сущность HA, включая template-сенсоры без зоны. Источник подхватывают карточка комнаты, тултип и температурная заливка.

Размер шрифта помещений и подписей — сделали, три уровня: базовый размер карточек на всё пространство (настройки пространства), плюс отдельно размер названия и размер подписей у каждой комнаты (50–300%, с живым примером прямо в диалоге). А ещё карточку комнаты можно растянуть мышью за угловые метки в редакторе плана, и на настенных планшетах есть свой множитель размеров (долгое нажатие по пустому месту в киоск-режиме).

Надписи при тапе на планшете — это был баг: hover-тултипы выскакивали при касаниях. Починили — на тач-устройствах их больше нет (данные остались в карточках комнат и по долгому нажатию).

Переход в помещение и границы — переход по клику на комнату мы убрали ещё в v1.40.1 (осталась маленькая иконка-ссылка у названия), а границы отключаются в настройках пространства («показывать границы»). Если у вас это не работало — уточните, пожалуйста, версию: похоже, стояла заметно старая.

И два уточнения, чтобы добить остальное:

Про «личные светильники» — что именно не получилось: добавить отдельную лампу из группы, или что-то другое? В свежих версиях в диалоге привязки есть галочка «Отображать сущности» — она открывает все сущности устройств, включая отдельные лампы.

Про «карточки неудобные и мало гибкие» — какие карточки имеются в виду (инфо-карточка устройства, карточка комнаты?) и чего в них не хватает? Хотим починить предметно.

Обновитесь до последней версии (HACS → House Plan → Update) — большая часть вашего списка уже там.

показать ответы
1
о мото
Автор поста оценил этот комментарий

Пересылаю вам отзыв из нашего внутреннего чатика:

пощупал, да удобно и не удобно, мало гибкости. к примеру: кастомный сенсор температуры\влажности тяжко привязывать к помещению, гемморой с установкой личный светильников, нельзя настроить размер шрифта помещений и их температур. карточки которые показывает создатель не совсем удобные и мало гибкие. на компе еще как то удобно. на планшете при тапе вылезает всегда доп надписи - мешают. отключить переход в помещение или его границы нельзя(или не работают) но да, удобно перетаскивать иконки :)

раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Спасибо! Изучу, вернусь с вопросами.

0
о мото
Автор поста оценил этот комментарий

Хм, то есть отображение на самом плане не меняется, меняется вид значка?

раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Пока так, да. В целом дешево переделать, чтобы визуально менялось открытое\закрытое... Но не уверен что надо, ведь окон и дверей с датчиками в среднем гораздо меньше, чем обычных, и они часто стоят вперемешку, может быть путаница.

1
о мото
Автор поста оценил этот комментарий

А как показывается открытие окон?


P.S. Заливка на демонстрационном видео выглядит странно. Когда это небольшой источник света - допустим, но у вас люстра не оставляет неосвещённые углы у комнаты, там просто немного темнее, т.е. как будто либо слишком резкая граница размытия, либо на превью выбран недостаточный "размер" светового пятна.


Объясню, что смущает. Можно рисовать схематично, а можно - реалистично. Смешение этих стилей лично для меня выглядит странно. В качестве примера - мои планы, планами в целом я пользуюсь уже давно.


В 3D - первый план, что я собирал. Там план занимал большую часть экрана а сбоку было меню с кнопками. Во первых это была куча PNGшек с прозрачностью для наложения света из комнаты в комнату чтобы "по красоте". Во вторых я туда же пытался докинуть поверх плана иконки левитирующие для управления девайсами, цифры температуры и прочее.

В итоге получилось какое-то нагромождение, когда это фактически 3д-вид, но с кнопками от 2д-панели, да ещё и на мобилке всё было плохо с отображением.


Синий блюпринт - актуальный план. Он показывает свет и некоторые крупные девайсы типа ПК. Да, там вращаются вентиляторы и входная дверь, например, может поменять своё положение, а окно подсвечивается, если открыто (я потому и спросил как у вас сделано потому что тут нет единообразия), но на этом всё. За состояния отвечает другой блок, за управление - третий. То есть я не пытаюсь вложить в план вообще всё - и мне кажется это важный момент. И свет тыкается не виртуальной летающей кнопулькой где-то в границах комнаты а прям по комнате ТЫК - и вот свет. Удобно на мобилке.

Иллюстрация к комментарию
Иллюстрация к комментарию
раскрыть ветку (1)
0
Автор поста оценил этот комментарий

У окна в настройках можно выбрать датчик открытия, тогда рядом с окном будет иконка замка в актуальном статусе, как и у дверей. Заливка светом - радиус настраивается для каждого источника.

показать ответы

Темы

Политика

Теги

Популярные авторы

Сообщества

18+

Теги

Популярные авторы

Сообщества

Игры

Теги

Популярные авторы

Сообщества

Юмор

Теги

Популярные авторы

Сообщества

Отношения

Теги

Популярные авторы

Сообщества

Здоровье

Теги

Популярные авторы

Сообщества

Путешествия

Теги

Популярные авторы

Сообщества

Спорт

Теги

Популярные авторы

Сообщества

Хобби

Теги

Популярные авторы

Сообщества

Сервис

Теги

Популярные авторы

Сообщества

Природа

Теги

Популярные авторы

Сообщества

Бизнес

Теги

Популярные авторы

Сообщества

Транспорт

Теги

Популярные авторы

Сообщества

Общение

Теги

Популярные авторы

Сообщества

Юриспруденция

Теги

Популярные авторы

Сообщества

Наука

Теги

Популярные авторы

Сообщества

IT

Теги

Популярные авторы

Сообщества

Животные

Теги

Популярные авторы

Сообщества

Кино и сериалы

Теги

Популярные авторы

Сообщества

Экономика

Теги

Популярные авторы

Сообщества

Кулинария

Теги

Популярные авторы

Сообщества

История

Теги

Популярные авторы

Сообщества

Недвижимость и ремонт

Теги

Популярные авторы

Сообщества