IoT Emoji Sign: 9 krokov (s obrázkami)

2024 Autor: John Day | [email protected]. Naposledy zmenené: 2024-01-30 11:59

Tento návod ukazuje, ako použiť ESP8266 a niektoré NeoPixely na vytvorenie znaku emotikonov IoT.

Krok 1: Príprava

Doska pre vývojárov ESP8266

Akákoľvek doska ESP8266 by mala byť v poriadku. Dnes používam WeMos D1 Mini Pro, toto je najmenšia a najtenšia doska pre vývojárov, akú môžem nájsť. Ak ho chcete prenosný, vyberte si dosku s podporou Lipo.

NeoPixels

Tento projekt používa knižnicu Arduino Adafruit_NeoPixel, akýkoľvek kompatibilný LED čip je v poriadku, napríklad WS2812, WS2812B, SK6812, SK6812mini … atď.

Tentokrát používam 64 LED čipov SK6812mini na výrobu malého maticového panelu 8x8. Spájkovacia práca však nie je hlavnou úlohou tohto projektu, môžete použiť LED pás na zjednodušenie práce alebo si dokonca priamo kúpiť maticu 8x8 NeoPixel LED Matrix;>

Stojan na znamenie

Dnes ako stojan na značky používam kovový flexibilný trubkový kábel micro USB.

Krok 2: Voliteľné: 3D tlač a montáž

Ak si jednoducho kúpite 8x8 NeoPixel LED Matrix, môžete tieto kroky preskočiť.

1. 3D prípad vytlačte:
2. Nasaďte čip SK6812mini v smere Zigzag
3. Spájkovacie práce
4. Okruh utesnite horúcim lepidlom
5. Pripojte napájacie piny a signálny kolík (SK6812 Din k ESP8266 pin 4 / D2) k doske ESP8266
6. Pokaziť
7. Pripojte kábel USB

Krok 3: Príprava softvéru

Arduino IDE

Ak ešte nenainštalujete Arduino IDE, stiahnite si ho a nainštalujte z oficiálneho webu:

www.arduino.cc/en/main/software

Podpora ESP8266

Ak ešte nenainštalujete podporu Arduino ESP8266, postupujte podľa krokov v časti „Arduino na ESP8266“:

github.com/esp8266/Arduino

Knižnice Arduino

Použite Arduino Library, nainštalujte 3 závislé knižnice:

• WiFiManager
• Webové zásuvky Arduino
• Adafruit_NeoPixel

Krok 4: Stiahnite si zdrojový kód

Stiahnite si môj zdrojový kód tu:

github.com/moononournation/IoT-Emoji-Sign

Krok 5: Emoji 8x8

Tento projekt vyžaduje niekoľko emodži 8 x 8 pixelov, googlím a od tweetu Justina Cyra dostávam jednoduchú sadu:

twitter.com/JUSTIN_CYR/status/658031097805…

Potom som zmenil veľkosť obrázku a použil som base64decode.org konvertovaný na reťazec kódovaný base64 na vloženie do HTML.

Obrázok so zmenenou veľkosťou nájdete na: src/emojis.png

Krok 6: Jednoduché používateľské rozhranie HTML

Skriptoval som veľmi jednoduchý HTML na výber emodži a potom previedol pixely do protokolu ESP8266 pomocou protokolu Web Socket v binárnom formáte.

Potom použijem html-minifier na konverziu na dlhý jednoriadkový reťazec na vloženie do kódu Arduino.

Súbor HTML nájdete na adrese: src/index.html

Krok 7: Program Arduino

1. Pripojte dosku ESP8266 dev k počítaču
2. Otvorte Arduino IDE
3. V ponuke Nástroje vyberte správnu dosku
4. Stlačte tlačidlo Nahrať

Krok 8: Nastavte a hrajte

Podrobnosti o nastavení a prehrávaní nájdete vo videu.

Tu je súhrn:

1. Pripojte znak IoT Emoji

2. Nastaviť WiFi (iba prvýkrát)

   1. Použite svoje mobilné vyhľadávanie a pripojte sa k AP „esp-emoji“
   2. Ukážka portálu WiFiManager v zajatí
   3. Stlačte tlačidlo „Konfigurovať WiFi“
   4. Vyberte svoj prístupový bod
   5. Vyplňte heslo prístupového bodu
   6. Stlačte tlačidlo „Uložiť“
   7. Automatické reštartovanie ESP8266
3. ESP8266 sa automaticky pripojí k vášmu prístupovému bodu
4. Pomocou mobilného prehliadania prejdite na „esp-emoji.local“
5. Vyberte si emodži a hrajte!

Odkaz:

Krok 9: Šťastný podpis

Sada Emoji od tweetu Justina Cyra je len jednoduchým príkladom, môžete si pripraviť vlastnú sadu emodži 8x8 a ukázať svoj podpis!

Druhé miesto v súťaži Arduino 2019