Luminária RGB com ESP32 e WLED

Luminária RGB com Fita de Led, ESP8266 e WLED 4

Você já deve ter visto por aí muitas pessoas utilizando fitas de led como luminária, seja para personalizar o ambiente de trabalho ou para deixar a sala mais confortável e descolada. Saiba que você pode construir uma luminária RGB com fita de led, ESP8266 e WLED sem precisar de conhecimento de programação ou gastar muito.

Neste post, você irá aprender a montar e configurar uma fita led para ser controlada via PC ou Smartphone. Também, para explorar ainda mais suas habilidades maker, vou colocar como sugestão a montagem da estrutura da luminária, utilizando madeira e cantoneira de pvc.

Material necessário

Para montar a sua luminária você precisará de alguns componentes eletrônicos, uma fita de led e alguns produtos simples de marcenaria para reproduzir o projeto exatamente como o do artigo, mas também é possível simplificar as coisas. Confira abaixo a lista de componentes e em caso de dúvidas mande uma mensagem nos comentários que teremos prazer em ajudar.

Parte eletrônica

Os itens do projeto eletrônico estão todos disponíveis aqui na FilipeFlop, por isso, vamos deixar os links todos aqui para simplificar a sua compra, caso você não tenha os mesmos em casa:

Estrutura para a luminária (opcional)

A fabricação da estrutura da luminária é opcional e pode precisar de algum ajuste dependendo da sua necessidade. De toda forma, vamos compartilhar toda a lista de itens caso você opte pelo mesmo projeto que a gente:

Preparação do ESP8266 NodeMCU

O cérebro do nosso projeto é o Módulo WiFi ESP8266 NodeMcu . É ele quem vai nos permitir conectar à internet e controlar a fita de led utilizando o WLED e um smartphone.

Com isso, na primeira etapa do projeto vamos preparar a placa instalando o firmware e fazendo as primeiras configurações utilizando o computador.

Instalação do Firmware no NodeMCU

Para instalar o firmware devemos fazer o download de alguns arquivos de instalação do WLED no ESP8266 NodeMCU. Para facilitar vamos compartilhar aqui os links dos arquivos:

Captura de tela com os arquivos necessários
Arquivos necessários

Se você preferir também pode fazer o download diretamente nos repositórios no github:

Configuração do ESP8266 NodeMCU

Etapa 1: Identificar a Porta COM

Após baixar os arquivos para o seu computador, conecte o NodeMCU no PC e verifique em qual porta ele está conectado. Para isso, você deve abrir o Gerenciador de dispositivos. No Windows 10 ele pode ser acessado utilizando o atalho Windows + X e então clicando em Gerenciador de Dispositivos:

Captura de tela caminho para o gerenciador de tarefas
Acessando o Gerenciador de Dispositivo no Windows 10

Anote o nome da porta que aparece ao conectar o NodeMCU. No meu caso foi a porta COM7:

Captura de tela do Gerenciador de Dispositivos do Windows 10
Gerenciador de Dispositivos do Windows 10

Etapa 2: Instalar o PyFlasher

O próximo passo é abrir o executável NodeMCU-PyFlasher-4.0-x64 e configurar da seguinte maneira:

  • Serial Port: Selecionar a porta serial que o NodeMCU está conectado (que encontramos através do gerenciador de dispositivos)
  • NodeMCU firmware: inserir o caminho ou buscar pelo arquivo WLED_0.13.0-b7_ESP8266.bin baixado anteriormente
  • Baudrate: manter em “115200”
  • Flash mode: manter a opção padrão “Dual I/O (DIO)”
  • Erase flash: selecionar a opção “yes, wipe all data”

Então clique no botão “Flash NodeMCU” para fazer a instalação do firmware. Assim que finalizar, o NodeMCU pode ser desconectado do PC.

GIF mostrando o programa NodeMCU Pyflasher
Carregando o arquivo .bin no NodeMCU

Projeto Eletrônico da Luminária RGB com Fita de Led

Para este projeto, será usado apenas 1,5m da fita LED, o corte deve ser feito na seguinte marcação:

Marcação de corte na fita LED
Marcação do corte na fita LED

