步驟1：準(zhǔn)備

ESP8266開發(fā)板

任何ESP8266董事會(huì)應(yīng)該沒問題。這次我使用的是WeMos D1 Mini Pro，這是我能找到的最小，最薄的開發(fā)板。如果你想要便攜，請選擇支持Lipo的主板。

NeoPixels

這個(gè)項(xiàng)目使用Arduino Adafruit_NeoPixel庫，任何兼容的LED芯片都可以，如WS2812，WS2812B，SK6812， SK6812mini 。..。..等等。

這次我使用的是SK6812mini的64個(gè)LED芯片制作一個(gè)小巧的8x8矩陣面板。但是焊接工作不是這個(gè)項(xiàng)目的主要工作，你可以使用LED燈條來簡化工作，甚至直接購買8x8 NeoPixel LED矩陣;》

Sign Stand

這次我使用微型USB金屬軟管電纜作為標(biāo)志支架。

第2步：可選：3D打印和裝配

如果您只是購買8x8 NeoPixel LED矩陣，則可以跳過此步驟。

以Z字形方向放置SK6812mini芯片

焊接工作

使用熱膠密封電路

將電源引腳和信號引腳（SK6812 Din連接到ESP8266引腳4/D2）連接到ESP8266開發(fā)板

擰緊

插入U(xiǎn)SB電纜

第3步：軟件準(zhǔn)備

Arduino IDE

ESP8266支持

如果您尚未安裝Arduino ESP8266支持，請按照“ESP8266上的Arduino”部分中的步驟進(jìn)行操作：

https://github.com/esp8266/Arduino

Arduino Libraries

使用Arduino Library install 3依賴庫：

WiFiManager

ArduinoWebSockets

Adafruit_NeoPixel

第4步：下載源代碼

第5步：8x8表情符號

這項(xiàng)目需要一些8x8像素的表情符號，我谷歌并從Justin Cyr的推文中得到一個(gè)簡單的集：

https://twitter.com/JUSTIN_CYR/status/658031097805 。..

然后我調(diào)整了圖像的大小，并使用base64decode.org轉(zhuǎn)換為base64編碼的字符串，將其嵌入到HTML中。

您可以在以下位置找到已調(diào)整大小的圖像： src/emojis.png

步驟6：簡單的HTML UI

我編寫了一個(gè)非常簡單的HTML用于選擇表情符號，然后通過Web Socket協(xié)議以二進(jìn)制格式將像素傳輸?shù)紼SP8266。

然后我使用html-minifier轉(zhuǎn)換為長單行字符串將其嵌入到Arduino代碼中。

您可以在以下位置找到HTML文件：src/index.html

步驟7：Arduino程序

將ESP8266開發(fā)板連接到電腦

打開Arduino IDE

在工具菜單中選擇正確的電路板

按上傳按鈕

步驟8：設(shè)置和播放！

請參閱視頻演示，了解設(shè)置和播放詳情。

以下是摘要：

插入物聯(lián)網(wǎng)表情符號

設(shè)置WiFi（僅限第一次）

使用移動(dòng)搜索并連接到AP“esp-emoji”

WiFiManager Captive Portal show

按“配置WiFi”按鈕

選擇您的AP

填寫AP密碼

按“保存”按鈕

ESP8266自動(dòng)重啟

ESP8266自動(dòng)連接到您的AP

使用您的手機(jī)瀏覽“esp-emoji.local”

選擇一個(gè)表情符號并播放！

第9步：快樂簽名！

Justin Cyr推文中的表情符號只是一個(gè)簡單的例子，你可以準(zhǔn)備自己的8x8表情符號集并顯示你的簽名！