Inhaltsverzeichnis:
2025 Autor: John Day | [email protected]. Zuletzt bearbeitet: 2025-01-13 06:56
Diese Anleitungen zeigen, wie man einen ESP8266 und einige NeoPixels verwendet, um ein IoT-Emoji-Zeichen zu erstellen.
Schritt 1: Vorbereitung
ESP8266-Entwicklungsplatine
Jedes ESP8266-Board sollte in Ordnung sein. Dieses Mal verwende ich WeMos D1 Mini Pro, dies ist das kleinste und dünnste Entwicklungsboard, das ich finden kann. Wenn Sie es tragbar haben möchten, wählen Sie ein Board mit Lipo-Unterstützung.
NeoPixel
Dieses Projekt verwendet die Arduino Adafruit_NeoPixel-Bibliothek, jeder kompatible LED-Chip ist in Ordnung, wie WS2812, WS2812B, SK6812, SK6812mini … etc.
Dieses Mal verwende ich 64 LED-Chips von SK6812mini, um ein winziges 8x8-Matrix-Panel herzustellen. Aber die Lötarbeit ist nicht die Hauptaufgabe dieses Projekts, Sie können einen LED-Streifen verwenden, um die Arbeit zu vereinfachen oder sogar direkt eine 8x8 NeoPixel LED-Matrix kaufen;>
Schilderständer
Dieses Mal verwende ich ein Micro-USB-Metallschlauchkabel als Schilderständer.
Schritt 2: Optional: 3D-Druck & Montage
Wenn Sie einfach eine 8x8 NeoPixel LED Matrix kaufen, können Sie diese Schritte überspringen.
- 3D-Druck des Gehäuses:
- SK6812mini-Chip in Zick-Zack-Richtung aufstecken
- Lötarbeiten
- Verwenden Sie Heißkleber, um den Stromkreis zu versiegeln
- Verbinden Sie die Strom-Pins und den Signal-Pin (SK6812 Din mit ESP8266 Pin 4 / D2) mit der ESP8266-Entwicklungsplatine
- Vermasseln
- Stecken Sie das USB-Kabel ein
Schritt 3: Softwarevorbereitung
Arduino-IDE
Wenn Sie die Arduino IDE noch nicht installiert haben, laden Sie sie bitte von der offiziellen Website herunter und installieren Sie sie:
www.arduino.cc/en/main/software
ESP8266-Unterstützung
Wenn Sie die Arduino ESP8266-Unterstützung noch nicht installiert haben, folgen Sie bitte den Schritten im Abschnitt "Arduino auf ESP8266":
github.com/esp8266/Arduino
Arduino-Bibliotheken
Verwenden Sie die Arduino Library, um 3 abhängige Bibliotheken zu installieren:
- WiFiManager
- ArduinoWebSockets
- Adafruit_NeoPixel
Schritt 4: Quellcode herunterladen
Laden Sie hier meinen Quellcode herunter:
github.com/moononournation/IoT-Emoji-Sign
Schritt 5: 8x8 Emoji
Dieses Projekt erfordert einige 8x8-Pixel-Emojis, ich google und bekomme ein einfaches Set von Justin Cyr Tweet:
twitter.com/JUSTIN_CYR/status/658031097805…
Dann habe ich die Größe des Bildes geändert und base64decode.org in einen base64-codierten String umgewandelt, um es in den HTML-Code einzubetten.
Sie finden das verkleinerte Bild unter: src/emojis.png
Schritt 6: Einfache HTML-Benutzeroberfläche
Ich habe ein sehr einfaches HTML für die Auswahl des Emojis geskriptet und dann die Pixel per Web-Socket-Protokoll im Binärformat an ESP8266 übertragen.
Dann verwende ich html-minifier convert in eine lange einzeilige Zeichenfolge, um sie in Arduino-Code einzubetten.
Sie finden die HTML-Datei unter: src/index.html
Schritt 7: Arduino-Programm
- Verbinden Sie das ESP8266-Entwicklungsboard mit dem Computer
- Öffnen Sie die Arduino-IDE
- Wählen Sie das richtige Board im Tools-Menü
- Drücken Sie die Upload-Taste
Schritt 8: Einrichten und Spielen
Details zur Einrichtung und zum Spiel finden Sie in der Videodemo.
Hier die Zusammenfassung:
- Stecken Sie das IoT-Emoji-Zeichen ein
-
WLAN einrichten (nur beim ersten Mal)
- Verwenden Sie Ihre mobile Suche und verbinden Sie sich mit dem AP "esp-emoji"
- WiFiManager Captive Portal-Show
- Drücken Sie die Schaltfläche "WiFi konfigurieren"
- Wählen Sie Ihren AP
- AP-Passwort ausfüllen
- Drücken Sie die Schaltfläche "Speichern"
- ESP8266 automatischer Neustart
- ESP8266 verbindet sich automatisch mit Ihrem AP
- Navigieren Sie mit Ihrem Handy zu "esp-emoji.local"
- Wähle ein Emoji und spiele!
Ref.:
Schritt 9: Glückliche Unterschrift
Das Emoji-Set von Justin Cyr tweet ist nur ein einfaches Beispiel, Sie können Ihr eigenes 8x8-Emoji-Set vorbereiten und Ihre Unterschrift zeigen!
Zweiter Platz beim Arduino-Wettbewerb 2019