如何使用ESP8266和一些NeoPixels创建物联网表情符号

步骤1：准备

ESP8266开发板

任何ESP8266董事会应该没问题。这次我使用的是WeMos D1 Mini Pro，这是我能找到的最小，最薄的开发板。如果你想要便携，请选择支持Lipo的主板。

NeoPixels

这个项目使用Arduino Adafruit_NeoPixel库，任何兼容的LED芯片都可以，如WS2812，WS2812B，SK6812， SK6812mini 。..。..等等。

这次我使用的是SK6812mini的64个LED芯片制作一个小巧的8x8矩阵面板。但是焊接工作不是这个项目的主要工作，你可以使用LED灯条来简化工作，甚至直接购买8x8 NeoPixel LED矩阵;》

Sign Stand

这次我使用微型USB金属软管电缆作为标志支架。

第2步：可选：3D打印和装配

如果您只是购买8x8 NeoPixel LED矩阵，则可以跳过此步骤。

以Z字形方向放置SK6812mini芯片

焊接工作

使用热胶密封电路

将电源引脚和信号引脚（SK6812 Din连接到ESP8266引脚4/D2）连接到ESP8266开发板

拧紧

插入USB电缆

第3步：软件准备

Arduino IDE

ESP8266支持

如果您尚未安装Arduino ESP8266支持，请按照“ESP8266上的Arduino”部分中的步骤进行操作：

https://github.com/esp8266/Arduino

Arduino Libraries

使用Arduino Library install 3依赖库：

WiFiManager

ArduinoWebSockets

Adafruit_NeoPixel

第4步：下载源代码

第5步：8x8表情符号

这项目需要一些8x8像素的表情符号，我谷歌并从Justin Cyr的推文中得到一个简单的集：

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

然后我调整了图像的大小，并使用base64decode.org转换为base64编码的字符串，将其嵌入到HTML中。

您可以在以下位置找到已调整大小的图像： src/emojis.png

步骤6：简单的HTML UI

我编写了一个非常简单的HTML用于选择表情符号，然后通过Web Socket协议以二进制格式将像素传输到ESP8266。

然后我使用html-minifier转换为长单行字符串将其嵌入到Arduino代码中。

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

步骤7：Arduino程序

将ESP8266开发板连接到电脑

打开Arduino IDE

在工具菜单中选择正确的电路板

按上传按钮

步骤8：设置和播放！

请参阅视频演示，了解设置和播放详情。

以下是摘要：

插入物联网表情符号

设置WiFi（仅限第一次）

使用移动搜索并连接到AP“esp-emoji”

WiFiManager Captive Portal show

按“配置WiFi”按钮

选择您的AP

填写AP密码

按“保存”按钮

ESP8266自动重启

ESP8266自动连接到您的AP

使用您的手机浏览“esp-emoji.local”

选择一个表情符号并播放！

第9步：快乐签名！

Justin Cyr推文中的表情符号只是一个简单的例子，你可以准备自己的8x8表情符号集并显示你的签名！