IoT Emoji -tegn: 9 trinn (med bilder)

2024 Forfatter: John Day | [email protected]. Sist endret: 2024-01-30 11:23

Denne instruksjonene viser hvordan du bruker en ESP8266 og noen NeoPixels til å lage et IoT Emoji -tegn.

Trinn 1: Forberedelse

ESP8266 dev -brett

Enhver ESP8266 -plate skal være ok. Denne gangen bruker jeg WeMos D1 Mini Pro, dette er det minste og tynneste dev -brettet jeg kan finne. Hvis du vil ha den bærbar, velger du et brett med Lipo -støtte.

NeoPixels

Dette prosjektet bruker Arduino Adafruit_NeoPixel bibliotek, alle kompatible LED -brikker er ok, for eksempel WS2812, WS2812B, SK6812, SK6812mini … etc.

Denne gangen bruker jeg 64 LED -brikker av SK6812mini for å lage et lite 8x8 matrisepanel. Men loddearbeidet er ikke hovedjobben for dette prosjektet, du kan bruke en LED -stripe for å forenkle jobben eller til og med kjøpe en 8x8 NeoPixel LED Matrix;>

Skiltstativ

Denne gangen bruker jeg en mikro USB -metall fleksibel rørkabel som et skiltstativ.

Trinn 2: Valgfritt: 3D -utskrift og montering

Hvis du bare kjøper en 8x8 NeoPixel LED Matrix, kan du hoppe over disse trinnene.

1. 3D -utskrift av saken:
2. Ta på SK6812mini -brikken i sikksakkretning
3. Loddearbeid
4. Bruk varmt lim og forsegle kretsen
5. Koble strømpinner og signalpinne (SK6812 Din til ESP8266 pin 4 / D2) til ESP8266 dev board
6. Rote det til
7. Koble til USB -kabelen

Trinn 3: Forberedelse av programvare

Arduino IDE

Hvis du ikke har installert Arduino IDE ennå, kan du laste det ned og installere det fra det offisielle nettstedet:

www.arduino.cc/en/main/software

ESP8266 Støtte

Hvis du ikke har installert Arduino ESP8266 -støtte ennå, følger du trinnene i delen "Arduino på ESP8266":

github.com/esp8266/Arduino

Arduino biblioteker

Bruk Arduino Library for å installere 3 avhengige biblioteker:

• WiFiManager
• ArduinoWebSockets
• Adafruit_NeoPixel

Trinn 4: Last ned kildekoden

Last ned kildekoden min her:

github.com/moononournation/IoT-Emoji-Sign

Trinn 5: 8x8 Emoji

Dette prosjektet krever noen 8x8 piksler emoji, jeg google og får et enkelt sett fra Justin Cyr tweet:

twitter.com/JUSTIN_CYR/status/658031097805…

Deretter endret jeg størrelsen på bildet og bruker base64decode.org convert til en base64 -kodet streng for å legge det inn i HTML -koden.

Du kan finne størrelsen på bildet på: src/emojis.png

Trinn 6: Enkel HTML -brukergrensesnitt

Jeg har skrevet en veldig enkel HTML for å velge emoji og deretter overføre pikslene til ESP8266 med Web Socket -protokollen i binært format.

Deretter bruker jeg html-minifier konvertere til en lang enkeltlinjes streng for å legge den inn i Arduino-kode.

Du finner HTML -filen på: src/index.html

Trinn 7: Arduino -program

1. Koble ESP8266 dev -kortet til datamaskinen
2. Åpne Arduino IDE
3. Velg riktig tavle på Verktøy -menyen
4. Trykk på Last opp -knappen

Trinn 8: Oppsett og spill

Se videodemoen for informasjon om oppsett og avspilling.

Her er sammendraget:

1. Koble til IoT Emoji -skiltet

2. Konfigurer WiFi (bare første gang)

   1. Bruk ditt mobilsøk og koble til AP "esp-emoji"
   2. ShowManager Captive Portal -show
   3. Trykk på "Konfigurer WiFi" -knappen
   4. Velg AP
   5. Fyll AP -passord
   6. Trykk på "Lagre" -knappen
   7. ESP8266 automatisk omstart
3. ESP8266 koble automatisk til AP -en din
4. Bruk mobilen din til å "esp-emoji.local"
5. Velg en emoji og spill!

Ref.:

Trinn 9: God signatur

Emoji -settet fra Justin Cyr tweet er bare et enkelt eksempel, du kan forberede ditt eget 8x8 Emoji -sett og vise signaturen din!

Runner Up i Arduino -konkurransen 2019