Πίνακας περιεχομένων:

DIY Πώς να εμφανίσετε το χρόνο στο M5StickC ESP32 χρησιμοποιώντας το Visuino - Εύκολο να το κάνετε: 9 βήματα
DIY Πώς να εμφανίσετε το χρόνο στο M5StickC ESP32 χρησιμοποιώντας το Visuino - Εύκολο να το κάνετε: 9 βήματα

Βίντεο: DIY Πώς να εμφανίσετε το χρόνο στο M5StickC ESP32 χρησιμοποιώντας το Visuino - Εύκολο να το κάνετε: 9 βήματα

Βίντεο: DIY Πώς να εμφανίσετε το χρόνο στο M5StickC ESP32 χρησιμοποιώντας το Visuino - Εύκολο να το κάνετε: 9 βήματα
Βίντεο: How to use ESP32 WiFi and Bluetooth with Arduino IDE full details with examples and code 2024, Ιούλιος
Anonim

Σε αυτό το σεμινάριο θα μάθουμε πώς να προγραμματίζουμε το ESP32 M5Stack StickC με Arduino IDE και Visuino για εμφάνιση της ώρας στην οθόνη LCD.

Βήμα 1: Τι θα χρειαστείτε

Αυτό που θα χρειαστείτε
Αυτό που θα χρειαστείτε
Αυτό που θα χρειαστείτε
Αυτό που θα χρειαστείτε
  1. M5StickC ESP32: μπορείτε να το αποκτήσετε εδώ
  2. Πρόγραμμα Visuino: Κατεβάστε το Visuino

Σημείωση: Ελέγξτε αυτό το σεμινάριο εδώ για τον τρόπο εγκατάστασης της πλακέτας StickC ESP32

Βήμα 2: Ξεκινήστε το Visuino και επιλέξτε τον τύπο πλακέτας M5 Stack Stick C

Ξεκινήστε το Visuino και επιλέξτε τον τύπο πλακέτας M5 Stack Stick C
Ξεκινήστε το Visuino και επιλέξτε τον τύπο πλακέτας M5 Stack Stick C
Ξεκινήστε το Visuino και επιλέξτε τον τύπο πλακέτας M5 Stack Stick C
Ξεκινήστε το Visuino και επιλέξτε τον τύπο πλακέτας M5 Stack Stick C

Ξεκινήστε το Visuino όπως φαίνεται στην πρώτη εικόνα Κάντε κλικ στο κουμπί "Εργαλεία" στο στοιχείο Arduino (Εικόνα 1)

στο Visuino Όταν εμφανιστεί το παράθυρο διαλόγου, επιλέξτε "M5 Stack Stick C" όπως φαίνεται στην εικόνα 2

Βήμα 3: Στο Visuino Προσθέστε και ορίστε εξαρτήματα

Στο Visuino Προσθέστε και ορίστε εξαρτήματα
Στο Visuino Προσθέστε και ορίστε εξαρτήματα
Στο Visuino Προσθέστε και ορίστε εξαρτήματα
Στο Visuino Προσθέστε και ορίστε εξαρτήματα
Στο Visuino Προσθέστε και ορίστε εξαρτήματα
Στο Visuino Προσθέστε και ορίστε εξαρτήματα
Στο Visuino Προσθέστε και ορίστε εξαρτήματα
Στο Visuino Προσθέστε και ορίστε εξαρτήματα
  1. Κάντε κλικ στον πίνακα "M5 Stack Stick C" για να τον επιλέξετε
  2. Στο παράθυρο "Ιδιότητες" επιλέξτε "Modules" και κάντε κλικ στο "+" για επέκταση, επιλέξτε "Display ST7735" και κάντε κλικ στο "+" για να το επεκτείνετε
  3. Ορίστε τον προσανατολισμό σε "goRight" <αυτό σημαίνει πώς ο χρόνος θα προσανατολιστεί στην οθόνη LCD
  4. Επιλέξτε "Στοιχεία" και κάντε κλικ στο μπλε κουμπί με 3 τελείες…
  5. Τα στοιχεία διαλόγου θα εμφανιστούν
  6. Στο Στοιχεία διαλόγου σύρετε "Πεδίο κειμένου" από τη δεξιά πλευρά προς τα αριστερά

Κάντε κλικ στο "Πεδίο κειμένου1" στην αριστερή πλευρά για να το επιλέξετε, στη συνέχεια στο παράθυρο "Ιδιότητες" κάντε κλικ στο χρώμα και ορίστε το σε "aclOrange"

-επίσης στα παράθυρα ιδιοτήτων ορίστε X: 10 και Y: 20 εδώ θέλετε να εμφανίσετε την ώρα στην οθόνη LCD

-μετρήσεις: 3 αυτό είναι το μέγεθος της γραμματοσειράς της εποχής

-Μπορείτε να ορίσετε το μέγεθος και το χρώμα του κειμένου εάν θέλετε

Κλείστε το παράθυρο στοιχείων

