IoT LED Matrix

30,873

315

39

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
Rainbow Contest 2016

Participated in the
Rainbow Contest 2016

Be the First to Share

    Recommendations

    • Make it Glow Contest

      Make it Glow Contest
    • First Time Author Contest

      First Time Author Contest
    • PCB Challenge

      PCB Challenge

    39 Discussions

    0
    cartoonl
    cartoonl

    1 year ago

    thank you for the reply i dont mean in that way i like your idea but as i am beginner i want to start with simple and i love your project 3000 times can you make it again with arduino ide many people are confused with lua love from india you are a great developer

    0
    cartoonl
    cartoonl

    Question 1 year ago

    if i dont want that web editor how can i upload it normally ina lua based ide

    0
    陳亮
    陳亮

    Answer 1 year ago

    I am very sorry to hear that you do not want that editor, I will to design it for better UX next time.

    0
    cartoonl
    cartoonl

    Question 1 year ago

    how can i upload this in arduino ide

    0
    Sarvasv Kulpati
    Sarvasv Kulpati

    4 years ago

    You seem to make really cool projects with the esp8266! Have you tried using the arduino IDE with them? It is much easier for people more accustomed with arduino to use it.

    0
    陳亮
    陳亮

    Reply 4 years ago

    hi. Yes, c program is familiar for most people. But I think programming over WiFi is cool too! You can just pick this MINTIA sweet box and your mobile with you, then you can modify your Lua program anywhere and show what you have done to your friend instantly. its cool, right?

    0
    SamiulH
    SamiulH

    Reply 4 years ago

    Could you please do an instructable on that? It's kinda hard for beginners to get started with esp8266 and lua.

    0
    陳亮
    陳亮

    Reply 4 years ago

    Lua is designed easy to learn, give it a chance.

    0
    souravmae
    souravmae

    3 years ago

    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
    0
    陳亮
    陳亮

    Reply 3 years ago

    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.

    0
    souravmae
    souravmae

    Reply 3 years ago

    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
    ☺️

    0
    陳亮
    陳亮

    Reply 3 years ago

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

    0
    souravmae
    souravmae

    Reply 3 years ago

    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
    0
    陳亮
    陳亮

    Reply 3 years ago

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

    0
    souravmae
    souravmae

    Reply 3 years ago

    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?

    0
    陳亮
    陳亮

    Reply 3 years ago

    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.

    0
    souravmae
    souravmae

    Reply 3 years ago

    please reply ASAP

    Regards

    0
    souravmae
    souravmae

    Reply 3 years ago

    This is the one which i have found on amazon

    81ev24mf6JL._SL1500_.jpg