Планы

Новые релизы, обновления и т.п.

Модератор: immortal

Chainik
Сообщения: 761
Зарегистрирован: Вс янв 10, 2016 11:05 am
Благодарил (а): 84 раза
Поблагодарили: 210 раз

Re: Планы

Сообщение Chainik » Пт мар 08, 2019 4:26 pm

Подтверждаю, выскакивает такая же ошибка.

Еще заметил, что в случае, когда план помещен на сцену, не отображаемую в данный момент, анимация начинает выполнятся только после обновления страницы (что не есть гуд).
Метод по клику запускается штатно.
Chainik
Сообщения: 761
Зарегистрирован: Вс янв 10, 2016 11:05 am
Благодарил (а): 84 раза
Поблагодарили: 210 раз

Re: Планы

Сообщение Chainik » Пт мар 08, 2019 11:51 pm

Друзья, дико извиняюсь за возможный оффтоп, но опять же вопрос на понимание. Мы можем как-нибудь в MDM сделать красиво прорисованный план с отдельными элементами, завязанными на свойства?
Поясню, что имею ввиду:
СпойлерПоказать
Animation.gif
Animation.gif (398.99 КБ) 314 просмотров
В общем, речь идет о качественно прорисованном интерьере и чтобы элементы (окна, двери, шторы, светильники и пр.) были завязаны на их свойства в MDM (открыто/закрыто, включено/выключено и т.п.).
Подчеркиваю, что вопрос именно о возможности применения высококачественной (реалистичной) графики элементов.
Аватара пользователя
sergejey
Site Admin
Сообщения: 4263
Зарегистрирован: Пн сен 05, 2011 6:48 pm
Откуда: Минск, Беларусь
Благодарил (а): 74 раза
Поблагодарили: 1422 раза
Контактная информация:

Re: Планы

Сообщение sergejey » Вс мар 10, 2019 9:30 am

Рецепт: управление светом через затемнение области

1. Создаём план помещения и вставляем его в наше изображение
Изображение

2. Для удобства создаём новый слой над нашим фоном
Изображение
...и, чтоб фон не мешал, блокируем фоновый слой от изменений
Изображение

3. Выбираем инструмент рисования линий
Изображение

4. Создаём фигуру, покрывающую площадь комнаты
Изображение

5. Заливае фигуру чёрным цветом и ставим "непрозрачность" в 30%
Изображение

6. Делаем для нашей фигуры понятное имя:
Изображение

7. Сохраняем изображение и загружаем его в План

8. Создаём состояние для управления светом
Изображение

Общий смысл в следующем -- если свет включен, то показываем наш фон комнаты с прозрачностью 10% (светло), иначе с прозрачностью 50% (темно). И, соответствено, по нажатию на фон меняем состояние освещения. Кстати, совсем прятать фон нельзя, т.к. в таком случае он перестанет отрабатывать событие нажатия.

9. Небольшой тюнинг.
Вышеописанное работает, но по клику фон плавно меняется с чёрного, до нужной нам степени прозрачности, что не очень красиво. Сделаем, чтобы оно менялось от 10% до 50% и обратно. Переходим в закладку "Дополнительный код CSS" и вставляем следующий код:

Код: Выделить всё

@keyframes fade50to10 {
    from { opacity:0.5; }
    to { opacity:0.1; }
}
@keyframes fade10to50 {
    from { opacity:0.1; }
    to { opacity:0.5; }
}

.fade10to50 {
    display:block;
    opacity:0.1;
    animation:fade10to50 ease-in 1;
    animation-fill-mode:forwards;
    animation-duration:0.6s;
}

.fade50to10 {
    display:block;
    opacity:0.5;
    animation:fade50to10 ease-in 1;
    animation-fill-mode:forwards;
    animation-duration:0.6s;
}
Переходим в наше состояние и меняем классы на следующие (они берутся из нашего CSS-кода):
Изображение

Всё, теперь наш фон красиво и плавно меняется с 10 до 50 и обратно:

Изображение
За это сообщение автора sergejey поблагодарили (всего 5):
odinvolk (Вс мар 10, 2019 11:21 am) • cabat (Вс мар 10, 2019 12:30 pm) • Vit (Вс мар 10, 2019 12:31 pm) • Chainik (Вс мар 10, 2019 2:08 pm) • Albert (Пн мар 11, 2019 5:21 pm)
Рейтинг: 6.85%

Сергей Джейгало, разработчик MajorDoMo
Идеи, ошибки -- за предложениями по исправлению и развитию слежу только здесь!
Профиль Connect -- информация, сотрудничество, услуги
Аватара пользователя
sergejey
Site Admin
Сообщения: 4263
Зарегистрирован: Пн сен 05, 2011 6:48 pm
Откуда: Минск, Беларусь
Благодарил (а): 74 раза
Поблагодарили: 1422 раза
Контактная информация:

Re: Планы

Сообщение sergejey » Вс мар 10, 2019 9:50 am

dengi.76 писал(а):
Пт мар 08, 2019 4:21 pm
Здравствуйте. Попробовал воспроизвести у себя План с вентилятором - всё Отлично получилось, но вот при добавлении на сцену возникла проблема...,но по порядку. На сцене я создаю элемент HTML, создаю состояние Default и вбиваю туда код вентилятора. При попытке зайти на вкладку ПРОСМОТР/РЕДАКТИРОВАНИЕ получаю ошибку :Error
Спасибо за детали, исправлено.
За это сообщение автора sergejey поблагодарил:
dengi.76 (Вс мар 10, 2019 10:47 am)
Рейтинг: 1.37%