Προαιρετικά:

Κάντε κλικ στον πίνακα "M5 Stack Stick C" για να τον επιλέξετε

Στο παράθυρο "Ιδιότητες" επιλέξτε "Modules" και κάντε κλικ στο "+" για επέκταση, επιλέξτε "Display ST7735" και κάντε κλικ στο "+" για να το επεκτείνετε και θα δείτε "Χρώμα φόντου" αυτό είναι το προεπιλεγμένο χρώμα της οθόνης, αλλάξτε το σε το αγαπημένο σας χρώμα, μπορείτε επίσης να ορίσετε τη φωτεινότητα της οθόνης, η προεπιλογή είναι 1 (μέγιστο) μπορείτε να το ορίσετε στο 0,5 ή κάποια άλλη τιμή για να γίνει πιο αμυδρό

6. Προσθέστε το στοιχείο "Αποκωδικοποίηση (Διαίρεση) Ημερομηνία/"ρα" 7. Προσθέστε το στοιχείο "Μορφοποιημένο κείμενο"

Βήμα 4: Στο Visuino Set Components

Στο Visuino Set Components
Στο Visuino Set Components
Στο Visuino Set Components
Στο Visuino Set Components
  1. Επιλέξτε το στοιχείο "FormattedTxt1" και στο παράθυρο "Ιδιότητες" ορίστε "Κείμενο" σε:%0:%1:%2
  2. Κάντε διπλό κλικ στο στοιχείο "FormattedText1" και στο παράθυρο διαλόγου Elements σύρετε 3x "Στοιχείο κειμένου" προς τα αριστερά

Βήμα 5: Στο Visuino Connect Components

Στο Visuino Connect Components
Στο Visuino Connect Components
  • Συνδέστε το "M5 Stack Stick C"> Ξυπνητήρι σε πραγματικό χρόνο (RTC)> Καρφίτσωμα [Έξοδο] στο στοιχείο "DecodeDateTime1" [In]
  • Συνδέστε τον ακροδέκτη του στοιχείου "DecodeDateTime1" [ourρα] στον ακροδέκτη "TextElement1" του στοιχείου "FormattedText1" [Σε]
  • Συνδέστε τον ακροδέκτη στοιχείου "DecodeDateTime1" [Minute] με τον ακροδέκτη "TextElement2" του στοιχείου "FormattedText1" [In]
  • Συνδέστε τον ακροδέκτη του στοιχείου "DecodeDateTime1" [Δεύτερο] στον ακροδέκτη "TextElement3" του στοιχείου "FormattedText1" [In]
  • Συνδέστε τον ακροδέκτη "FormattedText1" [Out] στην πλακέτα "M5 Stack Stick C" "Display ST7735"> "Text Field1" pin [In]

Βήμα 6: Δημιουργία, μεταγλώττιση και μεταφόρτωση του κώδικα Arduino

Δημιουργήστε, μεταγλωττίστε και ανεβάστε τον κώδικα Arduino
Δημιουργήστε, μεταγλωττίστε και ανεβάστε τον κώδικα Arduino
  • Στο Visuino, στο κάτω μέρος κάντε κλικ στην καρτέλα "Build", βεβαιωθείτε ότι έχει επιλεγεί η σωστή θύρα και, στη συνέχεια, κάντε κλικ στο κουμπί "Compile/Build and Upload".

Βήμα 7: Παίξτε

Εάν τροφοδοτήσετε τη μονάδα M5Sticks, η οθόνη θα πρέπει να αρχίσει να εμφανίζει την ώρα.

Συγχαρητήρια! Ολοκληρώσατε το έργο M5Sticks με το Visuino. Επισυνάπτεται επίσης το έργο Visuino, που δημιούργησα για αυτό το Instructable, μπορείτε να το κατεβάσετε εδώ.

Μπορείτε να το κατεβάσετε και να το ανοίξετε στο Visuino:

Βήμα 8: Extra: Simple Trick

Extra: Simple Trick
Extra: Simple Trick
Extra: Simple Trick
Extra: Simple Trick

Μπορείτε να χρησιμοποιήσετε την τρέχουσα ώρα που ήταν στον υπολογιστή σας τη στιγμή που συντάξατε τον κώδικα στο Arduino.

Για να το κάνετε αυτό, απλώς ρίξτε ένα στοιχείο "Compile Date/Time" και συνδέστε το στο "M5 Stack Stick C"> "Real Time Alarm Clock (RTC)" pin [Set]

Μπορείτε να κατεβάσετε το αρχείο Έργου με αυτό το κόλπο εδώ.

Βήμα 9: Στο επόμενο σεμινάριο

Στο επόμενο σεμινάριο θα σας δείξω πώς να φτιάξετε ένα ρολόι Cool Looking όπου μπορείτε να ρυθμίσετε την ώρα χρησιμοποιώντας τα κουμπιά StickC! Μείνετε συντονισμένοι και δείτε τα άλλα μου μαθήματα εδώ.

Συνιστάται: