[Модификация] Визуальный селектор цвета RGB-ленты

Вносятся изменения в файлы или устанавливаются доп программы

Модераторы: immortal, newz20

directman66
Сообщения: 2801
Зарегистрирован: Пн дек 26, 2016 9:51 am
Откуда: Екатеринбург
Благодарил (а): 380 раз
Поблагодарили: 693 раза
Контактная информация:

Re: Визуальный селектор цвета RGB-ленты

Сообщение directman66 » Сб фев 11, 2017 10:00 am

Сам разобрался с переменными. Осталось понять, как добавить этот код на сцену. В меню добавляется без проблем.
Если вам помогло данное сообщение, не поленитесь нажать кнопку "спасибо".
CONNECT | Оборудование | Блог | Дополнения | Email | Telegram
Smirnoff1976
Сообщения: 129
Зарегистрирован: Пт май 26, 2017 11:51 am
Благодарил (а): 7 раз
Поблагодарили: 4 раза

Re: Визуальный селектор цвета RGB-ленты

Сообщение Smirnoff1976 » Пт июн 30, 2017 12:13 pm

Как сделать чтобы при появлении farbtastic он загружал последние значения Relays.Подсветка_R, Relays.Подсветка_B, Relays.Подсветка_G?
sailan
Сообщения: 26
Зарегистрирован: Сб май 27, 2017 6:35 am
Благодарил (а): 0
Поблагодарили: 0

Re: Визуальный селектор цвета RGB-ленты

Сообщение sailan » Чт сен 28, 2017 9:08 pm

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

Re: Визуальный селектор цвета RGB-ленты

Сообщение nick7zmail » Пт сен 29, 2017 6:12 am

А чем вам селектор из "простых устройств" то не угодил? Там html формат правда, но в инете полно формул перевода в rgb.
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
sailan
Сообщения: 26
Зарегистрирован: Сб май 27, 2017 6:35 am
Благодарил (а): 0
Поблагодарили: 0

Re: Визуальный селектор цвета RGB-ленты

Сообщение sailan » Пт сен 29, 2017 7:48 pm

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

Re: Визуальный селектор цвета RGB-ленты

Сообщение nick7zmail » Пт сен 29, 2017 8:24 pm

Если таки надумали на селекторе из простых устройств - то примерно это https://stackoverflow.com/questions/152 ... ues-in-php
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
sailan
Сообщения: 26
Зарегистрирован: Сб май 27, 2017 6:35 am
Благодарил (а): 0
Поблагодарили: 0

Re: Визуальный селектор цвета RGB-ленты

Сообщение sailan » Пт сен 29, 2017 11:39 pm

Подскажи что нужно дописать в этот код чтобы отдельно появилось свойство с 3 цветами (255,255,255)
<script type="text/javascript" src="../js/farbtastic.js"></script>
<link rel="stylesheet" href="../css/farbtastic.css" type="text/css" />

<div id="colorpicker" style="margin: 0 auto;"></div>

<script language="javascript">
function cutHex(h) {return (h.charAt(0)=="#") ? h.substring(1,7):h}
function HexToR(h) {return parseInt((cutHex(h)).substring(0,2),16)}
function HexToG(h) {return parseInt((cutHex(h)).substring(2,4),16)}
function HexToB(h) {return parseInt((cutHex(h)).substring(4,6),16)}
function decToHex(number) { if (number < 0) { number = 0xFFFFFFFF + number + 1; }
return number.toString(16).toUpperCase(); }

$('#colorpicker').farbtastic( function (color) {
r = HexToR(color);
g = HexToG(color);
b = HexToB(color);
$.get("/objects/?object=lightHallRGB&op=set&p=Red&v="+r);
$.get("/objects/?object=lightHallRGB&op=set&p=Green&v="+g);
$.get("/objects/?object=lightHallRGB&op=set&p=Blue&v="+b);
$.get("/objects/?object=lightHallRGB&op=set&p=color&v="+cutHex(color));
$.get("/objects/?object=lightHallRGB&op=m&m=turnOn");
});

$.get("/objects/?object=lightHallRGB&op=get&p=color", function (data) { $.farbtastic("#colorpicker").setColor("#"+data); });

</script>
Аватара пользователя
xor
Сообщения: 2038
Зарегистрирован: Сб ноя 22, 2014 8:45 pm
Благодарил (а): 284 раза
Поблагодарили: 629 раз

Re: Визуальный селектор цвета RGB-ленты

Сообщение xor » Сб сен 30, 2017 12:12 am

если колорпикер устанавливает свойство колор вида ff00ce,
выдели RGB типа

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

$color=hexdec(gg('МойОбъект.color'));
    $red   = $color >> 16 & 0xFF;
    $green = $color >> 8 & 0xFF;
    $blue  = $color & 0xFF;

    $cmd='('.$red.','.$green.','.$blue.')';
    sg('МойОбъект.color_cmd',$cmd);
Аватара пользователя
nick7zmail
Сообщения: 7573
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 121 раз
Поблагодарили: 2010 раз

Re: Визуальный селектор цвета RGB-ленты

Сообщение nick7zmail » Сб сен 30, 2017 10:06 am

sailan писал(а):Подскажи что нужно дописать в этот код чтобы отдельно появилось свойство с 3 цветами (255,255,255)
В этот код ничего.
Нужно привязать метод к объекту, в которое передаёте 16ричный цвет

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

  $.get("/objects/?object=lightHallRGB&op=set&p=color&v="+cutHex(color));
И преобразовать его в rgb кодом по ссылке выше, и записать в ДРУГОЕ свойство. Собственно xor вон написал как это сделать.

Если хотите - можно прямо в ява скрипте это прописать. Но там как минимум энкодить в url формат придётся...не уверен, что он понимает скобки и запятые.
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
sailan
Сообщения: 26
Зарегистрирован: Сб май 27, 2017 6:35 am
Благодарил (а): 0
Поблагодарили: 0

Re: Визуальный селектор цвета RGB-ленты

Сообщение sailan » Сб сен 30, 2017 1:49 pm

Подскажите как создать объекты. Я с этим не раз не сталкивался. Если можно скриншоты. СПАСИБО.
Ответить