IoT-Emoji-Zeichen - Gunook

2024 Autor: John Day | [email protected]. Zuletzt bearbeitet: 2024-01-30 07:19

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.

1. 3D-Druck des Gehäuses:
2. SK6812mini-Chip in Zick-Zack-Richtung aufstecken
3. Lötarbeiten
4. Verwenden Sie Heißkleber, um den Stromkreis zu versiegeln
5. Verbinden Sie die Strom-Pins und den Signal-Pin (SK6812 Din mit ESP8266 Pin 4 / D2) mit der ESP8266-Entwicklungsplatine
6. Vermasseln
7. 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

1. Verbinden Sie das ESP8266-Entwicklungsboard mit dem Computer
2. Öffnen Sie die Arduino-IDE
3. Wählen Sie das richtige Board im Tools-Menü
4. 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:

1. Stecken Sie das IoT-Emoji-Zeichen ein

2. WLAN einrichten (nur beim ersten Mal)

   1. Verwenden Sie Ihre mobile Suche und verbinden Sie sich mit dem AP "esp-emoji"
   2. WiFiManager Captive Portal-Show
   3. Drücken Sie die Schaltfläche "WiFi konfigurieren"
   4. Wählen Sie Ihren AP
   5. AP-Passwort ausfüllen
   6. Drücken Sie die Schaltfläche "Speichern"
   7. ESP8266 automatischer Neustart
3. ESP8266 verbindet sich automatisch mit Ihrem AP
4. Navigieren Sie mit Ihrem Handy zu "esp-emoji.local"
5. 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