https://github.com/a0s/esphome-light-gradient

An example how to create gradient with regular FastLED and Home Assistant
https://github.com/a0s/esphome-light-gradient

esp32 esp8266 esphome esphome-light hass home-assistant ws2812b

Last synced: about 1 month ago
JSON representation

An example how to create gradient with regular FastLED and Home Assistant

• Host: GitHub
• URL: https://github.com/a0s/esphome-light-gradient
• Owner: a0s
• License: mit
• Created: 2023-05-23T22:12:40.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-05-29T20:26:03.000Z (over 1 year ago)
• Last Synced: 2024-11-10T00:29:10.503Z (3 months ago)
• Topics: esp32, esp8266, esphome, esphome-light, hass, home-assistant, ws2812b
• Language: C++
• Homepage:
• Size: 25.4 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# ESPHome Light Gradient 🌈

An example how to create color (or brightness) gradient with regular [FastLED](https://esphome.io/components/light/fastled.html) and [Home Assistant](https://esphome.io/guides/getting_started_hassio.html) (HASS)





## Devices

- [WiFi Smart LED Light Bar RGB Atmosphere Light Music Synchronization 12 Modes TV Wall Computer Game Room Decoration Night Light](https://www.aliexpress.com/item/1005004983859307.html)

- [RGB Bluetooth LED Hexagon Light Indoor Wall Light APP Remote Control Night Light Computer Game Room Bedroom Bedside Decoration

](https://www.aliexpress.com/item/1005003380581309.html)

In both devices, I was forced to replace their native controllers (Tuya and Magic Home) with regular esp8266. No additional power tricks were needed. Both devices use ws2812b, or their clones. The pinout was determined with the help of an oscilloscope.

## How it works

In the current solution, each device in the HASS interface is represented by three entities. Two [RGB Lights](https://esphome.io/components/light/rgb.html) are used to determine the color at the beginning and end of the gradient. The [Template Select](https://esphome.io/components/select/template.html) is employed to switch between different operating modes of the LED strip, as well as to turn it off.





The RGB Light isn't real, we're just using this entity as an interface for color selection on the HASS side. To use it, we need a [fake output](/esphome/NullOutputComponent.h):

```yaml

esphome:

  includes:

    - esphome/NullOutputComponent.h

output:

  - platform: custom

    type: float

    lambda: |-

      auto my_output = new NullOutputComponent();

      App.register_component(my_output);

      return {my_output};

    outputs:

      id: null_output_float

```

⚠️ To be able to set a specific color for each LED, we use [Addressable Light](https://esphome.io/components/display/addressable_light.html) over FastLED Light. Addressable Light supports so-called pages, on which different content can be presented. It's these pages that we [switch](/esphome/set_action.yaml) using Template Select. All the magic of rendering happens in the [description of the pages](/esphome/display_pages.yaml). The RGB Lights are used as a color source for the start and end of the gradient.

The LED strip is defined using fastled_clockless. The `restore_mode: ALWAYS_ON` mode is used so as not to interfere with the operation of addressable_light.

Don't forget to update the [mosaic_leds_count](https://github.com/a0s/esphome-light-gradient/blob/main/esphome.yaml#L2) variable with the actual number of LEDs. Also, update the [GPIO pin](https://github.com/a0s/esphome-light-gradient/blob/main/esphome.yaml#L43) to the one you are using.

## Disadvantages

- To control one light source, you need to visit three popup dialogs in HASS. Here, [scenes help a little](/home-assistant/scenes.yaml).

- To control two different light sources, you need to have a full copy of the source codes with differing IDs. This is quite error-prone when copy-pasting.

- It's impossible to adequately control the colors from the ESPHome web interface. The necessary controls are simply not available: