Планы
Модератор: immortal
-
- Сообщения: 1462
- Зарегистрирован: Вс янв 10, 2016 11:05 am
- Благодарил (а): 260 раз
- Поблагодарили: 454 раза
Re: Планы
Подтверждаю, выскакивает такая же ошибка.
Еще заметил, что в случае, когда план помещен на сцену, не отображаемую в данный момент, анимация начинает выполнятся только после обновления страницы (что не есть гуд).
Метод по клику запускается штатно.
Еще заметил, что в случае, когда план помещен на сцену, не отображаемую в данный момент, анимация начинает выполнятся только после обновления страницы (что не есть гуд).
Метод по клику запускается штатно.
-
- Сообщения: 1462
- Зарегистрирован: Вс янв 10, 2016 11:05 am
- Благодарил (а): 260 раз
- Поблагодарили: 454 раза
Re: Планы
Друзья, дико извиняюсь за возможный оффтоп, но опять же вопрос на понимание. Мы можем как-нибудь в MDM сделать красиво прорисованный план с отдельными элементами, завязанными на свойства?
Поясню, что имею ввиду:
В общем, речь идет о качественно прорисованном интерьере и чтобы элементы (окна, двери, шторы, светильники и пр.) были завязаны на их свойства в MDM (открыто/закрыто, включено/выключено и т.п.).
Подчеркиваю, что вопрос именно о возможности применения высококачественной (реалистичной) графики элементов.
Поясню, что имею ввиду:
СпойлерПоказать
Подчеркиваю, что вопрос именно о возможности применения высококачественной (реалистичной) графики элементов.
- Рейтинг: 1.16%
- sergejey
- Site Admin
- Сообщения: 4284
- Зарегистрирован: Пн сен 05, 2011 6:48 pm
- Откуда: Минск, Беларусь
- Благодарил (а): 75 раз
- Поблагодарили: 1559 раз
- Контактная информация:
Re: Планы
Рецепт: управление светом через затемнение области
1. Создаём план помещения и вставляем его в наше изображение
2. Для удобства создаём новый слой над нашим фоном
...и, чтоб фон не мешал, блокируем фоновый слой от изменений
3. Выбираем инструмент рисования линий
4. Создаём фигуру, покрывающую площадь комнаты
5. Заливае фигуру чёрным цветом и ставим "непрозрачность" в 30%
6. Делаем для нашей фигуры понятное имя:
7. Сохраняем изображение и загружаем его в План
8. Создаём состояние для управления светом
Общий смысл в следующем -- если свет включен, то показываем наш фон комнаты с прозрачностью 10% (светло), иначе с прозрачностью 50% (темно). И, соответствено, по нажатию на фон меняем состояние освещения. Кстати, совсем прятать фон нельзя, т.к. в таком случае он перестанет отрабатывать событие нажатия.
9. Небольшой тюнинг.
Вышеописанное работает, но по клику фон плавно меняется с чёрного, до нужной нам степени прозрачности, что не очень красиво. Сделаем, чтобы оно менялось от 10% до 50% и обратно. Переходим в закладку "Дополнительный код CSS" и вставляем следующий код:
Переходим в наше состояние и меняем классы на следующие (они берутся из нашего CSS-кода):
Всё, теперь наш фон красиво и плавно меняется с 10 до 50 и обратно:
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;
}
Всё, теперь наш фон красиво и плавно меняется с 10 до 50 и обратно:
- Рейтинг: 6.98%
Сергей Джейгало, разработчик MajorDoMo
Идеи, ошибки -- за предложениями по исправлению и развитию слежу только здесь!
Профиль Connect -- информация, сотрудничество, услуги
- sergejey
- Site Admin
- Сообщения: 4284
- Зарегистрирован: Пн сен 05, 2011 6:48 pm
- Откуда: Минск, Беларусь
- Благодарил (а): 75 раз
- Поблагодарили: 1559 раз
- Контактная информация:
Re: Планы
Спасибо за детали, исправлено.dengi.76 писал(а): ↑Пт мар 08, 2019 4:21 pmЗдравствуйте. Попробовал воспроизвести у себя План с вентилятором - всё Отлично получилось, но вот при добавлении на сцену возникла проблема...,но по порядку. На сцене я создаю элемент HTML, создаю состояние Default и вбиваю туда код вентилятора. При попытке зайти на вкладку ПРОСМОТР/РЕДАКТИРОВАНИЕ получаю ошибку :Error
- Рейтинг: 1.16%
Сергей Джейгало, разработчик MajorDoMo
Идеи, ошибки -- за предложениями по исправлению и развитию слежу только здесь!
Профиль Connect -- информация, сотрудничество, услуги
-
- Сообщения: 222
- Зарегистрирован: Вт фев 06, 2018 9:40 pm
- Откуда: Пермь
- Благодарил (а): 117 раз
- Поблагодарили: 7 раз
Re: Планы
Спасибо за оперативность, Сергей ! Всё ОТЛИЧНО заработало !!!sergejey писал(а): ↑Вс мар 10, 2019 9:50 amСпасибо за детали, исправлено.dengi.76 писал(а): ↑Пт мар 08, 2019 4:21 pmЗдравствуйте. Попробовал воспроизвести у себя План с вентилятором - всё Отлично получилось, но вот при добавлении на сцену возникла проблема...,но по порядку. На сцене я создаю элемент HTML, создаю состояние Default и вбиваю туда код вентилятора. При попытке зайти на вкладку ПРОСМОТР/РЕДАКТИРОВАНИЕ получаю ошибку :Error
-
- Сообщения: 222
- Зарегистрирован: Вт фев 06, 2018 9:40 pm
- Откуда: Пермь
- Благодарил (а): 117 раз
- Поблагодарили: 7 раз
Re: Планы
Сергей, прошу прощения и возможно я что то не до конца понял о модуле "Планы". но проблема в следующем : Я создал два плана - Вытяжка в кухне и Вытяжка в ванной, вывел их на сцену но управлять раздельно у меня не получилось. Конкретно в моём случае управление Вытяжкой в ванне перехватывает управление Вытяжкой в кухне ( даже значок вентилятора в кухне становится не активным и статичным ). Я пробовал создать другой значок вентилятора в SVG , переименовывать его, но ничего не помогло. Помогите разобраться пожалуйста.
- Вложения
-
- Ashampoo_Snap_10 марта 2019 г._13h38m01s_002_.png (12.01 КБ) 5665 просмотров
-
- Ashampoo_Snap_10 марта 2019 г._13h37m34s_001_.png (12.47 КБ) 5665 просмотров
- nick7zmail
- Сообщения: 7573
- Зарегистрирован: Пн окт 28, 2013 8:14 am
- Откуда: Екатеринбург
- Благодарил (а): 121 раз
- Поблагодарили: 2010 раз
Re: Планы
Создаёте в svg области светящиеся, и надписи формата %Объект.свойство% (см. изначальную инструкцию в базе знаний https://kb.mjdm.ru/plans_help/) прямо в svg редакторе. И будет именно такой пример.
А ещё прикольно то, что можно отдельными слоями на 1 плане показать к примеру управление (выключатели расставить), климат (как на картинке выше, скрыть слой с управлением, показать с климатом), ещё что нить, и между сценами бегать не надо будет. Правда какое месево при этом в редакторе будет - не представляю =D.
Тут уже вряд ли, ибо фон вставлен картинкой. Есть вариант просто создать 2 png с открытым окном и с закрытым, и их уже скрывать отображать. Ну собственно фишки тут никакой, так и на сценах можно сделать.
- За это сообщение автора nick7zmail поблагодарил:
- Chainik (Вс мар 10, 2019 3:48 pm)
- Рейтинг: 1.16%
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<