IoT Emoji Sign: 9 kroků (s obrázky)

2024 Autor: John Day | [email protected]. Naposledy změněno: 2024-01-30 08:22

Tento návod ukazuje, jak použít ESP8266 a některé NeoPixely k vytvoření IoT Emoji Sign.

Krok 1: Příprava

Deska pro vývojáře ESP8266

Jakákoli deska ESP8266 by měla být v pořádku. Tentokrát používám WeMos D1 Mini Pro, toto je nejmenší a nejtenčí vývojová deska, kterou mohu najít. Pokud ho chcete přenosný, vyberte si desku s podporou Lipo.

NeoPixely

Tento projekt používá knihovnu Arduino Adafruit_NeoPixel, jakýkoli kompatibilní čip LED je v pořádku, jako například WS2812, WS2812B, SK6812, SK6812mini… atd.

Tentokrát používám 64 LED čipů SK6812mini k výrobě malého maticového panelu 8x8. Pájecí práce ale není hlavní náplní tohoto projektu, můžete použít LED pásek ke zjednodušení úlohy nebo si dokonce přímo koupit 8x8 NeoPixel LED Matrix;>

Znak Stand

Tentokrát používám kovový flexibilní trubkový kabel micro USB jako stojan na značky.

Krok 2: Volitelné: 3D tisk a montáž

Pokud si jednoduše koupíte 8x8 NeoPixel LED Matrix, můžete tyto kroky přeskočit.

1. Pouzdro 3D vytiskněte:
2. Nasaďte čip SK6812mini ve směru Zigzag
3. Pájecí práce
4. Okruh utěsněte horkým lepidlem
5. Připojte napájecí piny a signální kolík (SK6812 Din k ESP8266 pin 4 / D2) k vývojové desce ESP8266
6. Zašroubovat
7. Připojte kabel USB

Krok 3: Příprava softwaru

Arduino IDE

Pokud ještě nenainstalujete Arduino IDE, stáhněte si jej a nainstalujte z oficiálního webu:

www.arduino.cc/en/main/software

Podpora ESP8266

Pokud ještě nenainstalujete podporu Arduino ESP8266, postupujte podle pokynů v části „Arduino na ESP8266“:

github.com/esp8266/Arduino

Knihovny Arduino

Použijte Arduino Library, nainstalujte 3 závislé knihovny:

• WiFiManager
• Webové zásuvky Arduino
• Adafruit_NeoPixel

Krok 4: Stáhněte si zdrojový kód

Stáhněte si prosím můj zdrojový kód zde:

github.com/moononournation/IoT-Emoji-Sign

Krok 5: Emoji 8x8

Tento projekt vyžaduje emoji 8 x 8 pixelů, googlím a získám jednoduchou sadu z tweetu Justina Cyra:

twitter.com/JUSTIN_CYR/status/658031097805…

Potom jsem změnil velikost obrázku a použil base64decode.org převést na řetězec kódovaný base64 pro vložení do HTML.

Obrázek se změněnou velikostí najdete na: src/emojis.png

Krok 6: Jednoduché HTML uživatelské rozhraní

Skriptoval jsem velmi jednoduchý HTML pro výběr emoji a poté přenesl pixely do ESP8266 protokolem Web Socket v binárním formátu.

Pak použiji html-minifier pro převod na dlouhý jednořádkový řetězec pro vložení do kódu Arduina.

Soubor HTML najdete na adrese: src/index.html

Krok 7: Program Arduino

1. Připojte desku vývojáře ESP8266 k počítači
2. Otevřete Arduino IDE
3. V nabídce Nástroje vyberte správnou desku
4. Stiskněte tlačítko Nahrát

Krok 8: Nastavení a hraní

Podrobnosti o nastavení a přehrávání najdete ve video ukázce.

Zde je shrnutí:

1. Připojte znak IoT Emoji

2. Nastavení WiFi (pouze poprvé)

   1. Použijte své mobilní vyhledávání a připojte se k AP „esp-emoji“
   2. Poutavý portál WiFiManager show
   3. Stiskněte tlačítko „Konfigurovat WiFi“
   4. Vyberte svůj přístupový bod
   5. Vyplňte heslo přístupového bodu
   6. Stiskněte tlačítko „Uložit“
   7. Automatické restartování ESP8266
3. ESP8266 se automaticky připojí k vašemu přístupovému bodu
4. Pomocí mobilního prohlížeče přejděte na „esp-emoji.local“
5. Vyberte si emoji a hrajte!

Odkaz:

Krok 9: Šťastný podpis

Sada Emoji z tweetu Justin Cyr je jen jednoduchým příkladem, můžete si připravit vlastní sadu Emoji 8x8 a ukázat svůj podpis!

Druhé místo v soutěži Arduino Contest 2019