IoT Emoji -tegn: 9 trinn (med bilder)

Innholdsfortegnelse:

Trinn 1: Forberedelse
Trinn 2: Valgfritt: 3D -utskrift og montering
Trinn 3: Forberedelse av programvare
Trinn 4: Last ned kildekoden
Trinn 5: 8x8 Emoji
Trinn 6: Enkel HTML -brukergrensesnitt
Trinn 7: Arduino -program
Trinn 8: Oppsett og spill
Trinn 9: God signatur

2025 Forfatter: John Day | [email protected]. Sist endret: 2025-01-13 06:58

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.

3D -utskrift av saken:
Ta på SK6812mini -brikken i sikksakkretning
Loddearbeid
Bruk varmt lim og forsegle kretsen
Koble strømpinner og signalpinne (SK6812 Din til ESP8266 pin 4 / D2) til ESP8266 dev board
Rote det til
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

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

Trinn 8: Oppsett og spill

Se videodemoen for informasjon om oppsett og avspilling.

Her er sammendraget:

Koble til IoT Emoji -skiltet
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
ESP8266 koble automatisk til AP -en din
Bruk mobilen din til å "esp-emoji.local"
Velg en emoji og spill!