Планы
Модератор: immortal
- nick7zmail
- Сообщения: 7573
- Зарегистрирован: Пн окт 28, 2013 8:14 am
- Откуда: Екатеринбург
- Благодарил (а): 121 раз
- Поблагодарили: 2010 раз
Re: Планы
Недавно делал кому то - мне тоже понравились)) Может даже себе когда нить сделаю. Особенно прикольный эффект - когда беру svg картинку (вентилятор к примеру), разбиваю её, выделяю только лопости и объединяю. Потом применяем стиль вращение - и лопасти крутятся внутри статичного вентилятора. Прям огонь. С png такое хрен провернёшь, если, конечно, с нуля рисовать их не умеешь =D.
А надписи по слоям бить, и скрывать во время редактирования.
А надписи по слоям бить, и скрывать во время редактирования.
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
-
- Сообщения: 510
- Зарегистрирован: Ср июн 08, 2016 4:17 pm
- Благодарил (а): 124 раза
- Поблагодарили: 101 раз
Re: Планы
Продолжаю мучать планы. Возник вопрос. Создал прямоугольник в инкскейп к нему в МДМ через "Компоненты" привязал айпикамеру как iframe. Все нормально изображение есть. Далее я захотел чтобы камера показывалась только когда есть движение в зоне где снимает камера но вот тут и ждал облом. На "Состояния" этот элемент не реагирует. КМК он вообще ни на что не реагирует. Что посоветуете?
Orange pi pc plus, megaD-2561, Xiaomi
--------------------------------------------------
http://connect.smartliving.ru/profile/908
--------------------------------------------------
http://connect.smartliving.ru/profile/908
-
- Сообщения: 510
- Зарегистрирован: Ср июн 08, 2016 4:17 pm
- Благодарил (а): 124 раза
- Поблагодарили: 101 раз
Re: Планы
В эфире наши постоянные рубрики "Сам спросил.Сам ответил." и "Оно само заработало".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
--------------------------------------------------
http://connect.smartliving.ru/profile/908
- nick7zmail
- Сообщения: 7573
- Зарегистрирован: Пн окт 28, 2013 8:14 am
- Откуда: Екатеринбург
- Благодарил (а): 121 раз
- Поблагодарили: 2010 раз
Re: Планы
С таким тоже сталкивался...и точно так же выкручивался))
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
-
- Сообщения: 22
- Зарегистрирован: Вт окт 16, 2018 3:42 pm
- Благодарил (а): 4 раза
- Поблагодарили: 4 раза
Re: Планы
Было бы здорово под "Применить стиль" добавить возможность "Добавить класс к элементу". Предположим я привязал элемент к объекту свет и если свет включен, то элементу устанавливаем класс active. С svg можно гораздо интереснее играться чем просто вращение, моргание и т.д. Тем более, что уже есть отдельная вкладка "Дополнительный код CSS", где можно писать самостоятельные анимации.
- nick7zmail
- Сообщения: 7573
- Зарегистрирован: Пн окт 28, 2013 8:14 am
- Откуда: Екатеринбург
- Благодарил (а): 121 раз
- Поблагодарили: 2010 раз
Re: Планы
Дак применить стиль вроде и есть добавить класс...ты же в дополнительном css описываешь класс (тот же active), а потом в окне настроек элемента можешь его выбрать для включенного состояния.
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
-
- Сообщения: 22
- Зарегистрирован: Вт окт 16, 2018 3:42 pm
- Благодарил (а): 4 раза
- Поблагодарили: 4 раза
Re: Планы
Как то я не смог разобраться, допустим у меня есть svg элемент c id="lamp1". Этому элементу можно привязать объект и свойство и при клике запускать какой нибудь метод. Это все понятно. Но допустим свойство поменялось на 1 и я хочу чтобы у этого элемента добавился класс active, чтобы потом в дополнительном css написать следующее:
#lamp1.active{ animation: example 5s linear 2s infinite alternate; )
Но как добавлять класс active, я так и не понял. Если это сейчас возможно, тыкните мне пальцем пожалуйста ))
#lamp1.active{ animation: example 5s linear 2s infinite alternate; )
Но как добавлять класс active, я так и не понял. Если это сейчас возможно, тыкните мне пальцем пожалуйста ))
- nick7zmail
- Сообщения: 7573
- Зарегистрирован: Пн окт 28, 2013 8:14 am
- Откуда: Екатеринбург
- Благодарил (а): 121 раз
- Поблагодарили: 2010 раз
Re: Планы
Идём в доп. css, пишем
Идём в состояния, тыкаем добавить.
Название любое
Элемент изображения lamp1
Объект.свойство - какое вам надо
Условие =
Значение 1
Применить стиль CSS: active
Примерно так. Скрины лень делать если честно, но вроде понятно расписал.
Код: Выделить всё
.active {
animation: example 5s linear 2s infinite alternate;
}
Название любое
Элемент изображения lamp1
Объект.свойство - какое вам надо
Условие =
Значение 1
Применить стиль CSS: active
Примерно так. Скрины лень делать если честно, но вроде понятно расписал.
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
- nick7zmail
- Сообщения: 7573
- Зарегистрирован: Пн окт 28, 2013 8:14 am
- Откуда: Екатеринбург
- Благодарил (а): 121 раз
- Поблагодарили: 2010 раз
Re: Планы
Вы скопировали код который я написал выше в окно дополнительный css? А то у вас там ошибка со скобкой была.
У меня с этим кодом всё работает.
У меня с этим кодом всё работает.
- Вложения
-
- css в планах.jpg (53.23 КБ) 3905 просмотров
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<