8x8 Maler - Gunook

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

Ein einfaches Tool zum Erstellen von Grafiken auf einem 8x8 LED-Modul.

Leute - mir geht es schlecht. Nein - wirklich, wirklich schlecht, wenn es um das Zeichnen von Symbolen geht. Besonders das Zeichnen von Icons auf einem 8x8-Raster, wie diese kleinen WEMOS Matrix Displays für einen WEMOS D1. Darüber hinaus scheitere ich es, Zeilen zu zählen und diese in eine binäre Darstellung umzuwandeln.

Also habe ich geschummelt - und dieses kleine Ding namens 8x8-Maler geschaffen.

Schritt 1: Was ist das?

Der ESP8266 hostet eine Webseite, die das 8x8-Raster der Matrixanzeige darstellt – klicken Sie auf einen dieser Punkte und er wird rot/ein, klicken Sie erneut und er wird aus/schwarz. Ihr Display macht dasselbe, sodass Sie Ihre Kunstwerke in Echtzeit auf echter Hardware überprüfen können. Ich bin immer noch scheiße daran, etwas darauf zu zeichnen, aber jetzt weiß ich ziemlich früh, wann ich sauge:)

Auf der rechten Seite des Rasters (auf Ihrem Bildschirm) finden Sie die zum Kopieren und Einfügen bereite Binärdarstellung in Form eines Byte-Arrays (im Programm gespeichert) - greifen Sie es einfach und fügen Sie es in Ihren Code ein. Passen Sie den Array-Namen gerne an, und wenn progmem bei Ihnen nicht funktioniert: das sind 8 Bytes - damit wird Ihr Speicher wahrscheinlich nicht überlastet;)

Schritt 2: Was brauchen Sie?

Dies wurde mit Blick auf einen WEMOS D1 entwickelt, daher benötigen Sie den D1 und einen LOLIN Matrix LED-Schild: D1:

Matrix-LED-Schild:

- das sind keine Affiliate-Links - hier bekomme ich nur meine Sachen. Fühlen Sie sich frei, woanders zu kaufen.

Schritt 3: Software?

Laden Sie das Projekt hier herunter:

Das Projekt wird in zwei Dateien geliefert - eine ist die Skizze, die zweite enthält die Webseite, die Ihr ESP senden wird.

Wenn Sie sich nicht wohl fühlen, eine unbekannte ZIP herunterzuladen: Hier ist die Hauptskizze:

…und die Webseite:

Wenn Sie die ZIP-Datei nicht verwenden: Beide Dateien werden in einen Ordner abgelegt. Der Webpage-Part sollte sich in einer Datei namens "index_html.h" befinden - die Skizze kann beliebig heißen, solange der Ordnername mit dem des INO übereinstimmt. Ja, Arduino…

Schritt 4: Bibliotheken?

Sicher. Zum Kompilieren müssen diese Bibliotheken installiert sein:

WLAN-Manager

..und die Bibliothek für die LED-Matrix: https://github.com/thomasfredericks/wemos_matrix_…..wir werden Sie auffordern, die Adafruit GFX-Bibliothek zu installieren.

Beide (alle drei?) Bibliotheken können über den guten alten Bibliotheksmanager bezogen werden.

Schritt 5: Also - wie bekommen wir dieses Ding zum Laufen?

Nachdem Sie den Code hochgeladen haben, macht Ihr LED-Display eine kleine Animation, die Ihnen mitteilt, dass es sich mit Ihrem Wifi verbinden möchte. Also schnapp dir dein Fone, öffne deine WLAN's - suche nach einem neuen WLAN namens

8x8painter KONFIG

- mit dem neuen WLAN verbinden - Ihr Telefon sollte fragen, ob Sie sich mit diesem WIFI verbinden möchten (sorry, deutsches Telefon hier - nicht sicher, was die englische Nachricht sagt) - tippen Sie darauf. Wenn keine solche Meldung erscheint: Öffnen Sie einen Browser (auf Ihrem Telefon, das mit dem WLAN des ESP verbunden ist) und gehen Sie zu "https://1.2.3.4".

Weißer Bildschirm, große blaue Tasten? Das ist der Wifi-Manager.

Tippen Sie auf "WLAN konfigurieren", wählen Sie Ihr WLAN aus und geben Sie Ihr Passwort ein. Klicken Sie auf Speichern - die Animation sollte anhalten (die Matrix wird schwarz); Der ESP ist jetzt mit Ihrem WLAN verbunden.

Öffnen Sie einen Browser Ihrer Wahl und verwenden Sie diese Adresse:

8x8painter

- das war's: Sie sollten jetzt die Hauptschnittstelle sehen - fröhliches Icon-Building!!

Schritt 6: Notizen

Ich bin nicht nur am Zeichnen von Symbolen scheiße, sondern auch am Kommentieren. Normalerweise setze ich auf ausdrucksstarke Variablennamen - die Skizze sollte also nicht so schwer zu verstehen sein.

Ja, ich liebe meine Funktionen - der einfachste Weg, die Skizze zu lesen, besteht darin, alle zu reduzieren und die einzelnen Funktionen zu überprüfen.

Ich habe einige Serial.print-Anweisungen im Code zum Debuggen belassen - das Überprüfen der seriellen Konsole während der Ausführung kann eine gute Idee sein:)

Die Webseite ist in einem langen String gespeichert - Hölle und Verdammnis - Strings! Wie könnte ich? Nun, ich habe den Platz dafür, ich ändere es überhaupt nicht (Globals From Hell) - also ist es mir egal. Wenn ja: Mach weiter, mach es besser. Das ist das Schöne am Programmieren.

Die Webseite macht so ziemlich alles in JavaScript - sorry dafür; Es war die kompakteste Lösung, die ich finden konnte. Die Kommunikation zwischen ESP und dem Browser könnte mit webSockets viel besser gemacht werden - aber GET-Strings zu machen war das Ding, das mir beim Schreiben in den Sinn kam - denken Sie daran: nie ein laufendes System berühren:)

Die Webseite wurde mit Firefox erstellt - ich bin faul, ich habe chrome/edge/opera/whateverYouUse nicht getestet. Wenn etwas kaputt geht, versuchen Sie es mit Firefox.

2020 von Detlef Amend. Freie Software - viel Spaß damit!!