The pxlBlck_8x8 was one of the first members of the pxlBlck family. Thanks to the few parts and the prefabricated WS2812 8×8 LED matrix, it can be set up fairly quickly and thanks to the adapter board it offers some expansion options that are not visible at first glance.
Using the installed pxlBlck plugin for ESPEasy, animations and icons can be displayed on the connected LED matrix. Different effects can be configured for both.
In addition, various watch faces and screen savers are available.
How you should proceed when building your own pxlBlck_8x8 is described in the following article.
Safety instructions
I know the following notes are always kind of annoying and seem unnecessary. Unfortunately, many people who knew "better" have lost eyes, fingers or other things due to carelessness or injured themselves. Data loss is almost negligible in comparison, but even these can be really annoying. Therefore, please take five minutes to read the safety instructions. Because even the coolest project is not worth injury or other trouble.
https://www.nerdiy.de/sicherheitshinweise/
Affiliate links/advertising links
The links to online shops listed here are so-called affiliate links. If you click on such an affiliate link and make a purchase via this link, Nerdiy.de will receive a commission from the relevant online shop or provider. The price does not change for you. If you make your purchases via these links, you support Nerdiy.de in being able to offer other useful projects in the future. 🙂
Requirements
For the assembly you have to master soldering tasks. The following articles contain tips on this.
- Electronics - My friend the soldering iron
- Electronics – Solder THT components by hand
- Electronics – Solder SMD components by hand
In the following lists you will find all the parts you need to implement this article.
Required tool:
Required material:
Number | Link |
---|---|
1x | 3D printing filament Buy at Amazon |
1x | Solder 1mm Buy at Amazon |
1x | Wemos D1 Mini Buy at Amazon |
1x | Hot glue stick Buy at Amazon |
1x | No products found. No products found. |
1x | USB power supply Buy at Amazon |
1x | WS2812 8x8 LED matrix Buy at Amazon |
1x | Micro USB cable Buy at Amazon |
Overview
Here you can see a small overview of what the display of animations and the time can look like on the pxlBlk_8x8.
Collect the necessary parts
So that you can start building your pxlBlck_8x8, you should first gather all the parts you need.
To assemble the pxlBlck_8x8 you need the following parts.
- 1x WS2812 8×8 LED matrix including pin header
- 1x satin acrylic glass plate 66x66x3mm
- 1x Wemos D1 Mini including pin header
- Adapter board
- 3D printed light grid
- 3D printed frame
Further overview of the required parts.
Adapter boards for the pxlBlck_8x8
v1.4
The current version (v1.4) has space for various breakout boards. The pxlBlck_8x8 can easily be equipped with additional functions.
For example, it is possible to connect capacitive buttons/electrodes and use them to trigger actions on the pxlBlck or in the SmartHome. With the right extension, the pxlBlck_8x8 can also be used as a doorbell sensor, which notifies you when the doorbell is pressed via a loudspeaker and also via MQTT.
Ultimately, this board also makes installation much easier.
I uploaded and summarized the board data using the following link. You can also have the circuit boards manufactured there. New board versions will also be listed here.
You can find the STL files to print on your 3D printer in the repository for the pxlBlck_8x8 under the following link.
Solder Wemos D1 Mini/ESP8266 to the board
To make installation easier, you should first solder the ESp8266 installed on the Wemos D1 Mini to the adapter board
Insert the first pin strip for connecting the Wemos D1 Mini into the board as shown and first solder only one pin to the board.
Now check that the pin header is correctly aligned. It should work in both directions...
...be straight and at right angles to the board.
If not, you can heat the solder of the soldered pin again and correct the alignment of the pin header.
As soon as the pin header is correctly aligned, you can also solder the remaining soldering points on the pin header.
Once the first pin header is soldered, the part of your adapter board should look like this.
Now solder the second pin header using the same principle.
Once you have soldered both pin headers, your adapter board should look like this.
Another view of the soldered pin header on the bottom of the adapter board.
After you have soldered the pin headers to the adapter board, it is now time to solder the Wemos D1 Mini to the pin headers.
To do this, place this on the pin headers as shown.
Make sure that the Wemos D1 Mini is not pushed all the way onto the pin headers. It should sit on the pin headers as shown.
To prevent the Wemos D1 Mini from slipping, you can solder one of the contacts to a pin.
Then check again that the Wemos D1 Mini sits straight and parallel to the adapter board on the pin headers.
As soon as it is in position you can solder the remaining contacts to the pins on the pin header.
The following contacts are important for the function:
- A0
- 3V3
- 5V
- G
- D4
Prepare LED panel
In order for the LED panel to be connected to the adapter board, it must first be soldered to a pin strip.
To do this you need the WS2812 8×8 LED matrix and the associated three-pin pin strip.
Is the pin strip plugged in...
… auf der Seite mit dem „DIN“-Kontakt…
…into the board of the 8×8 LED matrix.
Then solder the pin header on the front.
View of the WS2812 LED matrix with the pin header soldered (on the back).
Solder the LED panel to the circuit board
Now you can solder the prepared parts together.
To do this, you need the prepared adapter board with the Wemos D1 Mini installed on it and the prepared WS2812 8×8 LED matrix.
Now you can plug the adapter board onto the pin header of the WS2812 8×8 LED matrix as shown.
Align the LED matrix and the adapter board parallel to each other and then solder the pin header to the adapter board.
Wichtig ist an dieser Stelle auch, dass Ihr de Lötjumper der mit „SJ1“ gekennzeichnet ist mit etwas Lötzinn verbindet. Dieser Lötjumper verbindet die Datenleitung zwischen dem Wemos D1 Mini und der LED-Matrix.
Another view of the unit consisting of adapter board and WS2812 8×8 LED matrix.
Insert the prepared circuit board into the housing
Nachdem Ihr den „elektronischen Teil“ vorbereitet habt geht es nun an den „mechanischen Teil“: Den Zusammenbau mit den 3D gedruckten Gehäuseteilen.
For this you will need the following parts.
- 3D printed frame
- 3D printed light grid
- Acrylic glass plate 66x66x3mm satin finish
- The prepared unit consisting of Wemos D1 Mini, adapter board and WS2812 LED matrix
Now first insert the acrylic glass plate into the 3D printed frame as shown.
The light grid is now inserted into the frame in a similar way to the acrylic glass plate.
Pay attention to the correct orientation. There are recesses in the bars of the light grid, which leave space for the capacitors on the WS2812 8×8 LED matrix.
View of the inserted light grid.
Now you can use the prepared unit consisting of adapter board, Wemos D1 Mini and WS2812 8×8 LED matrix as shown…
…insert into the housing frame.
To ensure that the inserted parts stay in place, you should now add a drop of hot glue...
...put dex pxlBlck_8x8 in each corner.
This is how the inserted parts should…
...can no longer fall out.
View of the inserted and glued parts.
And that's it for the construction of your pxlBlck_8x8.
Program firmware
After setting up the pxlBlck_8x8, you now have to install ESPEasy including the pxlBlck plugin on the ESP8266. How you can do this is described in the following article.
Configure pxlBlck plugin
After installing the firmware you have to configure the plugin correctly. You can also find information about this in the article pxlBlck - Install and configure the pxlBlck plugin.
For additional orientation, you can also use the settings from the screenshot shown here.
pxlBlck Usecases
Unter dem Tag „pxlBlckUsecase“ sind Artikel aufgelistet in denen Ihr Beispiele zur Verwendung findet. Darin ist auch erklärt wie Ihr Euren pxlBlck dazu konfigurieren müsst.
Animations, icons and commands
More information about the display of animations, icons and the possible commands with which you can configure your pxlBlck can also be found in the following articles.
- pxlBlck - Configure and display animations
- pxlBlck - design icons, transfer them to the pxlBlck and display them
- pxlBlck - Commands for configuring the pxlBlck
Have fun with the project
I hope everything worked as described for you. If not or you have questions or suggestions please let me know in the comments. I will then add this to the article if necessary.
Ideas for new projects are always welcome. 🙂
PS Many of these projects - especially the hardware projects - cost a lot of time and money. Of course I do this because I enjoy it, but if you think it's cool that I share the information with you, I would be happy about a small donation to the coffee fund. 🙂
Good morning
Cool project, but how do I make it alternate between showing random pixels and running time?
Hey Daniel,
Under what condition should the random pixel screensaver be displayed and when should the running time be displayed?
If you have a trigger, you can configure it using the rules in ESPEasy, for example.
Best regards
Fab
Hello Fab,
I wanted to trigger the time, the running time should run through every 2 minutes, otherwise just random pixel screensaver
Greetings daniel
hey daniel,
that is possible. You can use the rules on the ESPEasy to configure everything so that you trigger an action every minute, for example. You can already get a good insight here: https://www.letscontrolit.com/wiki/index.php/Tutorial_Rules
I'll write an article about it when I get a chance. I made a note of it. 🙂
Best regards
Fabian
Hello, does this project work without an adapter board? If not, where can I get it? The project is really interesting, keep it up. Greetings from Saxony.
Hi,
thank you very much 🙂
You can order the circuit board under the following link: https://www.pcbway.com/project/shareproject/pxlBlck_8x8_PCB_v1_4.html
But of course you can also build the pxlBlck without the circuit board. Simply connect 5V, GND and the data input of the matrix to the Wemos D1 Mini. 🙂
Best regards
Fabian
Hi Fab,
alternates in time
I had imagined it in such a way that, for example, an animation such as the Random Pixel Screensaver, if necessary, runs through other animations and is always faded in between through the time.
For example, the time should be displayed every 2 minutes
Greetings daniel
So I've already managed it successfully with a Wemos D1 Mini. Now I wanted to use my ESP32 with it. Flashing works, but I can't find it as an AP afterwards and I can't set the WLAN. Then I can't get any further. I had used the finished BINs linked here. How do I have to call ESPTOOL.PY with an ESP32 from AZ-Delivery / WROOM32? I assume it's the chip.... LG Alex
hey alexander,
As far as the ESP32 is concerned, I'm also a bit "new". I would (currently still) recommend flashing the code to the ESP32 via the Arduino IDE. I currently copy the binaries manually into the repository. That means they are not automatically created when the code is updated and are therefore not always up to date. With the way of programming via the Arduino IDE, I currently have a working setup here. I configured the WiFi access data via the serial interface. How to do this is also in the article https://nerdiy.de/howto-espeasy-firmware-flashen/ explained. 🙂
I would later also create an article on flashing an ESP32.
Best regards
Fab
Is there another alternative to ordering circuit boards?
The Gerber data cannot be downloaded.
Is it possible to see the wiring diagram?
Oh, I have so many questions...
hey jens,
jain, I'm currently working on a new version of the circuit board, which I want to offer here for ordering. I'll also provide the wiring diagram. 🙂
Bring on the questions! 😀
Best regards
Fabian
Hey,
I can't load the stl files from your github into Cura, I get the error message "... can't be opened... file might be corrupt or inaccessible." What am I doing wrong?
Greetings Basti
Hey Sebastian,
Unfortunately, this is because GitHub delivers an HTML page to preview the STL file when you try to download the STL file individually. Please download the whole repository, then importing the file should work. 🙂 Otherwise, please let me know.
Best regards
Fabian
Thank you, that worked 🙂.
When will the files come to the pxlblck 32×8?
Great, I'm glad. 🙂
Regarding the pxlBlck_32x8: I'm still working on the circuit board for it, because I want to secure the power distribution a little better and also integrate a few more functions. I also posted info about it here: https://www.instagram.com/p/CMZ5xCiK30I/
I hope to have everything ready with the next revision. Then all I have to do is create the assembly article. 🙂
Best regards
Fabian
Hello Fab,
Do you happen to provide the 3D print files as well? 🙂
Greetings Franz
Hi Franz,
sure, of course. 🙂 They should actually be linked in the article. Otherwise you can find all of them (arranged according to the respective pxlBlck platforms) here: https://github.com/Nerdiyde/pxlBlck/tree/main/platform/
For the pxlBlck_8x8 they would be here: https://github.com/Nerdiyde/pxlBlck/tree/main/platform/pxlBlck_8x8
Best regards
Fabian
Hi Fabian,
Am I wrong assuming, that your PCB for pxlBlck8x8 MUST HAVE jumper SJ1 soldered?
Or the separate (and required, as far as we want to follow all the rules of connecting 3V3 controller to 5V WS2812B LEDs) level shifter T1, R2, R3 MUST BE mounted on PCB?
None of this was mentioned in your assembly guide, but my measurements of your PCB show that DATA signal to WS2812B (on SV1) will no go unless you solder SJ1 jumper or solder the T1, R2, R3 level shifter.
Regards,
-DarS
Hi DarS,
You are totally right. SJ1 needs to be closed.
But in fact it is mentioned in the description. Please search for the text snippet "At this point it is also important that you close".
To make this more visible I changed the text style of this part to bold. Hope this makes it better visible. 🙂
Thanks for the hint and best regards
Fabian