Importante: Se você optar por uma fita de comprimento maior, é importante conferir se a fonte que você está usando será capaz de entregar a corrente necessária, caso contrário existe a possibilidade de danificar algum componente.

Para fazer a conexão da fita com o NodeMCU, serão necessários apenas 3 jumpers fêmea-fêmea, não importa a cor, mas as conexões devem seguir o esquemático:

Esquemático Fita LED + NodeMCU
Esquemático Fita LED + NodeMCU
Fita LED NodeMCU
+5V VIN
DIN D4
GND GND

Antes de iniciar as ligações, devemos cortar um dos terminais de cada jumper, desencapar e estanhar as pontas, o resultado será o seguinte:

Jumpers
Jumpers

Também, você deverá estanhar os terminais da fita led:

Terminais da fita LED
Terminais estanhados da fita LED

O próximo passo é soldar os jumpers na fita, seguindo o esquemático. Preste atenção na seta preta que indica o sentido correto da fita led. O resultado será o seguinte:

Solda dos jumpers na fita LED
Solda dos jumpers na fita LED

Se preferir, você pode isolar as soldas com um tubo termo retrátil ou fita isolante. Por fim, você deve fazer as conexões seguindo o esquemático: Jumper alaranjado no +5V da fita e no VIN do NodeMCU ; Jumper verde no Din da fita e d4 do NodeMCU; Jumper azul no GND da fita e do NodeMCU):

Conexões no NodeMCU
Conexões no NodeMCU

Controlando a Fita LED com WLED

Para fazer a configuração do WLED, primeiro você deve conectar o NodeMCU na fonte 5V (apenas alguns LEDs irão acender) e então procure pela rede WiFi WLED-AP e conecte usando a senha “wled1234”:

Conectando à rede do WLED
Conectando à rede do WLED

Quando a conexão acontecer, a página do WLED irá abrir em seu navegador:

Captura de tela da Página inicial de configuração do WLED
Página inicial de configuração do WLED

Para iniciarmos a configuração, clique em WIFI SETTINGS, a página seguinte irá abrir:

Captura de tela das configurações de rede do WLED
Configurações de rede do WLED

Em “Network name” insira o nome da sua rede WiFi e em “Network Password” sua senha.
Caso queira, em Static IP você pode escolher um IP fixo para a fita led. No meu caso eu deixei como está e o IP é “gerado” automaticamente.

Por fim, clique em “Save & Connect”

Configuração do WLED

Para fazer a configuração, você deve baixar app WLED em seu smartphone:
Android ou iOS

O primeiro passo é encontrar a sua fita na rede, clicando no ícone de “+” no canto superior direito da tela:

Captura de tela do celular da Configuração inicial do WLED
Adicionando a fita ao aplicativo WLED

Em seguida, clique em “Discover Lights”:

Aba Discover Lights
Aba Discover Lights

Caso tenha configurado um endereço de IP anteriormente, você pode inseri-lo para encontrar a fita na rede.

Voltando para a tela inicial do WLED, você será capaz de selecionar seu dispositivo e iniciar as configurações:

Lista de fitas led conectadas a rede
Lista das fitas led conectadas a rede

Note que aparece o IP 192.168.0.23, esse é o IP do meu NodeMCU na rede. Ao digitar o IP do NodeMCU no navegador, irá abrir as mesmas configurações que aparecem no app do celular:

Configurações de cor do WLED pelo navegador do computador
Configurações de cor do WLED pelo navegador do computador

Bom, para continuar a configuração eu escolhi fazer pelo app mesmo. A primeira tela que irá abrir será a de configuração das cores:

Captura de tela da Configurações de cor do WLED pelo APP de smartphone
Configurações de cor do WLED pelo APP de smartphone

A configuração inicial a ser feita é a de número de LEDs, para isso, clique em “Config” e então em “LED Preferences”. Arraste a página para baixo e insira o número de leds na fita, no meu caso eu usei 45 LEDs:

Configurar o número de leds que estão sendo usados
Configurar o número de leds que estão sendo usados

Outra configuração que eu recomendo, está abaixo: “Turn LEDs on after power up/reset”. Por padrão essa opção vem ativada, no entanto a minha sugestão é desativar, caso contrário toda vez que houver uma falha na luz (pique de luz) a fita vai ascender.

Não esqueça de salvar as configurações.

