Ζωγράφος 8x8: 6 Βήματα

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

Ένα απλό εργαλείο για τη δημιουργία γραφικών σε μονάδα LED 8x8.

Παιδιά - είμαι κακός. Όχι - πραγματικά, πολύ άσχημα όταν πρόκειται για σχεδίαση εικονιδίων. Ειδικά σχεδίαση εικονιδίων σε πλέγμα 8x8, όπως αυτές οι μικρές οθόνες WEMOS Matrix για ένα WEMOS D1. Εκτός από αυτό, απομυζώ την καταμέτρηση σειρών και τη μετατροπή αυτών σε δυαδική αναπαράσταση.

Έτσι εξαπάτησα - και δημιούργησα αυτό το μικρό πράγμα που ονομάζεται ζωγράφος 8x8.

Βήμα 1: Τι είναι αυτό;

Το ESP8266 φιλοξενεί μια ιστοσελίδα που αντιπροσωπεύει το πλέγμα 8x8 της οθόνης μήτρας - κάντε κλικ σε μία από αυτές τις κουκκίδες και γίνεται κόκκινη/ενεργοποίηση, κάντε ξανά κλικ και απενεργοποιείται/μαύρο. Η οθόνη σας κάνει το ίδιο πράγμα, ώστε να μπορείτε να δείτε τα έργα τέχνης σας σε πραγματικό χρόνο σε πραγματικό υλικό. Εξακολουθώ να είμαι χάλια να σχεδιάζω οτιδήποτε πάνω σε αυτό, αλλά τώρα ξέρω πολύ νωρίς πότε πιπιλίζω:)

Στη δεξιά πλευρά του πλέγματος (στην οθόνη σας) θα βρείτε τη δυαδική αναπαράσταση αντιγραφής και επικόλλησης με τη μορφή ενός πίνακα byte (αποθηκευμένο στο πρόγραμμα) - απλά αρπάξτε το και επικολλήστε το στον κωδικό σας. Μη διστάσετε να προσαρμόσετε το όνομα του πίνακα και εάν το πρόγραμμα δεν λειτουργεί για εσάς: αυτό είναι 8 byte - οπότε πιθανότατα δεν θα υπερφορτώσει τη μνήμη σας.)

Βήμα 2: Τι χρειάζεστε;

Αυτό έχει σχεδιαστεί με γνώμονα το WEMOS D1, οπότε χρειάζεστε το D1 και μια ασπίδα LED LOLIN Matrix: D1:

Matrix LED Shield:

- αυτοί δεν είναι επικουρικοί σύνδεσμοι - εδώ ακριβώς παίρνω τα πράγματά μου. Μη διστάσετε να αγοράσετε οπουδήποτε αλλού.

Βήμα 3: Λογισμικό;

Κατεβάστε το έργο εδώ:

Το έργο έρχεται σε δύο αρχεία - το ένα είναι το σκίτσο, το δεύτερο περιέχει την ιστοσελίδα που θα στείλει το ESP σας.

Εάν δεν σας βολεύει να κατεβάσετε κάποιο άγνωστο ZIP: εδώ είναι το κύριο σκίτσο:

… Και η ιστοσελίδα:

Εάν δεν χρησιμοποιείτε το ZIP: και τα δύο αρχεία μπαίνουν σε έναν φάκελο. Το Μέρος Ιστοσελίδας πρέπει να βρίσκεται σε ένα αρχείο που ονομάζεται "index_html.h" - το σκίτσο μπορεί να ονομαστεί με τον όρο, αρκεί το όνομα του φακέλου να είναι ίδιο με αυτό του INO. Ναι, Arduino…

Βήμα 4: Βιβλιοθήκες;

Σίγουρος. Για να μεταγλωττίσετε, πρέπει να έχετε εγκαταστήσει αυτές τις βιβλιοθήκες:

Wifi Manager

..και τη βιβλιοθήκη για τη μήτρα LED: https://github.com/thomasfredericks/wemos_matrix_…..που θα σας ζητήσει να εγκαταστήσετε τη βιβλιοθήκη Adafruit GFX.

Και οι δύο (και οι τρεις;) βιβλιοθήκες μπορούν να ληφθούν μέσω του παλιού καλού Διαχειριστή Βιβλιοθηκών.