Сергей Джейгало, разработчик MajorDoMo
Идеи, ошибки -- за предложениями по исправлению и развитию слежу только здесь!
Профиль Connect -- информация, сотрудничество, услуги
Аватара пользователя
dengi.76
Сообщения: 113
Зарегистрирован: Вт фев 06, 2018 9:40 pm
Откуда: Пермь
Благодарил (а): 62 раза
Поблагодарили: 0

Re: Планы

Сообщение dengi.76 » Вс мар 10, 2019 10:48 am

sergejey писал(а):
Вс мар 10, 2019 9:50 am
dengi.76 писал(а):
Пт мар 08, 2019 4:21 pm
Здравствуйте. Попробовал воспроизвести у себя План с вентилятором - всё Отлично получилось, но вот при добавлении на сцену возникла проблема...,но по порядку. На сцене я создаю элемент HTML, создаю состояние Default и вбиваю туда код вентилятора. При попытке зайти на вкладку ПРОСМОТР/РЕДАКТИРОВАНИЕ получаю ошибку :Error
Спасибо за детали, исправлено.
Спасибо за оперативность, Сергей ! Всё ОТЛИЧНО заработало !!!
Аватара пользователя
dengi.76
Сообщения: 113
Зарегистрирован: Вт фев 06, 2018 9:40 pm
Откуда: Пермь
Благодарил (а): 62 раза
Поблагодарили: 0

Re: Планы

Сообщение dengi.76 » Вс мар 10, 2019 11:48 am

Сергей, прошу прощения и возможно я что то не до конца понял о модуле "Планы". но проблема в следующем : Я создал два плана - Вытяжка в кухне и Вытяжка в ванной, вывел их на сцену но управлять раздельно у меня не получилось. Конкретно в моём случае управление Вытяжкой в ванне перехватывает управление Вытяжкой в кухне ( даже значок вентилятора в кухне становится не активным и статичным ). Я пробовал создать другой значок вентилятора в SVG , переименовывать его, но ничего не помогло. Помогите разобраться пожалуйста.
Вложения
Ashampoo_Snap_10 марта 2019 г._13h38m01s_002_.png
Ashampoo_Snap_10 марта 2019 г._13h38m01s_002_.png (12.01 КБ) 240 просмотров
Ashampoo_Snap_10 марта 2019 г._13h37m34s_001_.png
Ashampoo_Snap_10 марта 2019 г._13h37m34s_001_.png (12.47 КБ) 240 просмотров
Vit
Сообщения: 867
Зарегистрирован: Вт янв 17, 2012 12:31 pm
Благодарил (а): 121 раз
Поблагодарили: 76 раз

Re: Планы

Сообщение Vit » Вс мар 10, 2019 12:32 pm

Сереж спасибо за примеры...очень нужны и помогают принцип понять...

можно ли пример еще вот такой реализации?
Вложения
1.JPG
1.JPG (19.09 КБ) 232 просмотра
Chainik
Сообщения: 761
Зарегистрирован: Вс янв 10, 2016 11:05 am
Благодарил (а): 84 раза
Поблагодарили: 210 раз

Re: Планы

Сообщение Chainik » Вс мар 10, 2019 2:14 pm

Еще вот такие динамические элементы реализовать возможно?
СпойлерПоказать
Animation.gif
Animation.gif (398.99 КБ) 213 просмотров
Аватара пользователя
nick7zmail
Сообщения: 5965
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 115 раз
Поблагодарили: 1479 раз

Re: Планы

Сообщение nick7zmail » Вс мар 10, 2019 3:45 pm

Vit писал(а):
Вс мар 10, 2019 12:32 pm
Сереж спасибо за примеры...очень нужны и помогают принцип понять...

можно ли пример еще вот такой реализации?
Создаёте в svg области светящиеся, и надписи формата %Объект.свойство% (см. изначальную инструкцию в базе знаний https://kb.mjdm.ru/plans_help/) прямо в svg редакторе. И будет именно такой пример.

А ещё прикольно то, что можно отдельными слоями на 1 плане показать к примеру управление (выключатели расставить), климат (как на картинке выше, скрыть слой с управлением, показать с климатом), ещё что нить, и между сценами бегать не надо будет. Правда какое месево при этом в редакторе будет - не представляю =D.
Chainik писал(а):
Вс мар 10, 2019 2:14 pm
Еще вот такие динамические элементы реализовать возможно?
СпойлерПоказать
Animation.gif
Тут уже вряд ли, ибо фон вставлен картинкой. Есть вариант просто создать 2 png с открытым окном и с закрытым, и их уже скрывать отображать. Ну собственно фишки тут никакой, так и на сценах можно сделать.
За это сообщение автора nick7zmail поблагодарил:
Chainik (Вс мар 10, 2019 3:48 pm)
Рейтинг: 1.37%
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Vit
Сообщения: 867
Зарегистрирован: Вт янв 17, 2012 12:31 pm
Благодарил (а): 121 раз
Поблагодарили: 76 раз

Re: Планы

Сообщение Vit » Вс мар 10, 2019 5:28 pm

Я имел ввиду заливать комнаты градиентом в зависимости от температуры в помещении.
Ответить