Znak emotikonov IoT: 9 korakov (s slikami)

Kazalo:

1. korak: Priprava
2. korak: Izbirno: 3D tiskanje in montaža
3. korak: Priprava programske opreme
4. korak: Prenesite izvorno kodo
5. korak: 8x8 emoji
6. korak: Preprost uporabniški vmesnik HTML
Korak 7: Program Arduino
8. korak: Nastavitev in igra
9. korak: Vesel podpis

2025 Avtor: John Day | [email protected]. Nazadnje spremenjeno: 2025-01-13 06:58

Ta navodila kažejo, kako uporabiti ESP8266 in nekaj NeoPixels za ustvarjanje znaka emoji IoT.

1. korak: Priprava

Razvojna plošča ESP8266

Vsaka plošča ESP8266 bi morala biti v redu. Tokrat uporabljam WeMos D1 Mini Pro, to je najmanjša in najtanjša plošča za razvijalce, ki jo najdem. Če želite prenosno, izberite ploščo s podporo Lipo.

NeoPixels

Ta projekt uporablja knjižnico Arduino Adafruit_NeoPixel, vsi združljivi LED čipi so v redu, na primer WS2812, WS2812B, SK6812, SK6812mini … itd.

Tokrat uporabljam 64 LED čipov SK6812mini za izdelavo drobne matrične plošče 8x8. Toda spajkanje ni glavna naloga tega projekta, lahko uporabite LED trak za poenostavitev dela ali celo neposredno kupite LED matrico NeoPixel 8x8;>

Stojalo za podpise

Tokrat kot stojalo za znake uporabljam kovinski fleksibilni cevni kabel mikro USB.

2. korak: Izbirno: 3D tiskanje in montaža

Če preprosto kupite LED matrico NeoPixel 8x8, lahko te korake preskočite.

3D natisnite ohišje:
Vstavite čip SK6812mini v smeri cikcak
Spajkanje
Uporabite vroče lepilo za tesnjenje vezja
Priključite napajalne zatiče in signalni zatič (SK6812 Din na ESP8266 pin 4 / D2) na ploščo za razvijalce ESP8266
Privijte
Priključite kabel USB

3. korak: Priprava programske opreme

Arduino IDE

Če še niste namestili Arduino IDE, ga prenesite in namestite z uradnega spletnega mesta:

www.arduino.cc/en/main/software

Podpora ESP8266

Če še niste namestili podpore za Arduino ESP8266, sledite korakom v razdelku "Arduino na ESP8266":

github.com/esp8266/Arduino

Knjižnice Arduino

Uporabite knjižnico Arduino, namestite 3 odvisne knjižnice:

WiFiManager
ArduinoWebSockets
Adafruit_NeoPixel

4. korak: Prenesite izvorno kodo

Prosim, prenesite svojo izvorno kodo tukaj:

github.com/moononournation/IoT-Emoji-Sign

5. korak: 8x8 emoji

Ta projekt zahteva nekaj emojijev 8x8 slikovnih pik, google in dobim preprost komplet iz tvita Justina Cyra:

twitter.com/JUSTIN_CYR/status/658031097805…

Nato sem spremenil velikost slike in uporabil base64decode.org pretvoriti v niz kodiran v base64, da jo vdelam v HTML.

Sliko lahko spremenite na: src/emojis.png

6. korak: Preprost uporabniški vmesnik HTML

Napisal sem zelo preprost HTML za izbiro emojija in nato slikovne pike prenesel v ESP8266 s protokolom Web Socket v binarni obliki.

Nato uporabim html-minifier convert v dolg niz z eno vrstico, da ga vdelam v kodo Arduino.

Datoteko HTML lahko najdete na naslovu: src/index.html

Korak 7: Program Arduino

Devisno ploščo ESP8266 povežite z računalnikom
Odprite Arduino IDE
V meniju Orodja izberite ustrezno ploščo
Pritisnite gumb za nalaganje

8. korak: Nastavitev in igra

Podrobnosti o nastavitvi in predvajanju si oglejte v video predstavitvi.

Tu je povzetek:

Priključite znak emotikona IoT
Nastavitev WiFi (samo prvič)
1. Uporabite iskanje po mobilnem telefonu in se povežite z AP "esp-emoji"
2. Razstava WiFiManager Captive Portal
3. Pritisnite gumb "Konfiguriraj WiFi"
4. Izberite AP
5. Izpolnite geslo AP
6. Pritisnite gumb "Shrani"
7. Samodejni ponovni zagon ESP8266
ESP8266 samodejna povezava z dostopno točko
Za brskanje po mobilnem telefonu uporabite »esp-emoji.local«
Izberite emoji in se igrajte!