Znak emotikonov IoT: 9 korakov (s slikami)

2024 Avtor: John Day | [email protected]. Nazadnje spremenjeno: 2024-01-30 12:05

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.

1. 3D natisnite ohišje:
2. Vstavite čip SK6812mini v smeri cikcak
3. Spajkanje
4. Uporabite vroče lepilo za tesnjenje vezja
5. Priključite napajalne zatiče in signalni zatič (SK6812 Din na ESP8266 pin 4 / D2) na ploščo za razvijalce ESP8266
6. Privijte
7. 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

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

8. korak: Nastavitev in igra

Podrobnosti o nastavitvi in predvajanju si oglejte v video predstavitvi.

Tu je povzetek:

1. Priključite znak emotikona IoT

2. 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
3. ESP8266 samodejna povezava z dostopno točko
4. Za brskanje po mobilnem telefonu uporabite »esp-emoji.local«
5. Izberite emoji in se igrajte!

Sklic:

9. korak: Vesel podpis

Komplet Emoji iz tvita Justina Cyra je le preprost primer, lahko pripravite svoj komplet Emoji 8x8 in pokažete svoj podpis!

Podprvak na tekmovanju Arduino 2019