ESP8266 - tira de LEDs WS2812B

La tira de LEDs RGB WS2812B está formada por LEDs cuyo color y brillo pueden ajustarse de forma individual. Este tutorial te enseña cómo usar ESP8266 para controlar la tira de LEDs RGB WS2812B. En detalle, aprenderemos:

Solo necesitamos usar un pin digital del ESP8266 para controlar todos los LEDs de la tira.

Hardware Requerido

1×ESP8266 NodeMCU
1×Cable USB Tipo-A a Tipo-C (para PC USB-A)
1×Cable USB Tipo-C a Tipo-C (para PC USB-C)
1×WS2812B RGB Tira LED
1×1000uF Capacitor
1×470Ω Resistor
1×Adaptador de Corriente 5V
1×Conector de Alimentación DC
1×Cables Puente
1×(Recomendado) Placa de Expansión de Terminales de Tornillo para ESP8266
1×(Recomendado) Divisor de Alimentación para ESP8266 Tipo-C

Or you can buy the following kits:

1×DIYables Sensor Kit (30 sensors/displays)
1×DIYables Sensor Kit (18 sensors/displays)
Divulgación: Algunos de los enlaces proporcionados en esta sección son enlaces de afiliado de Amazon. Podemos recibir una comisión por las compras realizadas a través de estos enlaces sin costo adicional para usted. Apreciamos su apoyo.

Acerca de la tira de LED RGB WS2812B

Pinout de la tira de LEDs WS2812B

La tira de LEDs RGB WS2812B tiene tres pines que requieren conexiones específicas:

  • El pin GND debe conectarse a GND (0V)
  • El pin VCC debe conectarse a los 5V de una fuente de alimentación externa
  • El pin DIN es el pin que recibe la señal de control y debe estar conectado a un pin del ESP8266
Esquema de pines de WS2812B

※ Nota:

La secuencia de pines puede diferir según el fabricante. Es IMPERATIVO usar las marcas impresas en la tira de LEDs.

Diagrama de Cableado

Diagrama de cableado de la tira de LEDs RGB WS2812B para ESP8266 NodeMCU

This image is created using Fritzing. Click to enlarge image

Para obtener m\u00e1s informaci\u00f3n, consulte Pines del ESP8266 y c\u00f3mo alimentar ESP8266 y otros componentes.

Cómo programar para la tira de LEDs RGB WS2812B

Hay dos bibliotecas que se pueden usar para controlar la tira de LEDs WS2812B:

  • Biblioteca Adafruit NeoPixel.
  • Biblioteca FastLED.

Este tutorial utilizará la biblioteca Adafruit NeoPixel.

  • Crea un objeto WS2812B
#define PIN_WS2812B D1 // The ESP8266 pin that connects to WS2812B #define NUM_PIXELS 30 // The number of LEDs (pixels) on WS2812B Adafruit_NeoPixel WS2812B(NUM_PIXELS, PIN_WS2812B, NEO_GRB + NEO_KHZ800);
  • Tira de 30 LEDs
  • Inicia la tira WS2812B que contiene 30 luces.
WS2812B.begin(); // INITIALIZE WS2812B strip object (REQUIRED)
  • Especifica el color de cada LED (conocido como píxel).
WS2812B.setPixelColor(pixel, WS2812B.Color(255, 0, 0));
  • Ajusta el brillo de todas las tiras.
WS2812B.setBrightness(100); // a value from 0 to 255

※ Nota:

  • WS2812B.setBrightness() se utiliza para ajustar el brillo de todos los píxeles en la tira de LEDs. Para establecer el brillo de cada píxel individual, podemos escalar los valores de color (R, G, B) con la misma proporción.
  • Los valores establecidos por WS2812B.setBrightness() y WS2812B.setPixelColor() solo se aplicarán cuando se ejecute WS2812B.show().

Código ESP8266

