IoT -emoji -merkki: 9 vaihetta (kuvilla)

2024 Kirjoittaja: John Day | [email protected]. Viimeksi muokattu: 2024-01-30 09:02

Nämä oppaat osoittavat, kuinka ESP8266: n ja joidenkin NeoPixelien avulla luodaan IoT -emoji -merkki.

Vaihe 1: Valmistelu

ESP8266 kehityskortti

Kaikkien ESP8266 -levyjen pitäisi olla kunnossa. Tällä kertaa käytän WeMos D1 Mini Prota, tämä on pienin ja ohuin kehityskortti, jonka löydän. Jos haluat kannettavan, valitse Lipon tuella varustettu levy.

NeoPikselit

Tämä projekti käyttää Arduino Adafruit_NeoPixel -kirjastoa, kaikki yhteensopivat LED -sirut ovat kunnossa, kuten WS2812, WS2812B, SK6812, SK6812mini … jne.

Tällä kertaa käytän 64 LED -sirua SK6812ministä pienen 8x8 -matriisipaneelin tekemiseen. Mutta juotos ei ole tämän projektin päätehtävä, voit yksinkertaistaa työtä LED -nauhalla tai jopa ostaa suoraan 8x8 NeoPixel LED -matriisin;>

Merkki Stand

Tällä kertaa käytän mikro -USB -metallista joustavaa putkikaapelia merkkijalustana.

Vaihe 2: Valinnainen: 3D -tulostus ja kokoonpano

Jos ostat 8x8 NeoPixel LED -matriisin, voit ohittaa tämän vaiheen.

1. 3D -tulostuskotelo:
2. Aseta SK6812mini -siru siksak -suuntaan
3. Juototyöt
4. Käytä kuumaa liimaa tiivistämällä piiri
5. Liitä nastat ja signaalitappi (SK6812 Din - ESP8266 -nasta 4 / D2) ESP8266 -kehityskorttiin
6. Tyriä
7. Liitä USB -kaapeli

Vaihe 3: Ohjelmiston valmistelu

Arduino IDE

Jos et ole vielä asentanut Arduino IDE: tä, lataa ja asenna se viralliselta sivustolta:

www.arduino.cc/en/main/software

ESP8266 -tuki

Jos et ole vielä asentanut Arduino ESP8266 -tukea, noudata osion "Arduino on ESP8266" ohjeita:

github.com/esp8266/Arduino

Arduinon kirjastot

Käytä Arduino Library -asennusta 3 riippuen kirjastoista:

• WiFiManager
• ArduinoWebSockets
• Adafruit_NeoPixel

Vaihe 4: Lataa lähdekoodi

Lataa lähdekoodini täältä:

github.com/moononournation/IoT-Emoji-Sign

Vaihe 5: 8 x 8 emoji

Tämä projekti vaatii noin 8x8 pikselin emojia, googlettan ja saan yksinkertaisen setin Justin Cyrin twiitistä:

twitter.com/JUSTIN_CYR/status/658031097805…

Sitten muutin kuvan kokoa ja käytän base64decode.org -muunnosta base64 -koodatuksi merkkijonoksi upottaaksesi sen HTML -koodiin.

Löydät muutetun kuvan osoitteesta: src/emojis.png

Vaihe 6: Yksinkertainen HTML -käyttöliittymä

Olen kirjoittanut erittäin yksinkertaisen HTML -koodin emojien valitsemiseksi ja sitten pikselien siirtämisen ESP8266: een Web Socket -protokollalla binäärimuodossa.

Sitten käytän html-minifier-muunnosta pitkäksi yksiriviseksi merkkijonoksi upottaaksesi sen Arduino-koodiin.

Löydät HTML -tiedoston osoitteesta: src/index.html

Vaihe 7: Arduino -ohjelma

1. Liitä ESP8266 dev -levy tietokoneeseen
2. Avaa Arduino IDE
3. Valitse oikea taulu Työkalut -valikosta
4. Paina Lataa -painiketta

Vaihe 8: Asenna ja pelaa

Katso videon esittelystä asetukset ja toistotiedot.

Tässä tiivistelmä:

1. Liitä IoT -emoji -merkki

2. Asenna WiFi (vain ensimmäistä kertaa)

   1. Käytä mobiilihakua ja muodosta yhteys esp-emoji-tukiasemaan
   2. WiFiManager Captive Portal -esitys
   3. Paina "Määritä WiFi" -painiketta
   4. Valitse AP
   5. Täytä AP -salasana
   6. Paina "Tallenna" -painiketta
   7. ESP8266 automaattinen uudelleenkäynnistys
3. ESP8266 muodostaa automaattisesti yhteyden tukiasemaan
4. Käytä mobiiliselainta "esp-emoji.local"
5. Valitse emoji ja pelaa!

Viite:

Vaihe 9: Hyvää allekirjoitusta

Justin Cyr -tweetin emoji -setti on vain yksinkertainen esimerkki, voit valmistaa oman 8x8 -hymiösarjan ja näyttää allekirjoituksesi!

Toinen sija Arduino -kilpailussa 2019