DIY Πώς να φτιάξετε ένα δροσερό ρολόι - StickC - Εύκολο να το κάνετε: 8 βήματα

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

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

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

M5StickC ESP32: μπορείτε να το αποκτήσετε εδώ

Πρόγραμμα Visuino: Κατεβάστε το Visuino

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

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

Ξεκινήστε το Visuino όπως φαίνεται στην πρώτη εικόνα Κάντε κλικ στο κουμπί "Εργαλεία" στο στοιχείο Arduino (Εικόνα 1) στο Visuino Όταν εμφανιστεί το παράθυρο διαλόγου, επιλέξτε "M5 Stack Stick C" όπως φαίνεται στην Εικόνα 2

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

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

9. Κάντε κλικ στο "Πεδίο κειμένου1" στην αριστερή πλευρά για να το επιλέξετε, στη συνέχεια στο παράθυρο "Ιδιότητες" κάντε κλικ στο "Χρώμα" και ορίστε το σε "aclWhite" και κάντε κλικ στο "Συμπλήρωση χρώματος" και ορίστε το σε "aclBlack" (Εσείς αν θέλετε μπορείτε να παίξετε με τα χρώματα)

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

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

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

1. Επιλέξτε το στοιχείο "FormattedTxt1" και στο παράθυρο "Ιδιότητες" ορίστε "Κείμενο" σε:%0:%1:%2
2. Κάντε διπλό κλικ στο στοιχείο "FormattedText1" και στο παράθυρο διαλόγου Elements σύρετε 3x "Στοιχείο κειμένου" προς τα αριστερά
3. Επιλέξτε τον πίνακα "M5 Stack Stick C" και στο παράθυρο "Ιδιότητες" επιλέξτε "Modules"> "Real Time Alarm Clock (RTC)"> "Elements"
4. Κάντε κλικ στο μπλε κουμπί με 3 κουκκίδες και στο παράθυρο διαλόγου Στοιχεία σύρετε "Ορισμός ώρας", "Ορισμός λεπτού" και "Ορισμός δεύτερου" στην αριστερή πλευρά
5. Επιλέξτε στα αριστερά το στοιχείο "Set Hour1" και στο παράθυρο "Properties" ορίστε "Add Value" σε "True" και "Value" σε "1"
6. Επιλέξτε στα αριστερά το στοιχείο "Set Minute1" και κάτω από το παράθυρο "Properties" ορίστε "Add Value" σε "True" και "Value" σε "1"
7. Επιλέξτε στα αριστερά το στοιχείο "Set Second1" και κάτω από το παράθυρο "Properties" ορίστε "Add Value" σε "True" και "Value" σε "1"

Εξήγηση:

"Τιμή" σημαίνει πόσο θέλουμε να προσθέσουμε με κάθε κλικ ενός κουμπιού στην υπάρχουσα ώρα (ώρες, λεπτά ή δευτερόλεπτα) "Προσθήκη αξίας" σημαίνει ότι θέλουμε να προσθέσουμε την τιμή στον υπάρχοντα χρόνο

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

1. Συνδέστε το "M5 Stack Stick C"> Ξυπνητήρι σε πραγματικό χρόνο (RTC)> Καρφίτσωμα [Έξοδο] στο στοιχείο "DecodeDateTime1" [In]
2. Συνδέστε τον ακροδέκτη του στοιχείου "DecodeDateTime1" [ourρα] στον ακροδέκτη "TextElement1" του στοιχείου "FormattedText1" [Σε]
3. Συνδέστε τον ακροδέκτη στοιχείου "DecodeDateTime1" [Minute] με τον ακροδέκτη "TextElement2" του στοιχείου "FormattedText1" [In]
4. Συνδέστε τον ακροδέκτη του στοιχείου "DecodeDateTime1" [Δεύτερο] στον ακροδέκτη "TextElement3" του στοιχείου "FormattedText1" [In]
5. Συνδέστε τον ακροδέκτη "FormattedText1" [Out] στην πλακέτα "M5 Stack Stick C" "Display ST7735"> "Text Field1" pin [In]
6. Συνδέστε το "M5 Stack Stick C"> Κουμπιά "A (M5)" στο "M5 Stack Stick C"> Ξυπνητήρι σε πραγματικό χρόνο (RTC)> Καρφίτσα "Ρύθμιση ώρας 1" [Ρολόι]
7. Συνδέστε το "M5 Stack Stick C"> Κουμπιά "B" στο "M5 Stack Stick C"> Ξυπνητήρι σε πραγματικό χρόνο (RTC)> Καρφίτσα "Set Minute1" [Ρολόι]

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

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

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

Εάν τροφοδοτήσετε τη μονάδα M5Sticks, η οθόνη θα πρέπει να αρχίσει να εμφανίζει την ώρα. Μπορείτε να αλλάξετε την ώρα χρησιμοποιώντας τα κουμπιά "M5" για ώρες και "B" για λεπτά

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

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

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

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