Siorinex

 
<<< Назад

"Свечение" для приборов, торшер с двумя лампами и дверь "с памятью"

"Сделайте мне КРАСИВО!"

На сцене из "Сцены 2.0" понравилась фишечка, что вокруг лампочек такой ореольчик желтый светится...
Не понравилось, что сама лампочка при этом без засветки.
А когда вставляешь рядом две для торшера, к примеру, то выходит вообще кака: засветка от одной слепит вторую...

Спасибо одному знакомому - отладить помог CSS для этого...

Собственно код в глобальном CSS сцены:

/* ---------------------------------------------------------- */
/* свечение желтое слабое*/
/* ---------------------------------------------------------- */
.light-on {
-moz-box-shadow:0 0 40px 30px  #FFDD55;
-webkit-box-shadow:0 0 40px 30px #FFDD55;
box-shadow:0 0 40px 30px #FFDD55;
background-color: #FFDD55;
color:white;
} 
/* ---------------------------------------------------------- */
/* свечение  желтое сильное*/
/* ---------------------------------------------------------- */
.light-on-high {
-moz-box-shadow:0 0 40px 50px  #FFDD55;
-webkit-box-shadow:0 0 40px 50px #FFDD55;
box-shadow:0 0 40px 50px #FFDD55;
background-color: #FFDD55;
color:white;
} 
/* ---------------------------------------------------------- */
/* свечение  красное*/
/* ---------------------------------------------------------- */
.light-on-red {
-moz-box-shadow:0 0 20px 0px  #FF0000;
-webkit-box-shadow:0 0 20px 0px #FF0000;
box-shadow:0 0 20px 0px #FF0000;
background-color: #FF0000;
color:white;
} 
/* ---------------------------------------------------------- */
/* свечение  синее*/
/* ---------------------------------------------------------- */
.light-on-blue {
-moz-box-shadow:0 0 20px 0px  #0000FF;
-webkit-box-shadow:0 0 20px 0px #0000FF;
box-shadow:0 0 20px 0px #0000FF;
background-color: #0000FF;
color:white;
}

Логика в том, что синее и красное свечение - для дверей, окон, кондиционеров и прочия куллеров.
Желтое слабое - обычное для ламп. Ну и для входной двери.
Желтое сильное - для двухламповых и т.д. светильников.

Вставка на страницу как HTML код:

<div class="light-on-high">
 <img src="/cms/scenes/styles/switch/i_torsher_on.png" />
</div>

Хинт 1: Торшер на две лампы.

Создаем на сцене элемент HTML с четырьмя состояниями: off-off, on-on, on-off, off-on

Вставляем в код для каждого из них вышеприведененое.
Для:
off-off - class="light-off"
on-on - class="light-on-high"
on-off и off-on - class="light-on"

Условие отображения - "Расширенное"

$relay1 = gg('Relay01.status');
$relay2 = gg('Relay02.status');
if (($relay1==1) && ($relay2==1))
   {
   $display=1;
   }
else
   {
   $display=0;
   }

Разница:
off-off - if (($relay1==0) && ($relay2==0))
on-on - if (($relay1==1) && ($relay2==1))
on-off - if (($relay1==1) && ($relay2==0))
off-on - if (($relay1==0) && ($relay2==1))

Для off-off делаем при клике Объект-метод включение первого реле
Для on-off - второго
Для off-on - тоже первого (это если торшер включался с пульта не в той очередности)
И для on-on - "Выполнить при клике - код":

cm('Relay01.turnOff');
cm('Relay02.turnOff');

Итог: кликнули по торшеру - загорелась первая лампа. Кликнули еще - вторая и свечение на сцене ярче. Кликнули еще - все погасло.

Хинт 2: Входная дверь

С входной дверью и реле я внезапно напоролся на одну проблемку: дверь общая в холле с соседкой и когда слышишь хлопок - смотришь на терминал и не совсем ясно, оно вообще открывалось или нет?!
Тогда двери было добавлено третье состояние:
Открыто
Закрыто
Закрыто, но менее минуты назад открывалась

Собственно в третьем состоянии условие отображения "Код":

$ret = gethistorycount("Openclose01.status",strtotime("-1 minute"));
$v = gg("Openclose01.status");

if (($ret>0) && ($v==1)) {
        $display=1;
} else {
        $display=0;
}

Для закрытого ставим класс class="light-off"
Для открытого - class="light-on-red"
Для закрытого, но... - class="light-on"

Соответственно будет светиться в открытом красным, в закрытом - никак, но минуту после закрытия будет светиться желтым, что ею хлопали.

ПыСы

Юзаю картинки стандартные.

Для торшера:
/cms/scenes/styles/switch/i_torsher_off.png
/cms/scenes/styles/switch/i_torsher_on.png

Потолочный светильник:
/cms/scenes/styles/switch/i_potoloch_off.png
/cms/scenes/styles/switch/i_potoloch_on.png

Просто лампочка:
/cms/scenes/styles/switch/i_light_off.png
/cms/scenes/styles/switch/i_light_on.png

Для двери:
/cms/scenes/styles/switch/i_door_off.png - закрыто
/cms/scenes/styles/switch/i_door_on.png - открыто

Обсуждение (0) (8)

Смотрите так же:
15.03.2019 Наводим тень-на-плетень...
27.02.2019 Потому, что Mi Band`а!
05.09.2018 Я твоя Ютуб шатал!
03.09.2018 Simple добавь цвета!
28.08.2018 Полноэкранный режим для сцены без Рута и т.д.

Москва, Россия