Планы

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

Модератор: immortal

Аватара пользователя
nick7zmail
Сообщения: 7573
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 121 раз
Поблагодарили: 2010 раз

Re: Планы

Сообщение nick7zmail » Пн июл 15, 2019 12:22 pm

Недавно делал кому то - мне тоже понравились)) Может даже себе когда нить сделаю. Особенно прикольный эффект - когда беру svg картинку (вентилятор к примеру), разбиваю её, выделяю только лопости и объединяю. Потом применяем стиль вращение - и лопасти крутятся внутри статичного вентилятора. Прям огонь. С png такое хрен провернёшь, если, конечно, с нуля рисовать их не умеешь =D.

А надписи по слоям бить, и скрывать во время редактирования.
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
C_3AXAPOB
Сообщения: 510
Зарегистрирован: Ср июн 08, 2016 4:17 pm
Благодарил (а): 124 раза
Поблагодарили: 101 раз

Re: Планы

Сообщение C_3AXAPOB » Чт июл 18, 2019 10:48 pm

Продолжаю мучать планы. Возник вопрос. Создал прямоугольник в инкскейп к нему в МДМ через "Компоненты" привязал айпикамеру как iframe. Все нормально изображение есть. Далее я захотел чтобы камера показывалась только когда есть движение в зоне где снимает камера но вот тут и ждал облом. На "Состояния" этот элемент не реагирует. КМК он вообще ни на что не реагирует. Что посоветуете?
Orange pi pc plus, megaD-2561, Xiaomi
--------------------------------------------------
http://connect.smartliving.ru/profile/908
C_3AXAPOB
Сообщения: 510
Зарегистрирован: Ср июн 08, 2016 4:17 pm
Благодарил (а): 124 раза
Поблагодарили: 101 раз

Re: Планы

Сообщение C_3AXAPOB » Чт июл 18, 2019 11:52 pm

C_3AXAPOB писал(а):
Чт июл 18, 2019 10:48 pm
Продолжаю мучать планы. Возник вопрос. Создал прямоугольник в инкскейп к нему в МДМ через "Компоненты" привязал айпикамеру как iframe. Все нормально изображение есть. Далее я захотел чтобы камера показывалась только когда есть движение в зоне где снимает камера но вот тут и ждал облом. На "Состояния" этот элемент не реагирует. КМК он вообще ни на что не реагирует. Что посоветуете?
В эфире наши постоянные рубрики "Сам спросил.Сам ответил." и "Оно само заработало".

1. Вынес камеру на отдельный слой.
2. Привязало свойства "Состояние" к слою а не прямоугольнику.
3. В "Состояния" почему-то работает только "Показать". "Скрыть" не работает. Прячу через "Прозрачность 0"
Orange pi pc plus, megaD-2561, Xiaomi
--------------------------------------------------
http://connect.smartliving.ru/profile/908
Аватара пользователя
nick7zmail
Сообщения: 7573
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 121 раз
Поблагодарили: 2010 раз

Re: Планы

Сообщение nick7zmail » Пт июл 19, 2019 6:38 am

C_3AXAPOB писал(а):
Чт июл 18, 2019 11:52 pm
3. В "Состояния" почему-то работает только "Показать". "Скрыть" не работает. Прячу через "Прозрачность 0"
С таким тоже сталкивался...и точно так же выкручивался))
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Cools2
Сообщения: 22
Зарегистрирован: Вт окт 16, 2018 3:42 pm
Благодарил (а): 4 раза
Поблагодарили: 4 раза

Re: Планы

Сообщение Cools2 » Пн авг 26, 2019 10:40 pm

Было бы здорово под "Применить стиль" добавить возможность "Добавить класс к элементу". Предположим я привязал элемент к объекту свет и если свет включен, то элементу устанавливаем класс active. С svg можно гораздо интереснее играться чем просто вращение, моргание и т.д. Тем более, что уже есть отдельная вкладка "Дополнительный код CSS", где можно писать самостоятельные анимации.
Аватара пользователя
nick7zmail
Сообщения: 7573
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 121 раз
Поблагодарили: 2010 раз

Re: Планы

Сообщение nick7zmail » Вт авг 27, 2019 6:37 am

Дак применить стиль вроде и есть добавить класс...ты же в дополнительном css описываешь класс (тот же active), а потом в окне настроек элемента можешь его выбрать для включенного состояния.
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Cools2
Сообщения: 22
Зарегистрирован: Вт окт 16, 2018 3:42 pm
Благодарил (а): 4 раза
Поблагодарили: 4 раза

Re: Планы

Сообщение Cools2 » Вт авг 27, 2019 10:19 am

Как то я не смог разобраться, допустим у меня есть svg элемент c id="lamp1". Этому элементу можно привязать объект и свойство и при клике запускать какой нибудь метод. Это все понятно. Но допустим свойство поменялось на 1 и я хочу чтобы у этого элемента добавился класс active, чтобы потом в дополнительном css написать следующее:

#lamp1.active{ animation: example 5s linear 2s infinite alternate; )

Но как добавлять класс active, я так и не понял. Если это сейчас возможно, тыкните мне пальцем пожалуйста ))
Аватара пользователя
nick7zmail
Сообщения: 7573
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 121 раз
Поблагодарили: 2010 раз

Re: Планы

Сообщение nick7zmail » Вт авг 27, 2019 11:24 am

Идём в доп. css, пишем

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

.active { 
 animation: example 5s linear 2s infinite alternate; 
}
Идём в состояния, тыкаем добавить.
Название любое
Элемент изображения lamp1
Объект.свойство - какое вам надо
Условие =
Значение 1
Применить стиль CSS: active

Примерно так. Скрины лень делать если честно, но вроде понятно расписал.
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Cools2
Сообщения: 22
Зарегистрирован: Вт окт 16, 2018 3:42 pm
Благодарил (а): 4 раза
Поблагодарили: 4 раза

Re: Планы

Сообщение Cools2 » Ср авг 28, 2019 12:18 pm

Применить стиль CSS: active

У меня не появляется такая возможность, из списка есть только: моргание, вращение и т.д.
Аватара пользователя
nick7zmail
Сообщения: 7573
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 121 раз
Поблагодарили: 2010 раз

Re: Планы

Сообщение nick7zmail » Ср авг 28, 2019 12:55 pm

Вы скопировали код который я написал выше в окно дополнительный css? А то у вас там ошибка со скобкой была.
У меня с этим кодом всё работает.
Вложения
css в планах.jpg
css в планах.jpg (53.23 КБ) 3893 просмотра
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Ответить