Pronto, agora você já pode explorar as muitas possibilidades de efeitos do WLED. No vídeo a seguir você pode conferir alguns efeitos que eu adicionei como favoritos:

Montagem da luminária

Agora vamos explicar brevemente como foi montada a estrutura da luminária, o que permite que a fita fique na vertical em um canto do cômodo.
A estrutura é dividida em uma base de madeira com formato em V e uma cantoneira em PVC, que fica posicionada verticalmente com a fita led colada. Além disso, para proteger o NodeMCU, imprimimos uma case utilizando impressora 3D e filamento PLA. Para baixar o modelo você pode acessar o site Thingiverse: Case NodeMCU.

Foto da Impressão 3D da case para o NodeMCU
Impressão 3D da case para o NodeMCU

Base da Luminária

A base da luminária foi feita com a madeira indicada na lista de materiais. A base pode ser montada seguindo o passo a passo a seguir:

Diagrama do passo a passo da montagem da base da luminária
Passo a passo da montagem da base da luminária
  1. O primeiro passo é fazer duas marcações na madeira, uma em 18 cm e outra em 20cm.
  2. Então, com as duas marcações feitas, você deve fazer outra marcação, dessa vez na diagonal, seguindo o quadro 2. Essa marcação diagonal é onde você precisa cortar a madeira.
  3. Nesse ponto você estará com duas partes, uma maior e uma menor. Utilize a menor para fazer uma marcação da maior, para ter duas peças iguais, seguindo a foto do quadro 3. A peça C marcada na foto do quadro 3 tem 3cm, será o apoio vertical para a cantoneira de PVC.
  4. Por fim, utilize como referência a foto do quadro 4 para unir as 3 partes e pintar da cor que preferir.

Note que tanto a base quanto a cantoneira de PVC foram pintadas utilizando uma base de primer e então spray preto.

A fita LED será colada na parte interior da cantoneira. É importante ressaltar que a fitas led que vendemos em nossa loja já vem com fita dupla face em seu verso:

GIF mostrando a fita led sendo colada na canaleta de pvc
Fita led sendo colada na canaleta de pvc

O próximo passo é agrupar todas as peças, colando a cantoneira com a fita de led RGB na base de madeira e encaixando os jumpers na case. Note que eu enrolei os jumpers com fita isolante, para melhorar o acabamento:

Foto mostrando a Etapada de montagem da case do NodeMCU
Etapada de montagem da case do NodeMCU

E por último, podemos conectar os jumpers no NodeMCU novamente e fechar a case:

gif mostrando a montagem do NodeMCU na case
Montando o NodeMCU na case

Para ligar sua luminária, basta conectar o NodeMCU via micro-usb na fonte 5V listada nos materiais necessários.

Funcionamento

Sensacional!! Quem chegou até aqui já pode posicionar a luminária no canto do quarto ou da sala, sobre um móvel ou em qualquer lugar que você conseguir imaginar. Para inspirar você, segue a forma como instalamos a nossa e veja se faz sentido em seu espaço.

Gif mostrando o FUncionamento da luminária LED
Luminária LED em funcionamento

Mas não existe um formato único de instalação da fita de led RGB, como ela é maleável e leve, você pode ajustá-la em vários formatos e locais. Após dominar os conhecimentos que compartilhamos aqui você poderá inventar muitas formas de decorar seus ambientes.

Conta pra nós nos comentários o que achou desse projeto =) E não esqueça de seguir a FilipeFlop no Instagram

Faça seu comentário

Acesse sua conta e participe

4 Comentários

  1. Ola alguem poderi ame ajudar coloquei a senha nodemcu dentro das configurações do wled agora não consigo entrar , mais nas configurações do wled pq esqueci a senha da rede wled-ap….nao consigo resetar fazer nada =(

    1. Olá,

      Você pode tentar gravar novamente o firmware, dessa forma a princípio irá resetar todos os dados e você conseguirá reconfigurar.

      Abraços!
      Vinícius – Equipe FilipeFlop

  2. Sensacional o efeito dessa luminária. Muito versátil! Mandaram muito bem!

    1. Olá Jorge,

      Que bom que gostou, ficamos felizes com o feedback!

      Abraços!
      Vinícius – Equipe FilipeFlop