8×8 Neo-pixel Matrix Face Mask Using WS2812 + ESP-0 and WLED Firmware
by AdityaG116 in Circuits > Wearables
578 Views, 2 Favorites, 0 Comments
8×8 Neo-pixel Matrix Face Mask Using WS2812 + ESP-0 and WLED Firmware
![WhatsApp Image 2022-04-24 at 9.27.27 AM.jpeg](/proxy/?url=https://content.instructables.com/FN5/AHWJ/L2BVI3M4/FN5AHWJL2BVI3M4.jpg&filename=WhatsApp Image 2022-04-24 at 9.27.27 AM.jpeg)
![WhatsApp Image 2022-04-24 at 8.28.03 AM.jpeg](/proxy/?url=https://content.instructables.com/FX7/DD01/L2BVI2EZ/FX7DD01L2BVI2EZ.jpg&filename=WhatsApp Image 2022-04-24 at 8.28.03 AM.jpeg)
![WhatsApp Image 2022-04-23 at 9.15.07 PM.jpeg](/proxy/?url=https://content.instructables.com/FXC/WE1T/L2BVH1VT/FXCWE1TL2BVH1VT.jpg&filename=WhatsApp Image 2022-04-23 at 9.15.07 PM.jpeg)
In this article, we will learn how to make an 8×8 Neo-pixel Face mask using an ESP-01 wireless module and how to control it via WLED firmware. The WS2812 LEDs are easy to use and work on almost every IoT module. I will be using 60 led's/m strips in this project and the total count of LEDs will be 64.
The circuit is powered by a 3.7 V battery with a battery recharging module and a couple of switches. The effects and colors will be controlled through WIFI via the WLED HTML page on various devices.
Supplies
![soldering-iron-ga69dadcbc_1920.jpg](/proxy/?url=https://content.instructables.com/FJI/E8KS/L2BVH07L/FJIE8KSL2BVH07L.jpg&filename=soldering-iron-ga69dadcbc_1920.jpg)
![11026-Jumper_Wires_Standard_7in._M_M_-_30_AWG__30_Pack_-01.jpg](/proxy/?url=https://content.instructables.com/F8F/7DJK/L2BVH0CX/F8F7DJKL2BVH0CX.jpg&filename=11026-Jumper_Wires_Standard_7in._M_M_-_30_AWG__30_Pack_-01.jpg)
![WhatsApp Image 2022-04-23 at 9.18.23 PM.jpeg](/proxy/?url=https://content.instructables.com/F1J/L0XJ/L2BVH06A/F1JL0XJL2BVH06A.jpg&filename=WhatsApp Image 2022-04-23 at 9.18.23 PM.jpeg)
![41S0QCv3IdL._SX342_.jpg](/proxy/?url=https://content.instructables.com/F3D/PEXR/L2BVH0TC/F3DPEXRL2BVH0TC.jpg&filename=41S0QCv3IdL._SX342_.jpg)
![images.jpg](/proxy/?url=https://content.instructables.com/FEG/8RKV/L2BVH0TH/FEG8RKVL2BVH0TH.jpg&filename=images.jpg)
![download (1).jpg](/proxy/?url=https://content.instructables.com/FT6/U03D/L2BVH1E8/FT6U03DL2BVH1E8.jpg&filename=download (1).jpg)
![3.7v-1000mah-lipo-battery-model-kp-423048-india-400x400.jpg](/proxy/?url=https://content.instructables.com/FWC/UKC6/L2BVH1E6/FWCUKC6L2BVH1E6.jpg&filename=3.7v-1000mah-lipo-battery-model-kp-423048-india-400x400.jpg)
![62b17fbf7207e5429b51cdf7efd16338595a2661_original.jpeg](/proxy/?url=https://content.instructables.com/FIF/NAQ5/L2BVH1E7/FIFNAQ5L2BVH1E7.jpg&filename=62b17fbf7207e5429b51cdf7efd16338595a2661_original.jpeg)
![download (2).jpg](/proxy/?url=https://content.instructables.com/FK3/2NNH/L2BVH1E9/FK32NNHL2BVH1E9.jpg&filename=download (2).jpg)
![download (3).jpg](/proxy/?url=https://content.instructables.com/F5B/ZG2G/L2BVH1EA/F5BZG2GL2BVH1EA.jpg&filename=download (3).jpg)
![download.png](/proxy/?url=https://content.instructables.com/FHY/TNYN/L2BVH1EB/FHYTNYNL2BVH1EB.png&filename=download.png)
![esp8266-esp-01-wifi-module-factoryforward.png](/proxy/?url=https://content.instructables.com/FC9/63NP/L2BVH1EC/FC963NPL2BVH1EC.png&filename=esp8266-esp-01-wifi-module-factoryforward.png)
![images (2).jpg](/proxy/?url=https://content.instructables.com/FUR/BUQO/L2BVH1ED/FURBUQOL2BVH1ED.jpg&filename=images (2).jpg)
1.Soldering Iron
2.Wires
3.Pushbuttons or Slideswitch
4.Heat shrink tubes
5.Transperant insulating tape
6.Hot Air Gun
7.Velcro
8.Dark coloured cloth ( I will be using Black colour cloth )
9.Flat Elastic thread
10.ESP-01 - https://www.amazon.com/dp/B01EA3UJJ4?ref_=cm_sw_r_cp_ud_dp_EPXF638KDPX2VMPMP6ZK
11.LD1117 3.3V Voltage Regulator - https://www.amazon.com/dp/B07MVV3JGP?ref_=cm_sw_r_cp_ud_dp_GY8HT281BJ62ASSKPRMW
12.WS2812 Neo-pixel Led's - https://www.amazon.com/dp/B01CDTEJBG?ref_=cm_sw_r_cp_ud_dp_FYPMQNAF3BH7VK6MDRJQ
13.3.7 Lithium ion battery - https://www.amazon.com/dp/B086Q7FJDT?ref_=cm_sw_r_cp_ud_dp_XWC365HCKP55GCAMTDE9
14.TP4056 1A Li-Ion Battery Charging Board Micro USB with Current Protection - https://www.amazon.com/dp/B00LTQU2RK?ref_=cm_sw_r_cp_ud_dp_9BRN4MZJAJQ6XS9MD2P6
=================***Links***=====================
1.Arduino IDE/ NodeMCU-PyFlasher-4.0-x64 ( I have used NodeMCU-PyFlasher-4.0-x64 to flash WLED Firmware)
2.How to program an ESP - 01 module
1.https://github.com/Aircoookie/WLED (WLED github link)
2.https://github.com/Aircoookie/WLED/releases/download/v0.13.1/WLED_0.13.1_ESP01.bin ( WLED Firmware for ESP-01)
Making Mask
![WhatsApp Image 2022-04-24 at 9.25.22 AM.jpeg](/proxy/?url=https://content.instructables.com/FME/9CR7/L2BVI3M3/FME9CR7L2BVI3M3.jpg&filename=WhatsApp Image 2022-04-24 at 9.25.22 AM.jpeg)
![WhatsApp Image 2022-04-24 at 9.30.20 AM.jpeg](/proxy/?url=https://content.instructables.com/FN2/BU7Y/L2BVI3N1/FN2BU7YL2BVI3N1.jpg&filename=WhatsApp Image 2022-04-24 at 9.30.20 AM.jpeg)
![download (2).jpg](/proxy/?url=https://content.instructables.com/FWL/SKNS/L2BVI98J/FWLSKNSL2BVI98J.jpg&filename=download (2).jpg)
![WhatsApp Image 2022-04-24 at 9.24.59 AM.jpeg](/proxy/?url=https://content.instructables.com/FMW/QKAL/L2BVI98T/FMWQKALL2BVI98T.jpg&filename=WhatsApp Image 2022-04-24 at 9.24.59 AM.jpeg)
- Make a face mask using any dark-colored cloth.
- I have used a black color cloth.
- Sew it as per your requirement and size.
- Make a pocket-like section for inserting the LED matrix.
- During the daytime, this section can be used to put a filter inside it.
- Since it is made up of cloth so it is washable and reusable.
- Add Velcro at inserting section by which we can insert the matrix in the section.
Setting Up Esp-01 and Programming
![Screenshot (160).png](/proxy/?url=https://content.instructables.com/FQU/2BB7/L2BVI3BP/FQU2BB7L2BVI3BP.png&filename=Screenshot (160).png)
![Screenshot (161).png](/proxy/?url=https://content.instructables.com/F98/BW97/L2BVI3BQ/F98BW97L2BVI3BQ.png&filename=Screenshot (161).png)
- Programming ESP-01 using NodeMCU software or Arduino IDE. Use the bin file for flashing after flashing don't forget to restart the module.
Soldering
![WhatsApp Image 2022-04-23 at 9.15.01 PM.jpeg](/proxy/?url=https://content.instructables.com/FNR/DI7U/L2BVH05Z/FNRDI7UL2BVH05Z.jpg&filename=WhatsApp Image 2022-04-23 at 9.15.01 PM.jpeg)
![WhatsApp Image 2022-04-23 at 9.15.05 PM.jpeg](/proxy/?url=https://content.instructables.com/FGR/QCCP/L2BVH068/FGRQCCPL2BVH068.jpg&filename=WhatsApp Image 2022-04-23 at 9.15.05 PM.jpeg)
![WhatsApp Image 2022-04-24 at 9.30.23 AM.jpeg](/proxy/?url=https://content.instructables.com/FAA/3CF5/L2BVI3N3/FAA3CF5L2BVI3N3.jpg&filename=WhatsApp Image 2022-04-24 at 9.30.23 AM.jpeg)
![Copy of Copy of ESP.png](/proxy/?url=https://content.instructables.com/FQL/86FL/L2ATMA3D/FQL86FLL2ATMA3D.png&filename=Copy of Copy of ESP.png)
![download.png](/proxy/?url=https://content.instructables.com/F6B/WL3T/L2BVI49P/F6BWL3TL2BVI49P.png&filename=download.png)
![WhatsApp Image 2022-04-24 at 9.30.22 AM.jpeg](/proxy/?url=https://content.instructables.com/F68/Z994/L2BVI49Q/F68Z994L2BVI49Q.jpg&filename=WhatsApp Image 2022-04-24 at 9.30.22 AM.jpeg)
- Before soldering components please do check on a multimeter that all components are working fine because more than 4 V can damage the esp-01 module.
- Soldering all the components as given in the schematics/circuit diagram.
- After soldering cover all soldering points using insulating tape or heat shrink tubes to avoid a shock circuit.
- Do the connections as following
- Data In pin ==> GPIO2
- 5v ===> Vin of LD1117
- GND ==> GND of LD1117
- LD1117 3.3v Vout ====> ESP-01 VCC and EN/CH_PD pins
- TP4056 output ===> LD1117 Vin
- TP4056 GND===> LD1117 GND
- Battery +ve ===> TP4056 input
- Battery -ve ===> TP4056 GND
- Please connect buttons between battery and LD1117 as well as in between GPIO2 and Data In pin of LEDs.
Configuring
![WhatsApp Image 2022-04-24 at 10.52.03 AM (1).jpeg](/proxy/?url=https://content.instructables.com/FGT/CQM6/L2BVICFX/FGTCQM6L2BVICFX.jpg&filename=WhatsApp Image 2022-04-24 at 10.52.03 AM (1).jpeg)
![WhatsApp Image 2022-04-24 at 10.52.03 AM (2).jpeg](/proxy/?url=https://content.instructables.com/FE9/ZIAK/L2BVICFY/FE9ZIAKL2BVICFY.jpg&filename=WhatsApp Image 2022-04-24 at 10.52.03 AM (2).jpeg)
![WhatsApp Image 2022-04-24 at 10.52.04 AM (1).jpeg](/proxy/?url=https://content.instructables.com/FDM/10H2/L2BVICFZ/FDM10H2L2BVICFZ.jpg&filename=WhatsApp Image 2022-04-24 at 10.52.04 AM (1).jpeg)
![WhatsApp Image 2022-04-24 at 10.52.04 AM.jpeg](/proxy/?url=https://content.instructables.com/FGJ/C11X/L2BVICG0/FGJC11XL2BVICG0.jpg&filename=WhatsApp Image 2022-04-24 at 10.52.04 AM.jpeg)
![WhatsApp Image 2022-04-24 at 10.52.05 AM (1).jpeg](/proxy/?url=https://content.instructables.com/FYY/80MU/L2BVICG1/FYY80MUL2BVICG1.jpg&filename=WhatsApp Image 2022-04-24 at 10.52.05 AM (1).jpeg)
![WhatsApp Image 2022-04-24 at 10.52.05 AM.jpeg](/proxy/?url=https://content.instructables.com/FC7/4KQH/L2BVICG2/FC74KQHL2BVICG2.jpg&filename=WhatsApp Image 2022-04-24 at 10.52.05 AM.jpeg)
![WhatsApp Image 2022-04-24 at 10.52.06 AM (1).jpeg](/proxy/?url=https://content.instructables.com/FBA/C8QZ/L2BVICG3/FBAC8QZL2BVICG3.jpg&filename=WhatsApp Image 2022-04-24 at 10.52.06 AM (1).jpeg)
![WhatsApp Image 2022-04-24 at 10.52.06 AM.jpeg](/proxy/?url=https://content.instructables.com/FZL/433V/L2BVICG4/FZL433VL2BVICG4.jpg&filename=WhatsApp Image 2022-04-24 at 10.52.06 AM.jpeg)
- Now only power up the esp-01 and keep the GPIO2 ==>LED Data In off.
- As shown in the above pictures you will see the Default Access point name of esp-01 As WLED-AP.
- Its default password will be wled1234.
- We can change the Access Point name and password as per our requirement.
- The HTML page will open up automatically and by using this page we can set up the number of LEDs.
- Now choose the color and effect.
- After choosing the color we can turn on the data pin switch (if we turn on both the switches then the access point will not be visible) .
Finalizing
![WhatsApp Image 2022-04-24 at 9.27.27 AM.jpeg](/proxy/?url=https://content.instructables.com/FCF/CGB6/L2BVIGRI/FCFCGB6L2BVIGRI.jpg&filename=WhatsApp Image 2022-04-24 at 9.27.27 AM.jpeg)
![WhatsApp Image 2022-04-24 at 7.09.52 PM.jpeg](/proxy/?url=https://content.instructables.com/F64/X4FM/L2DAY31M/F64X4FML2DAY31M.jpg&filename=WhatsApp Image 2022-04-24 at 7.09.52 PM.jpeg)
![WhatsApp Image 2022-04-24 at 7.09.53 PM.jpeg](/proxy/?url=https://content.instructables.com/F8D/0W40/L2DAY31N/F8D0W40L2DAY31N.jpg&filename=WhatsApp Image 2022-04-24 at 7.09.53 PM.jpeg)
- We have successfully built our LED face mask.
- Charge the battery at a healthy capacity use the battery charging module indicator light (ona full charge it will turn blue)
- Now put the Neo-pixel LED matrix in the pocket section of the mask.
- Now we can glow in the dark.