Βήμα 5: Λοιπόν - Πώς κάνουμε αυτό το πράγμα να λειτουργήσει;

Μετά τη μεταφόρτωση του κώδικα, η οθόνη LED σας κάνει μια μικρή κίνηση - λέγοντάς σας ότι θέλει να συνδεθεί στο Wifi σας. Πιάστε λοιπόν το fone σας, ανοίξτε το WLAN - αναζητήστε ένα νέο WLAN με όνομα

8x8painter CONFIG

- συνδεθείτε στο νέο WLAN - το τηλέφωνό σας πρέπει να σας ρωτήσει, εάν θέλετε να συνδεθείτε σε αυτό το WIFI (συγγνώμη, το γερμανικό fone εδώ - δεν είμαι σίγουρος τι λέει το αγγλικό μήνυμα) - πατήστε αυτό. Εάν δεν εμφανιστεί τέτοιο μήνυμα: ανοίξτε ένα πρόγραμμα περιήγησης (στο τηλέφωνό σας που είναι συνδεδεμένο στο WiFi του ESP) και μεταβείτε στο "https://1.2.3.4".

Λευκή οθόνη, μεγάλα μπλε κουμπιά; Αυτός είναι ο Διαχειριστής Wifi.

Πατήστε "Διαμόρφωση Wifi", επιλέξτε το wifi σας και πληκτρολογήστε τον κωδικό πρόσβασής σας. Πατήστε αποθήκευση - η κίνηση πρέπει να σταματήσει (η μήτρα γίνεται μαύρη). το ESP είναι τώρα συνδεδεμένο στο wifi σας.

Ανοίξτε ένα πρόγραμμα περιήγησης της επιλογής σας και χρησιμοποιήστε αυτήν τη διεύθυνση:

8x8painter

- αυτό είναι: θα πρέπει τώρα να δείτε την κύρια διεπαφή - χαρούμενο κτίριο εικονιδίων !!

Βήμα 6: Σημειώσεις

Όχι μόνο απολαμβάνω να σχεδιάζω εικονίδια - αν και απολαμβάνω να σχολιάζω. Συνήθως πηγαίνω σε εκφραστικά ονόματα μεταβλητών - οπότε το σκίτσο δεν πρέπει να είναι τόσο δύσκολο να ακολουθηθεί.

Ναι, λατρεύω τις λειτουργίες μου - ο ευκολότερος τρόπος για να διαβάσετε το σκίτσο είναι να τα συμπτύξετε όλα και να ελέγξετε τις ξεχωριστές λειτουργίες.

Άφησα κάποιες δηλώσεις Serial.print στον κώδικα για εντοπισμό σφαλμάτων - ο έλεγχος της σειριακής κονσόλας κατά την εκτέλεση μπορεί να είναι καλή ιδέα:)

Η Ιστοσελίδα είναι αποθηκευμένη σε μια μακρά συμβολοσειρά - κόλαση και κατάρα - Χορδές! Πως θα μπορούσα? Λοιπόν, έχω χώρο για αυτό, δεν το αλλάζω καθόλου (Globals From Hell) - οπότε δεν με νοιάζει καθόλου. Αν το κάνετε: προχωρήστε, κάντε το καλύτερο. Αυτή είναι η ομορφιά του προγραμματισμού.

Η Ιστοσελίδα κάνει σχεδόν τα πάντα στο JavaScript - συγνώμη γι 'αυτό. ήταν η πιο συμπαγής λύση που θα μπορούσα να βρω. Η επικοινωνία μεταξύ του ESP και του προγράμματος περιήγησης θα μπορούσε να γίνει πολύ καλύτερα με τα webSockets - αλλά το να κάνω GET -Strings ήταν αυτό που με απασχολούσε ενώ έγραφα - θυμηθείτε: μην αγγίζετε ποτέ ένα λειτουργικό σύστημα:)

Η Ιστοσελίδα δημιουργήθηκε χρησιμοποιώντας τον Firefox - τεμπέλης μου, δεν δοκίμασα το chrome/edge/opera/whatYouUse Αν χαλάσει κάτι.. δοκιμάστε τον Firefox.

2020 από τον Detlef Amend. Δωρεάν Λογισμικό - διασκεδάστε με αυτό !!