IoT Emoji знак: 9 стъпки (със снимки)

2024 Автор: John Day | [email protected]. Последно модифициран: 2024-01-30 07:52

Тези инструкции показват как да използвате ESP8266 и някои NeoPixels за създаване на IoT Emoji Sign.

Стъпка 1: Подготовка

ESP8266 платка за разработка

Всяка платка ESP8266 трябва да е наред. Този път използвам WeMos D1 Mini Pro, това е най -малката и най -тънката дъска за разработчици, която мога да намеря. Ако искате да бъде преносим, изберете дъска с поддръжка на Lipo.

NeoPixels

Този проект използва библиотеката Arduino Adafruit_NeoPixel, всички съвместими LED чипове са добре, като WS2812, WS2812B, SK6812, SK6812mini … и т.н.

Този път използвам 64 LED чипа от SK6812mini, за да направя малък 8x8 матричен панел. Но запояването не е основната работа на този проект, можете да използвате LED лента, за да опростите работата или дори директно да закупите 8x8 NeoPixel LED матрица;>

Стойка за знаци

Този път използвам микро USB кабел от метална гъвкава тръба като стойка за знаци.

Стъпка 2: По избор: 3D печат и монтаж

Ако просто купите 8x8 NeoPixel LED матрица, можете да пропуснете тези стъпки.

1. 3D отпечатайте калъфа:
2. Поставете чип SK6812mini в посока зигзаг
3. Запояване работа
4. Използвайте горещо лепило, запечатайте веригата
5. Свържете захранващи щифтове и сигнален щифт (SK6812 Din към ESP8266 щифт 4 / D2) към платка за разработка ESP8266
6. Завийте
7. Включете USB кабела

Стъпка 3: Подготовка на софтуера

Arduino IDE

Ако все още не сте инсталирали Arduino IDE, моля, изтеглете го и го инсталирайте от официалния сайт:

www.arduino.cc/en/main/software

Поддръжка на ESP8266

Ако все още не сте инсталирали поддръжката на Arduino ESP8266, моля, следвайте стъпките в раздела „Arduino на ESP8266“:

github.com/esp8266/Arduino

Библиотеки на Arduino

Използвайте Arduino Library инсталирайте 3 зависими библиотеки:

• WiFiManager
• ArduinoWebSockets
• Adafruit_NeoPixel

Стъпка 4: Изтеглете изходния код

Моля, изтеглете моя изходен код тук:

github.com/moononournation/IoT-Emoji-Sign

Стъпка 5: 8x8 Emoji

Този проект изисква някои 8x8 пиксела емоджи, аз гугъл и получавам прост комплект от туит на Джъстин Сайър:

twitter.com/JUSTIN_CYR/status/658031097805…

След това промених размера на изображението и използвах base64decode.org конвертиране в кодиран низ base64, за да го вградя в HTML.

Можете да намерите промененото изображение на адрес: src/emojis.png

Стъпка 6: Прост HTML потребителски интерфейс

Аз съм написал много прост HTML за избор на емоджи и след това прехвърлям пикселите към ESP8266 чрез протокол Web Socket в двоичен формат.

След това използвам html-minifier конвертиране в дълъг едноредов низ, за да го вградя в кода на Arduino.

Можете да намерите HTML файла на адрес: src/index.html

Стъпка 7: Програма Arduino

1. Свържете платката за разработка ESP8266 към компютъра
2. Отворете Arduino IDE
3. Изберете правилната дъска в менюто Инструменти
4. Натиснете бутона за качване

Стъпка 8: Настройка и игра

Моля, вижте видео демонстрацията за подробности за настройката и възпроизвеждането.

Ето обобщението:

1. Включете IoT Emoji Sign

2. Настройка на WiFi (само за първи път)

   1. Използвайте мобилното си търсене и се свържете с AP „esp-emoji“
   2. WiFiManager Captive Portal шоу
   3. Натиснете бутона „Конфигуриране на WiFi“
   4. Изберете вашата точка за достъп
   5. Попълнете паролата за AP
   6. Натиснете бутона "Запазване"
   7. ESP8266 автоматично рестартиране
3. ESP8266 автоматично се свързва с вашата точка за достъп
4. Използвайте мобилния си браузър за „esp-emoji.local“
5. Изберете емоджи и играйте!

Реф.:

Стъпка 9: Честит подпис

Комплектът Emoji от туит на Джъстин Сайр е само прост пример, можете да подготвите свой собствен набор от 8x8 емотикони и да покажете подписа си!

Вицешампион в Arduino Contest 2019