Luz de ambiente LED RGB WiFi DIY de $ 10 con ESP8266 (paso a paso)

¿Te gustaría agregar un toque de color a tu habitación de una manera económica y personalizada? En este artículo te enseñaremos cómo crear tu propia luz de ambiente LED RGB WiFi por tan solo $10 utilizando un ESP8266. Sigue nuestras instrucciones paso a paso y podrás disfrutar de una iluminación única y controlable desde tu smartphone. ¡No te lo pierdas!

En este proyecto te mostraré cómo construir tu propia luz ambiental. Utiliza un ESP8266 para controlar de forma remota el color de su luz a través de su teléfono inteligente u otro dispositivo con un navegador. Este proyecto se llama “Luz ambiental LED RGB WiFi DIY de $ 10”.

Primero, mire el video tutorial paso a paso a continuación.

Para obtener más información sobre los LED ESP8266 y RGB, utilice los siguientes tutoriales como referencia:

  • ¿Cómo funcionan los LED RGB?
  • Selector de color ESP8266 RGB
  • Comenzando con el ESP8266
  • Servidor web ESP8266 con NodeMCU
  • Actualización del firmware NodeMCU
  • Guía de solución de problemas de ESP8266

Si te gusta el ESP y te gustaría realizar más proyectos, puedes descargar mi libro electrónico “Domótica con ESP8266” aquí.

¡Vamos a empezar!

Lista de artículos

Aquí está el hardware que necesita para completar este proyecto:

Luz de ambiente LED RGB WiFi DIY de $ 10 con ESP8266 (paso a paso)

Luz de ambiente LED RGB WiFi DIY de $ 10 con ESP8266 (paso a paso)

Luz de ambiente LED RGB WiFi DIY de $ 10 con ESP8266 (paso a paso)

Puedes utilizar los enlaces anteriores o ir directamente MakerAdvisor.com/tools ¡Para encontrar todas las piezas para tus proyectos al mejor precio!

Luz de ambiente LED RGB WiFi DIY de $ 10 con ESP8266 (paso a paso)

Actualizando tu ESP con NodeMCU

En este tutorial usaremos el firmware NodeMCU. Necesita actualizar su ESP con el firmware NodeMCU.

Descargue el IDE de ESPlorer

Recomiendo usar ESPlorer IDE, un programa creado por 4refr0nt para enviar comandos a su ESP8266.

Siga estas instrucciones para descargar e instalar ESPlorer IDE:

  1. haga clic aquí para descargar ESPlorer
  2. Descomprime esta carpeta
  3. Ir a la carpeta principal
  4. Correr «ESPlorer.jar» archivo
  5. Abra el IDE de ESPlorer

Luz de ambiente LED RGB WiFi DIY de $ 10 con ESP8266 (paso a paso)

Subir código

Debería aparecer una ventana similar a la imagen anterior. Siga estas instrucciones para cargar un archivo Lua:

  1. Conecte su ESP8266-12E con programador incorporado a su computadora
  2. Seleccione su ESP8266-12E Puerto
  3. Prensa Abierto cerrado
  4. Elegir Pestaña NodeMCU+MicroPtyhon.
  5. Crea un nuevo archivo llamado init.lua
  6. Prensa Guardar en ESP

Todo lo que necesite pensar o cambiar está resaltado en el cuadro rojo.

Luz de ambiente LED RGB WiFi DIY de $ 10 con ESP8266 (paso a paso)

código

Cargue el siguiente código a su ESP8266 usando el software anterior. Su archivo debe llamarse “init.lua“.

No olvide agregar el nombre de su red (SSID) y la contraseña al siguiente script.

IMPORTANTE: El script incluido a continuación se creó en 2016 y funciona con una versión anterior del firmware Lua. Si está utilizando una versión más reciente del firmware Lua, deberá utilizar este script en su lugar: ESP8266_RGB_Color_Picker_New.lua.

-- Rui Santos
-- Complete project details at https://randomnerdtutorials.com

wifi.setmode(wifi.STATION)
wifi.sta.config("REPLACE_WITH_YOUR_SSID","REPLACE_WITH_YOUR_PASSWORD")

print(wifi.sta.getip())

function led(r, g, b)
    pwm.setduty(5, r)
    pwm.setduty(6, g)
    pwm.setduty(7, b)
end
pwm.setup(5, 1000, 1023)
pwm.setup(6, 1000, 1023)
pwm.setup(7, 1000, 1023)
pwm.start(5)
pwm.start(6)
pwm.start(7)

srv=net.createServer(net.TCP)
srv:listen(80,function(conn)
    conn:on("receive", function(client,request)
        local buf = "";
        buf = buf.."HTTP/1.1 200 OKnn"
        local _, _, method, path, vars = string.find(request, "([A-Z]+) (.+)?(.+) HTTP");
        if(method == nil)then
            _, _, method, path = string.find(request, "([A-Z]+) (.+) HTTP");
        end
        local _GET = {}
        if (vars ~= nil)then
            for k, v in string.gmatch(vars, "(%w+)=(%w+)&*") do
                _GET[k] = v
            end
        end
        buf = buf.."<!DOCTYPE html><html><head>";
        buf = buf.."<meta charset="utf-8">";
        buf = buf.."<meta http-equiv="X-UA-Compatible" content="IE=edge">";
        buf = buf.."<meta name="viewport" content="width=device-width, initial-scale=1">";
        buf = buf.."<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">";
        buf = buf.."<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>";
        buf = buf.."<script src="https://cdnjs.cloudflare.com/ajax/libs/jscolor/2.0.4/jscolor.min.js"></script>";
        buf = buf.."</head><body><div class="container"><div class="row"><h1>ESP Color Picker</h1>";       
        buf = buf.."<a type="submit" id="change_color" type="button" class="btn btn-primary">Change Color</a> ";
        buf = buf.."<input class="jscolor {onFineChange:'update(this)'}" id="rgb"></div></div>";
        buf = buf.."<script>function update(picker) {document.getElementById('rgb').innerHTML = Math.round(picker.rgb[0]) + ', ' +  Math.round(picker.rgb[1]) + ', ' + Math.round(picker.rgb[2]);";      
        buf = buf.."document.getElementById("change_color").href="?r=" + Math.round(picker.rgb[0]*4.0117) + "&g=" +  Math.round(picker.rgb[1]*4.0117) + "&b=" + Math.round(picker.rgb[2]*4.0117);}</script></body></html>";
        
        if(_GET.r or _GET.g or _GET.b) then
            led(_GET.r, _GET.g,_GET.b)
        end
        client:send(buf);
        client:close();
        collectgarbage();
    end)
end)

