jeans/WLED
jeans/WLED
1
0
Fork 0
mirror of https://github.com/wled/WLED.git synced 2025-07-30 14:16:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Quick color selectors

Browse Source
This commit is contained in:
Aircoookie 2020-02-15 16:18:06 +01:00
parent a7e9c7e24b
commit ffd958a1b3
1 changed files with 19 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
wled00/data/index.htm
View File

@ -103,7 +103,7 @@ td {
.slider-icon .slider-icon
{ {
transform: translateY(2px); transform: translateY(3px);
color: #ddd; color: #ddd;
} }
@ -141,7 +141,7 @@ td {
.tab { .tab {
background-color: #222; background-color: #222;
color: #ddd; color: #ddd;
filter: drop-shadow(0px 0px 2px #000); //filter: drop-shadow(0px 0px 2px #000);
} }
.bot { .bot {
@ -1337,12 +1337,28 @@ function selectSlot(b) {
updateTrail(d.getElementById('sliderW')); updateTrail(d.getElementById('sliderW'));
} }
var lasth = 0;
function pC(col)
{
if (col == "rnd")
{
col = {h: 0, s: 0, v: 100};
col.s = Math.floor((Math.random() * 50) + 50);
do {
col.h = Math.floor(Math.random() * 360);
} while (Math.abs(col.h - lasth) < 50);
lasth = col.h;
}
cpick.color.set(col);
setColor(false);
}
function setColor(fromPicker) { function setColor(fromPicker) {
var cd = d.getElementById('csl').children; var cd = d.getElementById('csl').children;
if (fromPicker && cd[csel].style.backgroundColor == 'rgb(0, 0, 0)') cpick.color.setChannel('hsv', 'v', 100); if (fromPicker && cd[csel].style.backgroundColor == 'rgb(0, 0, 0)') cpick.color.setChannel('hsv', 'v', 100);
cd[csel].style.backgroundColor = cpick.color.rgbString; cd[csel].style.backgroundColor = cpick.color.rgbString;
whites[csel] = d.getElementById('sliderW').value; whites[csel] = d.getElementById('sliderW').value;
col = cpick.color.rgb; var col = cpick.color.rgb;
var obj = {"seg": {"col": [[col.r, col.g, col.b, whites[csel]],[],[]]}}; var obj = {"seg": {"col": [[col.r, col.g, col.b, whites[csel]],[],[]]}};
if (csel == 1) { if (csel == 1) {
obj = {"seg": {"col": [[],[col.r, col.g, col.b, whites[csel]],[]]}}; obj = {"seg": {"col": [[],[col.r, col.g, col.b, whites[csel]],[]]}};