IoT Emoji jel: 9 lépés (képekkel)

2024 Szerző: John Day | [email protected]. Utoljára módosítva: 2024-01-30 09:41

Ez az oktatóanyag bemutatja, hogyan kell használni az ESP8266 -ot és néhány NeoPixelt az IoT Emoji jel létrehozásához.

1. lépés: Előkészítés

ESP8266 fejlesztőtábla

Bármilyen ESP8266 táblának rendben kell lennie. Ezúttal a WeMos D1 Mini Pro -t használom, ez a legkisebb és legvékonyabb fejlesztőtábla, amit találok. Ha hordozhatóvá szeretné tenni, válasszon egy táblát Lipo támogatással.

NeoPixelek

Ez a projekt az Arduino Adafruit_NeoPixel könyvtárat használja, minden kompatibilis LED chip rendben van, mint például a WS2812, WS2812B, SK6812, SK6812mini … stb.

Ezúttal az SK6812mini 64 LED -es chipjét használom egy apró 8x8 -as mátrixpanel készítéséhez. De a forrasztási munka nem a fő feladata ennek a projektnek, LED -szalaggal egyszerűsítheti a munkát, vagy akár közvetlenül vásárolhat egy 8x8 -as NeoPixel LED -mátrixot;>

Jel állvány

Ezúttal egy mikro USB fém rugalmas csővezetéket használok jelzőállványként.

2. lépés: Opcionális: 3D nyomtatás és összeszerelés

Ha egyszerűen 8x8 -as NeoPixel LED -mátrixot vásárol, kihagyhatja ezt a lépést.

1. A tok 3D nyomtatása:
2. Tegye fel az SK6812mini chipet cikk -cakk irányban
3. Forrasztási munka
4. Használjon forró ragasztót az áramkör lezárásához
5. Csatlakoztassa a tápcsatlakozókat és a jelzőcsapot (SK6812 Din - ESP8266 4 / D2 tű) az ESP8266 dev kártyához
6. Elfuserál
7. Csatlakoztassa az USB -kábelt

3. lépés: A szoftver előkészítése

Arduino IDE

Ha még nem telepítette az Arduino IDE -t, töltse le és telepítse a hivatalos webhelyről:

www.arduino.cc/en/main/software

ESP8266 támogatás

Ha még nem telepítette az Arduino ESP8266 támogatást, kövesse az "Arduino on ESP8266" szakasz lépéseit:

github.com/esp8266/Arduino

Arduino könyvtárak

A könyvtáraktól függően használja az Arduino Library install 3 telepítését:

• WiFiManager
• ArduinoWebSockets
• Adafruit_NeoPixel

4. lépés: Töltse le a forráskódot

Töltse le a forráskódomat innen:

github.com/moononournation/IoT-Emoji-Sign

5. lépés: 8x8 -as hangulatjel

Ez a projekt körülbelül 8x8 pixeles hangulatjeleket igényel, google -n keresek egy egyszerű készletet Justin Cyr tweetjéből:

twitter.com/JUSTIN_CYR/status/658031097805…

Ezután átméreteztem a képet, és a base64decode.org segítségével base64 kódolású karakterlánccá alakítom a HTML -be.

Az átméretezett képet itt találhatja: src/emojis.png

6. lépés: Egyszerű HTML felhasználói felület

Egy nagyon egyszerű HTML -kódot írtam le az emoji kiválasztásához, majd a képpontok bináris formátumú Web Socket protokollal történő átviteléhez az ESP8266 -ba.

Ezután a html-minifier átalakítást használom egy egysoros hosszú karakterlánccá, hogy beágyazjam az Arduino kódba.

A HTML fájlt a következő címen találhatja meg: src/index.html

7. lépés: Arduino program

1. Csatlakoztassa az ESP8266 dev kártyát a számítógéphez
2. Nyissa meg az Arduino IDE -t
3. Válassza ki a megfelelő táblát az Eszközök menüben
4. Nyomja meg a Feltöltés gombot

8. lépés: Beállítás és lejátszás

Kérjük, tekintse meg a videó bemutatóját a beállításokról és a lejátszás részleteiről.

Íme az összefoglaló:

1. Csatlakoztassa az IoT Emoji jelét

2. WiFi beállítása (csak először)

   1. Használja a mobilkeresést, és csatlakozzon az "esp-emoji" AP-hez
   2. WiFiManager Captive Portal show
   3. Nyomja meg a "WiFi konfigurálása" gombot
   4. Válassza ki az AP -t
   5. Töltse ki az AP jelszót
   6. Nyomja meg a "Mentés" gombot
   7. ESP8266 automatikus újraindítás
3. Az ESP8266 automatikusan csatlakozik az AP -hez
4. Használja mobil böngészőjét az "esp-emoji.local" eléréséhez
5. Válassz egy hangulatjelet és játssz!

Ltsz.:

9. lépés: Boldog aláírást

A Justin Cyr tweetből származó hangulatjelek csak egyszerű példa, elkészítheti saját 8x8 -as hangulatjeleit és megmutathatja aláírását!

Második helyezett az Arduino versenyen 2019