Pixel Canvas

by HACKER in Circuits > Art

304 Views, 3 Favorites, 0 Comments

Pixel Canvas

Your paragraph text.png
Screenshot 2025-08-15 094523.png
Screenshot 2025-08-15 094537.png
Screenshot 2025-08-15 094454.png
Screenshot 2025-08-15 094510.png

PixelCanvas – LED Matrix Art Display

PixelCanvas transforms a standard art canvas board into a vibrant LED matrix display. Using the Seeed Studio XIAO ESP32-C6 as the brain, individually addressable LED strips are arranged in a grid pattern behind the canvas, which acts as a soft diffuser. The compact size and low power consumption of the XIAO ESP32-C6 make it ideal for embedding into the frame, while its built-in Wi-Fi and Bluetooth capabilities enable wireless control, animations, and interactive effects. The result is a sleek, wall-mounted digital art piece that blends technology and creativity.

Supplies

Screenshot 2025-08-15 082402.png
Screenshot 2025-08-15 082254.png
WhatsApp Image 2025-08-15 at 06.22.57_37ed668e.jpg
WhatsApp Image 2025-08-15 at 06.22.56_88215c03.jpg
download.jpeg

You, will be needing;

  1. Seeed Studio Xiao Esp32C6
  2. Led Strips (ws2812b) - 60 leds per meter
  3. Canvas Board - (depends on what size you prefer)
  4. Laser Cutting Machine if you have Or a 3D printer (could use foam boards too)

Make the Divider

WhatsApp Image 2025-08-15 at 06.22.58_9b705368.jpg
WhatsApp Image 2025-08-15 at 06.22.58_a6e7bac8.jpg
WhatsApp Image 2025-08-15 at 06.22.59_43bc68f5.jpg
WhatsApp Image 2025-08-15 at 06.22.57_6e06cdbc.jpg

I laser cut the dividers, according to my canvas size (remember to subtract the thickness of the frame in the canvas). I used this website to get the dividers by using the grid divider box. That's all you need to do, then 3d print the divider or laser cut it.

The Led Strips

WhatsApp Image 2025-08-15 at 06.22.58_9b705368.jpg
WhatsApp Image 2025-08-15 at 06.22.59_43bc68f5.jpg
layout_1280.jpg

Then, use the double sided tape on the led strips to paste it on the board that you are using to hold the dividers, (BTW the dividers are for the leds to stop from diffusing into each other). After that, you get something similar to the above picture, "I messed a bit by it works fine". Then solder the strips like the diagram above.

Connecting & Testing

Screenshot 2025-08-15 085706.png
layout_1280.jpg
wled instructions (Pixel Canvas)

Connect the ground wire of the led strip in to the GND pin of the board, then connect the 5v wire of the led strip into the 5v of the board and the data wire into any d pin. Then install wled on the esp32c6, and change the settings to 2d matrix, and the number of leds depending on your matrix. Watch the video.

Connect the Divider

WhatsApp Image 2025-08-15 at 06.22.55_f9f7472d.jpg
Pixel Canvas – LED Matrix Art Display

When you put the divider with leds and the esp32c6 (tape or stick the esp32c6 on to the canvas frame, my one has extra space to put it) , it will tightly fit with the outer frame of the canvas. The last thing to do is to hang it on the wall. This video is a small demo. ALSO DON'T FORGET, THAT YOU CAN DISPLAY ANY PIXEL ART OR ANYTHING. The video is some patterns and all.