IoT LED Matrix

24,998

293

41

Published

Introduction: IoT LED Matrix

About: Make it yourself if you cannot buy one!

Subsequent to the work done of previous instructables (IoT Development With Mobile Directly), This instructables show how to develop an IoT LED Matrix with your mobile and a MINTIA sweet box.

Step 1: Preparation

  • an empty MINTIA sweet box
  • 1 meter 144 units SK6812 3535 LED strip (only use 60 units)
  • ESP-12E
  • micro USB female connect board
  • 3.3 V regulate board
  • Lipo charge board
  • Lipo battery 343450
  • some coated copper wire
  • a small piece of PET plastic plate
  • a power switch
  • a USB to TTL cable for initial program the ESP board

Step 2: Flash NodeMCU Firmware and Nodemcu-httpserver

Follow my previous instructables to flash NodeMCU firmware and upload nodemcu-httpserver.

Step 3: Programming

After the previous steps, you can program the ESP board any time with your mobile or the notebook through WiFi connection.

But it is better to test it in an earliest stage:

  1. browse the ESP board with the IP recorded in previous step, you can see the index page.
  2. click the Editor link
  3. copy and paste the led-matrix.html.txt file content to the editor page textarea
  4. fill in save file as "led-matrix.html"
  5. press save button
  6. wait few ten seconds for save complete
  7. copy and paste the led-matrix.lua code to the editor page textarea
  8. fill in save file as "led-matrix.lua"
  9. press save button
  10. wait few ten seconds for save and compile complete
  11. test browse to http://[your ESP IP]/led-matrix.html

Step 4: Patch the MINTIA Sweet Box

  1. remove the sticker of the MINTIA sweet box
  2. split the box
  3. cut and remove all the plastic parts in the middle

Step 5: Check Component Thickness

The MINTIA sweet box is around 7mm thick, the internal part is around 5mm thick. Deduct the LED strip thickness, only remain 3.3 mm for all other components.

The micro USB female board is a little thicker than that, so require some patch.

Step 6: Design Layout

Everything just fit in the MINTIA sweet box.

Step 7: LED Support Plate

Cut a PET plastic plate a little bit smaller than the MINITA internal size.

Step 8: Assembly LED Strip

Cut 6 LED strips with 10 SK6812 units each.

Stick all LED strips to the PET plastic plate to make it become a LED matrix.

Step 9: Soldering

LED Strip Matrix

  • connect LED signal circuit in zigzag order from top left to bottom right
  • connect LED strip Vcc altogether -> 3.3 V regulate board Vout
  • connect LED strip GND altogether -> 3.3 V regulate board GND

ESP-12E Board

  • RESET PIN (PIN 1), EN PIN (PIN 3), Vcc PIN (PIN 8) -> 3.3 V regulate board Vout
  • GND PIN (PIN 15), GPIO15 (PIN 16) -> 3.3 V regulate board GND
  • GPIO02 PIN -> LED strip DIN
  • I have abused the micro USB connector D+ and D- PIN to Tx and Rx in case I need to debug

Lipo Charge Board

  • Battery +ve -> Lipo battery +ve -> power switch -> 3.3 V regulate board Vin
  • Battery -ve -> Lipo battery -ve -> 3.3 V regulate board GND
  • Vin -> micro USB board 5V
  • GND -> micro USB board GND

Step 10: Happy Coding!

You can now:

  • browse to http://[your ESP IP]/led-matrix.html for playing with your LED Matrix
  • browse to http://[your ESP IP]/editor.html for editing and enhance your own code

led-matrix.lua is only a simple example, ESP with LED strip can make much more:

  • utilize ESP board RTC and WiFi SNTP to make a slim clock
  • led-text.lua show how can use html5 canvas to draw text on LED matrix
  • and more

Share

Recommendations

  • Water Contest

    Water Contest
  • Creative Misuse Contest

    Creative Misuse Contest
  • Clocks Contest

    Clocks Contest

41 Discussions

hi, I flashed the ESP-12E and now I'm on the assembly part.

but in India, I found only Sk6812 5050 or 3528 which is 12v RGB LED strip,

now I'm stuck at its connections with ESP and Battery. please help me in this matter.

I also bought a dc step up module to step up 3.3v to 12v.

IMG_20171024_163847_1508843406288.jpg61KUakiLqxL._SL1170_.jpg
9 replies

Hi souravmae, I have no experience on 12v LED strip. As mentioned in this instructables, SK6812 is compatible with WS2812, can you find 3.3v/5v WS2812 LED strip near you. If not, you may google "arduino 12v ws2812", I found some useful articles may help you.

Thanks, I find ws2812 LED strip on amazon(a bit costly only 60 LED in 1m)
Can you please elaborate how to connect these LED in zig zag ( basically im a mechanical engineer and I don't know about these stufs but im impressed with this project and i want to make it for myself)
Regards
☺️

just cut between LED then soldering metal point one-by-one by wire.

sir,

in the attested pic, you solder GND->GND and VCC->VCC of consecutive strips. but I didn't get the connection of DIN.

can u please clarify the highlighted connection?

kind regards

:)

F5E5LNSIP1H1DN3.jpg

the 1st row dout connect to 2nd row din, the 2nd row dout connect to 3rd row din, etc

thanks for your reply..

Can to please tell me that how to find which one is the DOUT out of the four pins of the LED?

both dout and din are the middle pin, the led strip originally connected 1st led dout to 2nd led din. if you cut the strip at the middle, just reconnect it with a wire.

This is the one which i have found on amazon

81ev24mf6JL._SL1500_.jpg
0
user
faytom

1 year ago

great

Hi 陳亮, this project is impressive!.

Can you make this project and send it to me at the cost of your work and components with documentation?

we can do that on Fiverr if you want. please let me know

Kind regards


1 reply

Hi, thanks for your impression but sorry about I have no spare time to do that. You may follow this instructables to make one yourself.

hello,陳亮.I try to complete your project, but found that uploads the firmware, I can not upload files, use make upload_server and make upload_http command errors. There are other solution? ?

6 replies

hello, can you give further error detail? cannot find nodemcu-uploader? python run error? or hang while upload?

Thanks for your help, I finished uploading firmware and http and server files in my windows system, I found that because the windows system does not support named http / file, so after uploading the file I need to change the file name, I use is ESPlorer tools. Over time I will write a step to share my Instructable.

I have just finished a WebSocket version LED Matrix, I think you may interested on it:

https://youtu.be/G2WUgwDkq5o

I am looking forward for your instructables!

Hi, yes separate http/ folder is the design of nodemcu-httpserver. I am writing a new project call "nodemcu-webide" and will get rip of it.