El código a continuación realiza las siguientes secuencias:

  • Pinta los píxeles de verde uno por uno con un retraso entre cada píxel
  • Apaga todos los píxeles durante dos segundos
  • Enciende todos los píxeles en rojo simultáneamente durante dos segundos
  • Repite este proceso indefinidamente
/* * Este código de ESP8266 NodeMCU fue desarrollado por es.newbiely.com * Este código de ESP8266 NodeMCU se proporciona al público sin ninguna restricción. * Para tutoriales completos y diagramas de cableado, visite: * https://es.newbiely.com/tutorials/esp8266/esp8266-ws2812b-led-strip */ #include <Adafruit_NeoPixel.h> #define PIN_WS2812B D1 // The ESP8266 pin that connects to WS2812B #define NUM_PIXELS 30 // The number of LEDs (pixels) on WS2812B Adafruit_NeoPixel WS2812B(NUM_PIXELS, PIN_WS2812B, NEO_GRB + NEO_KHZ800); void setup() { WS2812B.begin(); // INITIALIZE WS2812B strip object (REQUIRED) } void loop() { WS2812B.clear(); // set all pixel colors to 'off'. It only takes effect if pixels.show() is called // turn pixels to green one by one with delay between each pixel for (int pixel = 0; pixel < NUM_PIXELS; pixel++) { // for each pixel WS2812B.setPixelColor(pixel, WS2812B.Color(0, 255, 0)); // it only takes effect if pixels.show() is called WS2812B.show(); // send the updated pixel colors to the WS2812B hardware. delay(DELAY_INTERVAL); // pause between each pixel } // turn off all pixels for two seconds WS2812B.clear(); WS2812B.show(); // send the updated pixel colors to the WS2812B hardware. delay(2000); // off time // turn on all pixels to red at the same time for two seconds for (int pixel = 0; pixel < NUM_PIXELS; pixel++) { // for each pixel WS2812B.setPixelColor(pixel, WS2812B.Color(255, 0, 0)); // it only takes effect if pixels.show() is called } WS2812B.show(); // send the updated pixel colors to the WS2812B hardware. delay(2000); // on time // turn off all pixels for one seconds WS2812B.clear(); WS2812B.show(); // send the updated pixel colors to the WS2812B hardware. delay(2000); // off time }

Pasos R\u00e1pidos

Para empezar a trabajar con ESP8266 en el IDE de Arduino, sigue estos pasos:

  • Consulta el cómo configurar el entorno para ESP8266 en Arduino IDE tutorial si es la primera vez que usas ESP8266.
  • Conecta los componentes tal como se muestra en el diagrama.
  • Conecta la placa ESP8266 a tu computadora usando un cable USB.
  • Abre Arduino IDE en tu computadora.
  • Elige la placa ESP8266 correcta, por ejemplo (p. ej. NodeMCU 1.0 (ESP-12E Module)), y su puerto COM correspondiente.
  • Haz clic en el icono Bibliotecas en la barra izquierda del IDE de Arduino.
  • Busca “Adafruit NeoPixel” y localiza la biblioteca NeoPixel de Adafruit.
  • Luego, presiona el botón Instalar para instalar la biblioteca NeoPixel.
Biblioteca NeoPixel para ESP8266 NodeMCU
  • Copia el código y ábrelo en el IDE de Arduino.
  • Haz clic en el botón Subir para enviar el código al ESP8266.
  • Observa el efecto LED.

※ Nota:

Para cualquier efecto LED complejo, ofrecemos el servicio de programación pagado

Video Tutorial

Estamos considerando crear tutoriales en video. Si considera que los tutoriales en video son importantes, suscríbase a nuestro canal de YouTube para motivarnos a crear los videos.

※ NUESTROS MENSAJES

  • No dude en compartir el enlace de este tutorial. Sin embargo, por favor no use nuestro contenido en otros sitios web. Hemos invertido mucho esfuerzo y tiempo en crear el contenido, ¡por favor respete nuestro trabajo!