IoT Emoji Sign: 9 βήματα (με εικόνες)

2024 Συγγραφέας: John Day | [email protected]. Τελευταία τροποποίηση: 2024-01-30 08:35

Αυτές οι οδηγίες δείχνουν πώς να χρησιμοποιήσετε ένα ESP8266 και μερικά NeoPixels για να δημιουργήσετε ένα IoT Emoji Sign.

Βήμα 1: Προετοιμασία

ESP8266 πλακέτα dev

Οποιοσδήποτε πίνακας ESP8266 πρέπει να είναι εντάξει. Αυτή τη φορά χρησιμοποιώ το WeMos D1 Mini Pro, αυτός είναι ο μικρότερος και λεπτότερος πίνακας dev που μπορώ να βρω. Αν το θέλετε φορητό, επιλέξτε έναν πίνακα με υποστήριξη Lipo.

NeoPixels

Αυτό το έργο χρησιμοποιεί βιβλιοθήκη Arduino Adafruit_NeoPixel, οποιοδήποτε συμβατό τσιπ LED είναι εντάξει, όπως WS2812, WS2812B, SK6812, SK6812mini… κ.λπ.

Αυτή τη φορά χρησιμοποιώ 64 τσιπ LED SK6812mini για να φτιάξω ένα μικροσκοπικό πίνακα μήτρας 8x8. Αλλά η συγκόλληση δεν είναι η κύρια εργασία αυτού του έργου, μπορείτε να χρησιμοποιήσετε μια λωρίδα LED για να απλοποιήσετε την εργασία ή ακόμα και να αγοράσετε απευθείας ένα μήτρα LED NeoPixel 8x8.>

Σταντ σημάτων

Αυτή τη φορά χρησιμοποιώ ένα μεταλλικό εύκαμπτο καλώδιο σωλήνα micro USB ως βάση σήμανσης.

Βήμα 2: Προαιρετικό: Τρισδιάστατη εκτύπωση & συναρμολόγηση

Εάν αγοράζετε απλώς μια μήτρα LED NeoPixel 8x8, μπορείτε να παραλείψετε αυτά τα βήματα.

1. Τρισδιάστατη εκτύπωση της θήκης:
2. Βάλτε τσιπ SK6812mini προς κατεύθυνση Zigzag
3. Εργασίες συγκόλλησης
4. Χρησιμοποιήστε ζεστή κόλλα σφραγίστε το κύκλωμα
5. Συνδέστε ακίδες τροφοδοσίας και ακίδα σήματος (SK6812 Din σε ESP8266 pin 4 / D2) στην πλακέτα dev ESP8266
6. Τα θαλασσώνω
7. Συνδέστε το καλώδιο USB

Βήμα 3: Προετοιμασία λογισμικού

Arduino IDE

Εάν δεν έχετε ακόμη εγκαταστήσει το Arduino IDE, κάντε λήψη και εγκαταστήστε το από τον επίσημο ιστότοπο:

www.arduino.cc/en/main/software

Υποστήριξη ESP8266

Εάν δεν έχετε εγκαταστήσει ακόμα την υποστήριξη Arduino ESP8266, ακολουθήστε τα βήματα στην ενότητα "Arduino στο ESP8266":

github.com/esp8266/Arduino

Βιβλιοθήκες Arduino

Χρησιμοποιήστε το Arduino Library install 3 ανάλογα με τις βιβλιοθήκες:

• WiFiManager
• ArduinoWebSockets
• Adafruit_NeoPixel

Βήμα 4: Λήψη πηγαίου κώδικα

Παρακαλώ κατεβάστε τον πηγαίο μου κώδικα εδώ:

github.com/moononournation/IoT-Emoji-Sign

Βήμα 5: Emoji 8x8

Αυτό το έργο απαιτεί μερικά emoji 8x8 pixel, κάνω google και παίρνω ένα απλό σετ από το tweet του Justin Cyr:

twitter.com/JUSTIN_CYR/status/658031097805…

Στη συνέχεια, άλλαξα το μέγεθος της εικόνας και χρησιμοποίησα το base64decode.org για μετατροπή σε συμβολοσειρά με κωδικοποίηση base64 για να την ενσωματώσω στο HTML.

Μπορείτε να βρείτε την αλλαγή μεγέθους της εικόνας στη διεύθυνση: src/emojis.png

Βήμα 6: Απλή διεπαφή χρήστη HTML

Έχω γράψει ένα πολύ απλό HTML για την επιλογή του emoji και στη συνέχεια μεταφέρω τα εικονοστοιχεία στο ESP8266 με πρωτόκολλο Web Socket σε δυαδική μορφή.

Στη συνέχεια, χρησιμοποιώ μετατροπέα html-minifier σε μια συμβολοσειρά μεγάλης γραμμής για να την ενσωματώσω σε κώδικα Arduino.

Μπορείτε να βρείτε το αρχείο HTML στη διεύθυνση: src/index.html

Βήμα 7: Πρόγραμμα Arduino

1. Συνδέστε την πλακέτα dev ESP8266 στον υπολογιστή
2. Ανοίξτε το Arduino IDE
3. Επιλέξτε τη σωστή πλακέτα στο μενού Εργαλεία
4. Πατήστε το κουμπί Μεταφόρτωση

Βήμα 8: Ρύθμιση & Αναπαραγωγή

Ανατρέξτε στο βίντεο επίδειξης για λεπτομέρειες εγκατάστασης και αναπαραγωγής.

Εδώ είναι η περίληψη:

1. Συνδέστε το IoT Emoji Sign

2. Ρύθμιση WiFi (μόνο για πρώτη φορά)

   1. Χρησιμοποιήστε την αναζήτηση για κινητά και συνδεθείτε στο AP "esp-emoji"
   2. Εμφάνιση WiFiManager Captive Portal
   3. Πατήστε το κουμπί "Διαμόρφωση WiFi"
   4. Επιλέξτε το AP σας
   5. Συμπληρώστε τον κωδικό πρόσβασης AP
   6. Πατήστε το κουμπί "Αποθήκευση"
   7. ESP8266 αυτόματη επανεκκίνηση
3. ESP8266 αυτόματη σύνδεση στο AP σας
4. Χρησιμοποιήστε την περιήγηση στο κινητό σας για να "esp-emoji.local"
5. Επιλέξτε ένα Emoji και παίξτε!

Σχετ.:

Βήμα 9: Καλή υπογραφή

Το σετ Emoji από το tweet του Justin Cyr είναι μόνο ένα απλό παράδειγμα, μπορείτε να ετοιμάσετε το δικό σας σετ Emoji 8x8 και να δείξετε την υπογραφή σας!

Επόμενοι στο Διαγωνισμό Arduino 2019