Ver código sin formato

Esquema

Ahora siga estos esquemas para crear el circuito final.

Luz de ambiente LED RGB WiFi DIY de $ 10 con ESP8266 (paso a paso)

Su dirección IP ESP

Cuando su ESP8266 se reinicie, imprimirá la dirección IP de ESP en su monitor serie. Guarde esta dirección IP ya que la necesitará más adelante.

En mi caso el ESP es la dirección IP 192.168.1.105. Si tiene problemas para ver su IP, consulte esta guía de solución de problemas.

Usted está listo para ir!

Luz de ambiente LED RGB WiFi DIY de $ 10 con ESP8266 (paso a paso)

Abra su servidor web

Abra cualquier navegador e ingrese la dirección IP de su ESP8266. Deberías ver lo siguiente:

Luz de ambiente LED RGB WiFi DIY de $ 10 con ESP8266 (paso a paso)

Haga clic en el campo de entrada y se abrirá una pequeña ventana con una selección de color. Simplemente arrastre el mouse o el dedo y seleccione el color de su tira de LED RGB:

Luz de ambiente LED RGB WiFi DIY de $ 10 con ESP8266 (paso a paso)

Finalmente, haga clic en el botón «Cambiar color»:

Luz de ambiente LED RGB WiFi DIY de $ 10 con ESP8266 (paso a paso)

Ahora puedes colocar tu luz ambiental en tu salón:

Luz de ambiente LED RGB WiFi DIY de $ 10 con ESP8266 (paso a paso)

Vaya a la parte superior de esta página para ver un video de demostración de este proyecto.

Resumen

Este proyecto muestra una aplicación real para la placa ESP8266. Si no tienes una tira de LED RGB pero aún quieres probar este proyecto, puedes leer esta publicación de blog Selector de color ESP8266 RGB que cambia el color de un LED RGB con un ESP8266.

¿Tiene usted alguna pregunta? ¡Deja un comentario a continuación!

Gracias por leer. Si te gusta esta publicación, es posible que también te gusten mis próximas. Así que por favor apóyame suscribiéndote a mi blog.

Error 403 The request cannot be completed because you have exceeded your quota. : quotaExceeded





Luz de ambiente LED RGB WiFi DIY de $10 con ESP8266 (paso a paso)

Luz de ambiente LED RGB WiFi DIY de $10 con ESP8266 (paso a paso)

En este proyecto, te mostraré cómo puedes construir tu propia luz ambiental. Utilizarás un ESP8266 para controlar remotamente el color de tu luz usando tu teléfono inteligente u otro dispositivo que tenga un navegador. Este proyecto se llama $10 DIY WiFi RGB LED Mood Light.

Preguntas frecuentes

  1. ¿Cómo funcionan las luces LED RGB?

    Las luces LED RGB funcionan combinando los colores rojo, verde y azul en diferentes proporciones para crear una amplia gama de colores. Puedes controlar cada uno de estos colores individualmente para obtener el color deseado.

  2. ¿Qué es un ESP8266?

    El ESP8266 es un microcontrolador con capacidad WiFi que te permite conectarte a una red inalámbrica para controlar dispositivos de forma remota. Es ideal para proyectos de IoT.

  3. ¿Cuáles son las partes necesarias para este proyecto?

    Para completar este proyecto necesitarás un ESP8266-12E, una tira de LED RGB, una fuente de alimentación de 12V, transistores NPN, resistencias, una placa de pruebas, cables de puente, y una lámpara de mesa con aspecto de luz ambiental, entre otros componentes.

  4. ¿Cómo puedo controlar el color de la luz?

    Podrás controlar el color de la luz utilizando un navegador en tu dispositivo. Simplemente ingresa la dirección IP del ESP8266 en el navegador y utiliza el selector de color para elegir el color deseado.

  5. ¿Existe alguna aplicación práctica para este proyecto?

    Este proyecto demuestra una aplicación del mundo real para la placa ESP8266. Puedes usar esta tecnología para crear sistemas de iluminación inteligente en tu hogar o para proyectos de automatización.

Para obtener más información sobre el uso de ESP8266 y LED RGB, puedes consultar los siguientes tutoriales:

¡Comienza ahora mismo y convierte tu espacio en un ambiente colorido y personalizado con esta sencilla y económica luz RGB WiFi DIY!


3 comentarios en «Luz de ambiente LED RGB WiFi DIY de $ 10 con ESP8266 (paso a paso)»

  1. ¡Increíble idea! Estoy emocionado por probarlo, parece ser una forma divertida de agregar un ambiente colorido a cualquier habitación. Gracias por compartir el tutorial paso a paso. ¡Vamos a hacer brillar esa luz! ✨🌈

Deja un comentario