-
Notifications
You must be signed in to change notification settings - Fork 1
/
hardware.html
35 lines (34 loc) · 43.9 KB
/
hardware.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Hardware | PixelIt Documentation</title>
<meta name="generator" content="VuePress 1.9.10">
<link rel="icon" href="/logo.png">
<meta name="description" content="PixelIt Documentation">
<meta name="theme-color" content="#3eaf7c">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="preload" href="/assets/css/0.styles.07ffc887.css" as="style"><link rel="preload" href="/assets/js/app.a4248bcf.js" as="script"><link rel="preload" href="/assets/js/2.d22c4d6b.js" as="script"><link rel="preload" href="/assets/js/1.8d2a0d25.js" as="script"><link rel="preload" href="/assets/js/24.196e3de9.js" as="script"><link rel="prefetch" href="/assets/js/10.9c2c6b9d.js"><link rel="prefetch" href="/assets/js/11.3e725779.js"><link rel="prefetch" href="/assets/js/12.e2c90177.js"><link rel="prefetch" href="/assets/js/13.40f3a3cc.js"><link rel="prefetch" href="/assets/js/14.cde38de4.js"><link rel="prefetch" href="/assets/js/15.c2689bce.js"><link rel="prefetch" href="/assets/js/16.ba234883.js"><link rel="prefetch" href="/assets/js/17.5971219c.js"><link rel="prefetch" href="/assets/js/18.2c671030.js"><link rel="prefetch" href="/assets/js/19.deb5b6cc.js"><link rel="prefetch" href="/assets/js/20.b3ae0a14.js"><link rel="prefetch" href="/assets/js/21.f33ad642.js"><link rel="prefetch" href="/assets/js/22.e741e0f9.js"><link rel="prefetch" href="/assets/js/23.da58fca4.js"><link rel="prefetch" href="/assets/js/25.e7b37ae4.js"><link rel="prefetch" href="/assets/js/26.05455cd0.js"><link rel="prefetch" href="/assets/js/27.849205a5.js"><link rel="prefetch" href="/assets/js/28.0441e648.js"><link rel="prefetch" href="/assets/js/29.1c7ad277.js"><link rel="prefetch" href="/assets/js/3.b1c54be9.js"><link rel="prefetch" href="/assets/js/30.10d2ebb6.js"><link rel="prefetch" href="/assets/js/4.273f9f66.js"><link rel="prefetch" href="/assets/js/5.106b2784.js"><link rel="prefetch" href="/assets/js/6.3cf9b69d.js"><link rel="prefetch" href="/assets/js/7.c2107bac.js"><link rel="prefetch" href="/assets/js/vendors~docsearch.e06e619e.js">
<link rel="stylesheet" href="/assets/css/0.styles.07ffc887.css">
</head>
<body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><img src="/logo.png" alt="PixelIt Documentation" class="logo"> <span class="site-name can-hide">PixelIt Documentation</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"> <a href="https://github.com/pixelit-project/Docs" target="_blank" rel="noopener noreferrer" class="repo-link">
GitHub
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"> <a href="https://github.com/pixelit-project/Docs" target="_blank" rel="noopener noreferrer" class="repo-link">
GitHub
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/" aria-current="page" class="sidebar-link">Introduction</a></li><li><a href="/hardware.html" aria-current="page" class="active sidebar-link">Hardware</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/hardware.html#prebuilt" class="sidebar-link">Prebuilt</a></li><li class="sidebar-sub-header"><a href="/hardware.html#diy-components-list" class="sidebar-link">DIY components list</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/hardware.html#matrix" class="sidebar-link">Matrix</a></li><li class="sidebar-sub-header"><a href="/hardware.html#microcontrollers" class="sidebar-link">Microcontrollers</a></li><li class="sidebar-sub-header"><a href="/hardware.html#extensions" class="sidebar-link">Extensions</a></li></ul></li><li class="sidebar-sub-header"><a href="/hardware.html#wiring-guide" class="sidebar-link">Wiring guide</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/hardware.html#basic-wiring" class="sidebar-link">Basic wiring</a></li><li class="sidebar-sub-header"><a href="/hardware.html#ldr-gl5516" class="sidebar-link">LDR GL5516</a></li><li class="sidebar-sub-header"><a href="/hardware.html#dht22-sensor" class="sidebar-link">DHT22 Sensor</a></li><li class="sidebar-sub-header"><a href="/hardware.html#bme280-sensor" class="sidebar-link">BME280 Sensor</a></li><li class="sidebar-sub-header"><a href="/hardware.html#bme680-sensor" class="sidebar-link">BME680 Sensor</a></li><li class="sidebar-sub-header"><a href="/hardware.html#wiring-4" class="sidebar-link">Wiring</a></li><li class="sidebar-sub-header"><a href="/hardware.html#dfplayer-mini" class="sidebar-link">DFPlayer Mini</a></li><li class="sidebar-sub-header"><a href="/hardware.html#touch-buttons" class="sidebar-link">Touch Buttons</a></li></ul></li><li class="sidebar-sub-header"><a href="/hardware.html#_3d-printing-files" class="sidebar-link">3D Printing Files</a></li><li class="sidebar-sub-header"><a href="/hardware.html#makes" class="sidebar-link">Makes</a></li><li class="sidebar-sub-header"><a href="/hardware.html#troubleshooting" class="sidebar-link">Troubleshooting</a></li></ul></li><li><a href="/firmware.html" class="sidebar-link">Firmware</a></li><li><a href="/webinterface.html" class="sidebar-link">Webinterface</a></li><li><a href="/api.html" class="sidebar-link">API</a></li><li><a href="/tools.html" class="sidebar-link">Tools</a></li><li><a href="/nodered.html" class="sidebar-link">Node-RED</a></li><li><a href="/iobroker.html" class="sidebar-link">ioBroker</a></li><li><a href="/troubleshooting.html" class="sidebar-link">Troubleshooting</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="hardware"><a href="#hardware" class="header-anchor">#</a> Hardware</h1> <h2 id="prebuilt"><a href="#prebuilt" class="header-anchor">#</a> Prebuilt</h2> <p>There are some prebuild matrixes, which you can buy and replace the stock firmware with PixelIt.</p> <table><thead><tr><th><strong>Quantity</strong></th> <th><strong>Name</strong></th> <th><strong>Link</strong></th> <th><strong>Notice</strong></th></tr></thead> <tbody><tr><td>1</td> <td>Ulanzi TC001 Pixel Clock</td> <td><a href="https://www.ulanzi.com/products/ulanzi-pixel-smart-clock-2882?aff=1181" target="_blank" rel="noopener noreferrer">Offical Store<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td>ESP32, 8x32 pixel matrix, three buttons, build in battery and brightness sensor. The buildin in buzzer is not supported at the moment.</td></tr></tbody></table> <h2 id="diy-components-list"><a href="#diy-components-list" class="header-anchor">#</a> DIY components list</h2> <p>If you want to build your own PixelIt, you can find the components here. You need a soldering iron and some soldering skills. If you don't have any experience with soldering, you can find some tutorials on the internet. It is also recommended to use a soldering iron with temperature control. This makes it easier to solder the components without damaging them. At minimum, you need</p> <ul><li>a Matrix which fits your needs</li> <li>a Microcontroller (MCU)</li> <li>a 1000uF capacitor</li> <li>a power supply</li></ul> <p>You can extend your PixelIt with some sensors and buttons. You can find some examples below.</p> <div class="custom-block warning"><p class="custom-block-title">Disclaimer</p> <p>The drawing are only examples. Check the pinout of your microcontroller before soldering.</p></div> <h3 id="matrix"><a href="#matrix" class="header-anchor">#</a> Matrix</h3> <p>Choose a matrix which fits your needs. At the moment the project is optimized for the resultion of 8x32 pixels. Yes, you also could use four 8x8 tiles. And yes, you also could use other sizes, but you have to change the firmware to use it. Don't forget the 1000uF capacitor. It prevents a initial onrush of current from damaging the pixels. It also provides a small power reservoir for abrupt changes in brightness that the power source might not otherwise handle. Otherwise it can happen that the microcontroller restarts or it comes to gliches in the matrix.</p> <table><thead><tr><th><strong>Quantity</strong></th> <th><strong>Name</strong></th> <th><strong>Link</strong></th> <th><strong>Notice</strong></th></tr></thead> <tbody><tr><td>1</td> <td>WS2812B LED Matrix 8x32</td> <td><a href="https://amzn.to/3tEpc4u" target="_blank" rel="noopener noreferrer">Amazon<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <a href="https://s.click.aliexpress.com/e/_DCC6Icd" target="_blank" rel="noopener noreferrer">AliExpress<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td></td></tr> <tr><td>4</td> <td>WS2812B LED Matrix CJMCU 8x8</td> <td><a href="https://amzn.to/3v1RDqe" target="_blank" rel="noopener noreferrer">Amazon<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <a href="https://s.click.aliexpress.com/e/_DmwWBm7" target="_blank" rel="noopener noreferrer">AliExpress<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td>alternative</td></tr> <tr><td>4</td> <td>MicroMatrix by foorschtbar 8x8</td> <td><a href="https://github.com/foorschtbar/MicroMatrix" target="_blank" rel="noopener noreferrer">GitHub<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td>alternative (really micro)</td></tr> <tr><td>1</td> <td>Capacitor 1000uF/6.3V or higher</td> <td><a href="https://amzn.to/2DktrGV" target="_blank" rel="noopener noreferrer">Amazon<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <a href="https://s.click.aliexpress.com/e/_Ddqxp2j" target="_blank" rel="noopener noreferrer">AliExpress<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td></td></tr></tbody></table> <h3 id="microcontrollers"><a href="#microcontrollers" class="header-anchor">#</a> Microcontrollers</h3> <p>You can use a ESP8266 or a ESP32 based microcontroller. The ESP32 is a bit faster and has more memory. The ESP8266 is a bit cheaper. We recommend the Wemos D1 Mini (ESP8266) because we not use or plan to use the additional features of the ESP32. But you can use the ESP32 if you want.</p> <table><thead><tr><th><strong>Quantity</strong></th> <th><strong>Name</strong></th> <th><strong>Link</strong></th> <th><strong>Notice</strong></th></tr></thead> <tbody><tr><td>1</td> <td>Wemos D1 Mini V3 (ESP8266)</td> <td><a href="https://amzn.to/2Df5v7M" target="_blank" rel="noopener noreferrer">Amazon<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <a href="https://s.click.aliexpress.com/e/_DBjcNjX" target="_blank" rel="noopener noreferrer">AliExpress<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td></td></tr> <tr><td>1</td> <td>Wemos D1 ESP32 (ESP32)</td> <td><a href="https://amzn.to/3j9ZQ8Z" target="_blank" rel="noopener noreferrer">Amazon<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <a href="https://s.click.aliexpress.com/e/_DDSkEKh" target="_blank" rel="noopener noreferrer">AliExpress<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td>alternative</td></tr></tbody></table> <h3 id="extensions"><a href="#extensions" class="header-anchor">#</a> Extensions</h3> <ul><li><a href="/hardware.html#ldr-gl5516">LDR GL5516 Sensor (Brightness)</a></li> <li><a href="/hardware.html#dht22-sensor">DHT22 Sensor (Temperature & Humidity</a></li> <li><a href="/hardware.html#bme280-sensor">BME280 Sensor (Temperature, Humidity & Pressure)</a></li> <li><a href="/hardware.html#bme680-sensor">BME680 Sensor (Temperature, Humidity, Pressure & Gas)</a></li> <li><a href="/hardware.html#dfplayer-mini">DFPlayer Mini (MP3 Player, Soundeffects)</a></li> <li><a href="/hardware.html#touch-buttons">Touch Buttons (Touch Sensor)</a></li></ul> <h2 id="wiring-guide"><a href="#wiring-guide" class="header-anchor">#</a> Wiring guide</h2> <p>Only the Matrix PIN is fixed. You can choose the PIN for the other components in the WebUI. Please keep in mind that some pins are used by the microcontroller itself, had defined values at boot or aren't allow to had a defined value at boot and so on. So you can't use all pins for all components.</p> <p>Here you can find a good overview of the pins of the ESP8266 and ESP32:</p> <ul><li><a href="https://randomnerdtutorials.com/esp8266-pinout-reference-gpios/" target="_blank" rel="noopener noreferrer">ESP8266 Pinout Reference<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li><a href="https://randomnerdtutorials.com/esp32-pinout-reference-gpios/" target="_blank" rel="noopener noreferrer">ESP32 Pinout Reference<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <h3 id="basic-wiring"><a href="#basic-wiring" class="header-anchor">#</a> Basic wiring</h3> <p><img src="/hardware_basis.png" alt=""></p> <table><thead><tr><th>ESP8266</th> <th>ESP32</th> <th>Matrix</th> <th>Function</th> <th>Note</th></tr></thead> <tbody><tr><td>5V</td> <td>VIN</td> <td>VCC</td> <td>Power supply (+)</td> <td></td></tr> <tr><td>G</td> <td>GND</td> <td>GND</td> <td>Power supply (-)</td> <td></td></tr> <tr><td>D2</td> <td>GPIO27</td> <td>DIN</td> <td>Data In</td> <td></td></tr></tbody></table> <div class="custom-block tip"><p class="custom-block-title">TIP</p> <p>If you reduce the brightness of the matrix, powering everything via USB should be sufficient for testing.
However, it is recommended to use a high-quality power supply for normal operation. A 20W (5V/4A) power supply is sufficient for this.</p></div> <div class="custom-block tip"><p class="custom-block-title">TIP</p> <p>The 1000uF capacitor prevents the initial onrush of current from damaging the pixels. It also provides a small power reservoir for abrupt changes in brightness that the power source might not otherwise handle. Otherwise it can happen that the microcontroller restarts or it comes to gliches in the matrix.</p></div> <h3 id="ldr-gl5516"><a href="#ldr-gl5516" class="header-anchor">#</a> LDR GL5516</h3> <p>Enables automatic brightness control and exposes the brightness/lux value via API and MQTT.</p> <h4 id="components"><a href="#components" class="header-anchor">#</a> Components</h4> <table><thead><tr><th style="text-align:center;"><strong>Quantity</strong></th> <th><strong>Name</strong></th> <th style="text-align:center;"><strong>Link</strong></th></tr></thead> <tbody><tr><td style="text-align:center;">1</td> <td>LDR GL5516</td> <td style="text-align:center;"><a href="https://amzn.to/2DlQjWb" target="_blank" rel="noopener noreferrer">Amazon<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <a href="https://s.click.aliexpress.com/e/_DFp6GAX" target="_blank" rel="noopener noreferrer">AliExpress<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr> <tr><td style="text-align:center;">1</td> <td>Resistor 10k Ohm</td> <td style="text-align:center;"><a href="https://amzn.to/3p6oOsQ" target="_blank" rel="noopener noreferrer">Amazon<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <a href="https://s.click.aliexpress.com/e/_DBBuZGf" target="_blank" rel="noopener noreferrer">AliExpress<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr></tbody></table> <h4 id="wiring"><a href="#wiring" class="header-anchor">#</a> Wiring</h4> <p><img src="/hardware_gl5516.png" alt=""></p> <table><thead><tr><th>ESP8266</th> <th>ESP32</th> <th>LDR GL5516</th> <th>Resistor 10k Ohm</th> <th>Function</th> <th>Note</th></tr></thead> <tbody><tr><td>3V3</td> <td>3V3</td> <td>Leg 1</td> <td></td> <td></td> <td></td></tr> <tr><td>G</td> <td>GND</td> <td>-</td> <td>Leg 1</td> <td></td> <td></td></tr> <tr><td>A0</td> <td>GPIO34</td> <td>Leg 2</td> <td>Leg 2</td> <td>Acts as a voltage divider</td> <td></td></tr></tbody></table> <h3 id="dht22-sensor"><a href="#dht22-sensor" class="header-anchor">#</a> DHT22 Sensor</h3> <p>Exposes temperature and humidity values via API and MQTT.</p> <h4 id="components-2"><a href="#components-2" class="header-anchor">#</a> Components</h4> <table><thead><tr><th style="text-align:center;"><strong>Quantity</strong></th> <th><strong>Name</strong></th> <th style="text-align:center;"><strong>Link</strong></th></tr></thead> <tbody><tr><td style="text-align:center;">1</td> <td>DHT22</td> <td style="text-align:center;"><a href="https://amzn.to/2Po21Hx" target="_blank" rel="noopener noreferrer">Amazon<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <a href="https://s.click.aliexpress.com/e/_DBbMEn1" target="_blank" rel="noopener noreferrer">AliExpress<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr> <tr><td style="text-align:center;">1</td> <td>Resistor 4.7k Ohm</td> <td style="text-align:center;"><a href="https://amzn.to/3p6oOsQ" target="_blank" rel="noopener noreferrer">Amazon<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <a href="https://s.click.aliexpress.com/e/_DBBuZGf" target="_blank" rel="noopener noreferrer">AliExpress<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr></tbody></table> <h4 id="wiring-2"><a href="#wiring-2" class="header-anchor">#</a> Wiring</h4> <p><img src="/hardware_dht22.png" alt=""></p> <table><thead><tr><th>ESP8266</th> <th>ESP32</th> <th>DHT22</th> <th>Function</th> <th>Note</th></tr></thead> <tbody><tr><td>3V3</td> <td>3V3</td> <td>VCC</td> <td>Power supply (+)</td> <td></td></tr> <tr><td>G</td> <td>GND</td> <td>GND</td> <td>Power supply (-)</td> <td></td></tr> <tr><td>D1</td> <td>GPIO17</td> <td>DATA</td> <td></td> <td></td></tr></tbody></table> <h3 id="bme280-sensor"><a href="#bme280-sensor" class="header-anchor">#</a> BME280 Sensor</h3> <p>Exposes temperature, humidity and pressure values via API and MQTT.</p> <h4 id="components-3"><a href="#components-3" class="header-anchor">#</a> Components</h4> <table><thead><tr><th style="text-align:center;"><strong>Quantity</strong></th> <th><strong>Name</strong></th> <th style="text-align:center;"><strong>Link</strong></th></tr></thead> <tbody><tr><td style="text-align:center;">1</td> <td>BME280 3.3V</td> <td style="text-align:center;"><a href="https://amzn.to/2Ta89Hy" target="_blank" rel="noopener noreferrer">Amazon<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <a href="https://s.click.aliexpress.com/e/_DnFiVa5" target="_blank" rel="noopener noreferrer">AliExpress<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr></tbody></table> <h4 id="wiring-3"><a href="#wiring-3" class="header-anchor">#</a> Wiring</h4> <p><img src="/hardware_bme280.png" alt=""></p> <table><thead><tr><th>ESP8266</th> <th>ESP32</th> <th>BME280</th> <th>Function</th> <th>Note</th></tr></thead> <tbody><tr><td>3V3</td> <td>3V3</td> <td>VCC</td> <td>Power supply (+)</td> <td></td></tr> <tr><td>G</td> <td>GND</td> <td>GND</td> <td>Power supply (-)</td> <td></td></tr> <tr><td>D1</td> <td>GPIO18</td> <td>SCL</td> <td>Clock</td> <td></td></tr> <tr><td>D3</td> <td>GPIO19</td> <td>SDA</td> <td>Data</td> <td></td></tr></tbody></table> <h3 id="bme680-sensor"><a href="#bme680-sensor" class="header-anchor">#</a> BME680 Sensor</h3> <p>Exposes temperature, humidity, pressure and gas values via API and MQTT.</p> <h4 id="components-4"><a href="#components-4" class="header-anchor">#</a> Components</h4> <table><thead><tr><th style="text-align:center;"><strong>Quantity</strong></th> <th><strong>Name</strong></th> <th style="text-align:center;"><strong>Link</strong></th></tr></thead> <tbody><tr><td style="text-align:center;">1</td> <td>BME680</td> <td style="text-align:center;"><a href="https://amzn.to/3GfOHMA" target="_blank" rel="noopener noreferrer">Amazon<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <a href="https://s.click.aliexpress.com/e/_DnrVCQD" target="_blank" rel="noopener noreferrer">AliExpress<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr></tbody></table> <h3 id="wiring-4"><a href="#wiring-4" class="header-anchor">#</a> Wiring</h3> <p><img src="/hardware_bme680.png" alt=""></p> <table><thead><tr><th>ESP8266</th> <th>ESP32</th> <th>BME680</th> <th>Function</th> <th>Note</th></tr></thead> <tbody><tr><td>3V3</td> <td>3V3</td> <td>VCC</td> <td>Power supply (+)</td> <td></td></tr> <tr><td>G</td> <td>GND</td> <td>GND</td> <td>Power supply (-)</td> <td></td></tr> <tr><td>D1</td> <td>GPIO18</td> <td>SCL</td> <td>Clock</td> <td></td></tr> <tr><td>D3</td> <td>GPIO19</td> <td>SDA</td> <td>Data</td> <td></td></tr></tbody></table> <h3 id="dfplayer-mini"><a href="#dfplayer-mini" class="header-anchor">#</a> DFPlayer Mini</h3> <p>With the DFPlayer Mini you can play sound files. The sound files must be stored on the micro SD card on the the DFPlayer Mini. It has a built-in amplifier and can therefore be connected directly to a speaker. You could set a file to play when the PixelIt starts up, or you could set a file to play when a button is pressed. All files could also played via API or MQTT.</p> <h4 id="components-5"><a href="#components-5" class="header-anchor">#</a> Components</h4> <table><thead><tr><th style="text-align:center;"><strong>Quantity</strong></th> <th><strong>Name</strong></th> <th style="text-align:center;"><strong>Link</strong></th></tr></thead> <tbody><tr><td style="text-align:center;">1</td> <td>DFPlayer Mini MP3 Player</td> <td style="text-align:center;"><a href="https://amzn.to/3jcbmz7" target="_blank" rel="noopener noreferrer">Amazon<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <a href="https://s.click.aliexpress.com/e/_DBhkE8L" target="_blank" rel="noopener noreferrer">AliExpress<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr></tbody></table> <h4 id="wiring-5"><a href="#wiring-5" class="header-anchor">#</a> Wiring</h4> <p><img src="/hardware_dfplayer.png" alt=""></p> <table><thead><tr><th>ESP8266</th> <th>ESP32</th> <th>DFPlayer Mini</th> <th>Function</th> <th>Note</th></tr></thead> <tbody><tr><td>3V3</td> <td>3V3</td> <td>VCC</td> <td>Power supply (+)</td> <td></td></tr> <tr><td>G</td> <td>GND</td> <td>GND</td> <td>Power supply (-)</td> <td></td></tr> <tr><td>D5</td> <td>GPIO20</td> <td>RX</td> <td>PixelIt TX -> DFPlayer RX</td> <td></td></tr> <tr><td>D7</td> <td>GPIO21</td> <td>TX</td> <td>PixelIt RX <- DFPlayer TX</td> <td></td></tr></tbody></table> <h3 id="touch-buttons"><a href="#touch-buttons" class="header-anchor">#</a> Touch Buttons</h3> <p>With the touch sensors you can control the PixelIt. You can use the touch sensors to switch trigger MQTT messages or some basic stuff like toogle the matrix on/off or control the MP3 player.</p> <h4 id="components-6"><a href="#components-6" class="header-anchor">#</a> Components</h4> <table><thead><tr><th style="text-align:center;"><strong>Quantity</strong></th> <th><strong>Name</strong></th> <th style="text-align:center;"><strong>Link</strong></th></tr></thead> <tbody><tr><td style="text-align:center;">1</td> <td>TTP223 Touch Sensor</td> <td style="text-align:center;"><a href="https://amzn.to/3UMnzvu" target="_blank" rel="noopener noreferrer">Amazon<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <a href="https://s.click.aliexpress.com/e/_DeEyaxZ" target="_blank" rel="noopener noreferrer">AliExpress<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr></tbody></table> <h4 id="wiring-6"><a href="#wiring-6" class="header-anchor">#</a> Wiring</h4> <p><img src="/hardware_touchbtn.png" alt=""></p> <table><thead><tr><th>ESP8266</th> <th>ESP32</th> <th>Button left</th> <th>Button middle</th> <th>Button right</th> <th>Function</th> <th>Note</th></tr></thead> <tbody><tr><td>3V3</td> <td>3V3</td> <td>VCC</td> <td>VCC</td> <td>VCC</td> <td>Power supply (+)</td> <td></td></tr> <tr><td>G</td> <td>GND</td> <td>GND</td> <td>GND</td> <td>GND</td> <td>Power supply (-)</td> <td></td></tr> <tr><td>D0</td> <td>GPIO22</td> <td>I/O</td> <td>-</td> <td>-</td> <td>Touch signal</td> <td>See disclaimer</td></tr> <tr><td>D4</td> <td>GPIO23</td> <td>-</td> <td>I/O</td> <td>-</td> <td>Touch signal</td> <td>See disclaimer</td></tr> <tr><td>D8</td> <td>GPIO24</td> <td>-</td> <td>-</td> <td>I/O</td> <td>Touch signal</td> <td>See disclaimer</td></tr></tbody></table> <div class="custom-block warning"><p class="custom-block-title">Disclaimer PIN D4 on ESP8266 (Wemos D1 Mini)</p> <p>The touch sensors have two solder bridges on the board which can be connected. This allows switching between active high (when pressing high) and active low (when pressing low). When you use D4, is absolutely necessary, otherwise the wemos will not start. To prevent this, bridge A of the middle touch sensor must be closed. This sets the I/O pin to active low. Other touch sensors are not recommended, because they have no possibility to be set to active low.</p></div> <p>TTP223 Image for Fritzing by <a href="https://github.com/rbricheno" target="_blank" rel="noopener noreferrer">rbricheno<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>.</p> <h2 id="_3d-printing-files"><a href="#_3d-printing-files" class="header-anchor">#</a> 3D Printing Files</h2> <p><img src="/cover.jpg" alt="">
by PlastikJunkies</p> <h4 id="downloads"><a href="#downloads" class="header-anchor">#</a> Downloads</h4> <ul><li><a href="https://www.thingiverse.com/thing:3559014" target="_blank" rel="noopener noreferrer">Thingiverse<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li><a href="https://www.thingiverse.com/thing:4749750" target="_blank" rel="noopener noreferrer">Thingiverse<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li><a href="/pixel_it_case.zip">Local download</a></li></ul> <h2 id="makes"><a href="#makes" class="header-anchor">#</a> Makes</h2> <p>Make sure to check out this discussion page for some inspiration.</p> <ul><li><a href="https://github.com/pixelit-project/PixelIt/discussions/48" target="_blank" rel="noopener noreferrer">Show your PixelIt<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <h2 id="troubleshooting"><a href="#troubleshooting" class="header-anchor">#</a> Troubleshooting</h2> <p>See <a href="/troubleshooting.html">Troubleshooting</a>.</p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/pixelit-project/Docs/edit/master/src/hardware.md" target="_blank" rel="noopener noreferrer">Edit this page</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <!----></footer> <div class="page-nav"><p class="inner"><span class="prev">
←
<a href="/" class="prev router-link-active">
Introduction
</a></span> <span class="next"><a href="/firmware.html">
Firmware
</a>
→
</span></p></div> </main></div><div class="global-ui"><!----></div></div>
<script src="/assets/js/app.a4248bcf.js" defer></script><script src="/assets/js/2.d22c4d6b.js" defer></script><script src="/assets/js/1.8d2a0d25.js" defer></script><script src="/assets/js/24.196e3de9.js" defer></script>
</body>
</html>