Mascota de HectorziN
Blog de HectorziN

M5Stack Dial: El Mando Físico Definitivo para WLED (Sin Home Assistant)

¿Te ha pasado que para algo tan simple como cambiar el brillo o el color de tus tiras LED tienes que desbloquear el móvil, abrir la app de WLED y esperar a que conecte? Aunque la domótica busca hacernos la vida fácil, a veces el exceso de pasos nos aleja de la comodidad. Hoy vamos a solucionar esto convirtiendo un M5Stack Dial en un controlador físico dedicado para WLED. Lo mejor de todo: funciona de forma totalmente autónoma, sin necesidad de servidores externos ni configuraciones complejas en Home Assistant.

En YouTube comparto más tutoriales, pruebas y domótica real. Suscribirme

M5Stack Dial: El Mando Físico Definitivo para WLED (Sin Home Assistant)

¿Qué es el M5Stack Dial?

El M5Stack Dial es un dispositivo basado en el potente chip ESP32-S3. Cuenta con una pantalla táctil circular de alta calidad, un encoder rotativo (la rueda) que ofrece una sensación táctil excelente, y conectividad WiFi/Bluetooth. Es el hardware perfecto para crear interfaces de control (HMI) compactas y elegantes.

Software Necesario

  • Visual Studio Code (VS Code): El editor de código base que utilizaremos.
  • PlatformIO: Se instala como una extensión dentro de VS Code (busca "PlatformIO IDE" en el marketplace de extensiones).

Archivos del Proyecto

  • Firmware m5dial-wled (GitHub): El código fuente desarrollado por jmaffie que hace posible la magia.
  • Modelo de Impresión 3D (Carcasa): El diseño de Jason para darle un acabado profesional y estético a tu mando.

Guía Paso a Paso: Instalación del Firmware

No te dejes asustar por términos como "ESP32" o "compilar". Este proceso es tan sencillo como instalar cualquier programa en tu ordenador. Utilizaremos el proyecto de código abierto m5dial-wled creado por jmaffie.

1. Preparación del Entorno

Esta parte solo la harás una vez:

  1. Descarga e instala Visual Studio Code.
  2. Dentro de VS Code, busca e instala la extensión PlatformIO IDE. Ten paciencia, ya que la primera vez suele tardar unos minutos en configurar todo el entorno.

2. Descarga y Configuración del Proyecto

  1. Descarga el repositorio del proyecto desde GitHub: m5dial-wled.
  2. Descomprime la carpeta y ábrela con Visual Studio Code.
  3. Configura tus credenciales: Busca el archivo llamado secrets.h.example y cámbiale el nombre a secrets.h.
  4. Edita el archivo con tus datos de red:
javascript
// Ejemplo de configuración en secrets.h
const char* ssid = "TU_WIFI_NOMBRE";
const char* password = "TU_WIFI_PASSWORD";
const char* wled_host = "192.168.1.100"; // La IP de tu controlador WLED o nombre MDNS

3. Grabación (Flashing)

  1. Conecta tu M5Stack Dial al ordenador mediante el cable USB-C.
  2. En la barra inferior de PlatformIO (el icono del marcianito), haz clic en el icono de la "V" (Build) para verificar que todo esté correcto.
  3. Si termina con éxito, haz clic en la "Flecha hacia la derecha" (Upload) para grabar el firmware en el dispositivo.

Experiencia de Uso: ¿Qué puedes controlar?

Una vez reiniciado, el dial se conectará a tu WiFi y verás una interfaz fluida y moderna. Aquí es donde empieza lo bueno:

  • Control de Brillo: Gira la rueda para ajustar la intensidad. Es, sin duda, la función más práctica para el día a día.
  • Paleta de Colores: Cambia el ambiente de la habitación en segundos navegando por el círculo cromático.
  • Efectos Dinámicos: Recorre la enorme lista de efectos de WLED de forma intuitiva.
  • Personalización: Puedes ajustar la velocidad y la intensidad de cada efecto directamente desde la pantalla táctil.

La respuesta es instantánea. Al no depender de intermediarios, la comunicación entre el dial y WLED es directa y extremadamente suave.

Acabado Profesional: Impresión 3D

Para que el dispositivo no parezca un simple componente electrónico sobre la mesa, te recomiendo imprimir una carcasa o soporte. Yo he utilizado el diseño de Jason, que le da un aspecto similar al de una cámara clásica y permite ocultar el cableado.

  • Modelo 3D (Smart Home Button): Descargar en Hackster.io
Pro Tip: El M5Stack Dial tiene bornes traseros de alimentación. Si quieres un acabado "limpio" en la pared, puedes alimentarlo directamente por ahí en lugar de usar el puerto USB lateral.

¿Dónde comprarlo?

Si te interesa alguna de las opciones comentadas, aquí tienes los enlaces disponibles:

Panel / Pantalla táctil

Iluminación inteligente

  • SMLIGHT SLWF-03 (Controlador WLED): AliExpress
  • WS2811 / WS2812B / WS2813 / WS2815 RGB LED Strip (Tira LED direccional (WLED)): AliExpress · Amazon
  • WLED RGBIC COB LED Strip Kit (PACK WLED COB): AliExpress

Conclusión

El M5Stack Dial no es solo un "juguete" para entusiastas; es una herramienta que mejora la ergonomía de tu hogar inteligente. Si ya disfrutas de WLED, este mando físico es la pieza del puzzle que te faltaba.

Si te interesa llevar este dispositivo más allá y controlarlo mediante Home Assistant con ESPHome para manejar persianas, luces o clima, no te pierdas mi otro tutorial: Controlar Home Assistant con M5Stack Dial.

¿Qué función le añadirías tú? ¡Cuéntamelo en los comentarios!