int16_t sliders

Author: stnkl

README.md

@@ -151,7 +151,7 @@ FastLEDManager allows you to display a static color in the web interface. It wil
 
 ### Pre-defined and custom sliders
 
-You can add custom numeric sliders of type `int16_t` to adjust variables of animations dynamically. FastLEDManager automatically adds two sliders for brightness (0-255, default: 255) and animation speed (0-255, default: 127). Both of these fixed sliders have been integrated tightly into FastLEDManager and don't require any further attention. Changing the brightness will apply gamma correction automatically. Adjusting the speed will affect the effective delay of `FastLEDManager.delay()` to speed up or slow down animations. To prevent this explicitly use `FastLED.delay()` or Arduino's standard `delay()`.
+You can add custom numeric sliders of type `int16_t` to adjust variables of animations dynamically. FastLEDManager automatically adds two sliders for brightness (0-1023, default: 1023) and animation speed (0-255, default: 127). Both of these fixed sliders have been integrated tightly into FastLEDManager and don't require any further attention. Changing the brightness will apply gamma correction automatically. Adjusting the speed will affect the effective delay of `FastLEDManager.delay()` to speed up or slow down animations. To prevent this explicitly use `FastLED.delay()` or Arduino's standard `delay()`.
 
 To add more custom sliders simply register them in the main sketch via
 

data/index.js

@@ -64,7 +64,7 @@ function handleJsonData(data) {
       });
       sliderDiv.querySelector(".noUi-handle").innerHTML = slider.name;
       sliderDiv.noUiSlider.on('update', (values, handle) => {
-        ws_pending_msg = [20, idx, values[handle]];
+        ws_pending_msg = [20, idx, (values[handle] >> 8) & 0xff, values[handle] & 0xff];
       });
       document.getElementById('slidersWrapper').appendChild(sliderDiv);
     });

src/FastLEDManager.cpp

@@ -43,7 +43,7 @@ void FastLEDManagerClass::initialize(String projectName, uint16_t numberOfLeds)
 
   registerAnimation(new Color("Color"));
 
-  registerSlider(new Slider("Brightness", 0, 255, 255, 1));
+  registerSlider(new Slider("Brightness", 0, 1023, 1023, 1));
   registerSlider(new Slider("Speed", 0, 255, 127, 1));
 }
 

src/WebSocket.cpp

@@ -85,17 +85,20 @@ void handleBinary(uint8_t *binary, uint8_t id)
       FastLEDManager.leds[i] = CRGB(binary[1 + i * 3], binary[2 + i * 3], binary[3 + i * 3]);
     break;
   case 20: // Slider data
-    switch (binary[1])
     {
-      case 0:
-        FastLEDManager.brightness10 = binary[2] * 4 + 3;
-        break;
-      case 1:
-        FastLEDManager.speed = binary[2];
-        break;
-      default:
-        FastLEDManager.getSlider(binary[1])->value = binary[2];
-        break;
+      int16_t value = (binary[2] << 8) | binary[3];
+      switch (binary[1])
+      {
+        case 0:
+          FastLEDManager.brightness10 = value;
+          break;
+        case 1:
+          FastLEDManager.speed = value;
+          break;
+        default:
+          FastLEDManager.getSlider(binary[1])->value = value;
+          break;
+      }
     }
     break;
   case 30: // Request configuration