Skip to content
Snippets Groups Projects
Name Last commit Last update
src
Pixeldisplay_Breadboard.png
README.md

Pixeldisplay programmieren

Herzlich Willkommen zu diesem Hack'n'Next, hier lernst du, wie du ein kleines 8x8-Pixeldisplay mit Python programmieren kannst.

Bauteile

Um dieses Hack'n'Next basteln zu können benötigst du folgenden Elektronik-Bauteile:

  • Raspberry Pi Pico WH
  • Wemos D1 Mini Matrix LED Shield
  • Breadboard mit 400 Kontakten
  • 5 Jumper-Kabel m2m
  • Batterie-Case für 3 Batterien

Außerdem benötigst du

  • 1 Micro-USB-Kabel zum Verbinden mit einem Computer

Breadboard

Schau dir das Bild genau und stecke die Bauteile, wie im Bild dargstellt auf das Breadboard. Breadboard-Ansicht des Hack'n'Nexts

Installation von Thonny

Als nächsten Schritt benötigst du die Software Thonny. Eine detailierte Anleitung dazu findest du hier

Micropython flashen

  1. Verbinde den Rasperry Pi Pico mit einem USB-Kabel mit dem Computer. Der Raspbbery Pi wird jetzt als Laufwerk angezeigt. Hänge das Laufwerk ein.
  2. Öffne nun Thonny und wähle unter Ausführen den Menüpunkt Den Interpreter auswählen... aus. Wähle als Interpreter nun MicroPython(Raspberry Pi Pico) aus.
  3. Im selben Fenster erschein nun ein Link mit dem Text MicroPython installieren oder aktualisieren.
  4. Unter Target Volume müsste nun schon das Gerät auftauchen.
  5. Wähle unter MicroPython variant nun Raspberry Pi * Pico W / Pico WH aus und klicke auf Installieren.
  6. Warte ein paar Sekunden bis die Installation abgeschlossen ist.

Vorbereitung des Raspberry Pi

Erstelle auf deinem Computer an einer für dich sinnvollen Stelle ein Verzeichnis, wo du deinen Programmcode speichern möchtest. Lade dir nun alle Dateien aus dem src-Verzeichni herunter. Gehe dazu in das src-Verzeichnis und oben rechts auf den blauen Knopf. Wähle dort bei Download this directory den Punkt ZIP aus. Lege das Zip-Archiv nun in das von dir eben erstelle Verzeichnis. Entpacke das Verzeichnis.

Öffne nun dir main.py in Thonny. In der Mitte des Fenster solltest du nun schon einiges an Programm-Code sehen. Im linken Bereich du nun oben die Dateien auf deinem Computer sehen und im unteren Bereich die Dateien auf dem Raspberry Pi.Navigiere im linken oberen Bereich nun zu dem Verzeichnis, das du gerade erstellt hast.

Wähle dort alle Dateien aus und klicke mit der rechten Maustaste darauf und wähle Upload nach /. Damit lädst du alle Dateien auf den Raspberry Pi. Drücke nun auf den grünen Pfeil im oberen Bereich von Thonny oder drücke die Tast F5. Damit wird der Programmcode, den du gerade siehst ausgeführt.

Jetzt sollte auf dem Display schon eine Animation zu sehen sein. Ist dies nich der Fall, überprüfe ob du in den vorherigen Schritten alles richtig gemacht hast.

Wenn dort nun eine Animation zu sehen ist, kannst du selbst mit dem Programmieren beginnen. Stoppe dazu erstmal die Ausführung des Programms, indem du oben den Stop-Knopf auswählst.

Programmierung

Erste Anpassungen am vorhanden Programmcode

Schaue dir den Programmcode mal an. Die ersten 10 Zeilen brauchst du erstmal nicht zu beachten. Beginne zunächsteinmal mit kleinen Anpassungen an dem vorhandenen Code.

Tausche z.B. in Zeile 12 mal den Text HacknNext durch einen eigenen Text aus und führe das Programm erneut aus. Was hat sich verändert?

Ersetze danach mal die Zahlen dahinter und schaue was passiert.

Vielleicht hast du es auch selbst herausfunden. Den Text, den du hier eintippst ist der Text, den hinterher auf dem Display erscheint. Mit der ersten Zahl gib an, wie lange der Text angezeigt werden soll und mit der zweiten kannst du angeben, wie schnell der Text scrollt.

Ersetze jetzt mal in Zeile 13 das Wort 'diamond' durch eines der folgenden Wörter:

  • heart
  • smiley
  • cross
  • diamond
  • r_arrow
  • l_arrow
  • u_arrow
  • d_arrow

Du wirst erkennen, dass nun nach dem Lauftext ein anderes Bild zu sehen sein wird.

Der Ablauf um ein Bild anzuzeigen ist immer derselbe:

pic = get_picture("diamond")
shield.blit(pic)
shield.update()
sleep(1)

Zunächst speicherst du ein Bild in einer Variable, die du frei wählen kannst. In diesem Fall heißt sie pic und du benutzt ein vordefiniertes Bild, welches du mit get_picture in der Variable speicherst. Danach wird das Bild in Speicher des Displays geladen. Mit shield.update() wird das Bild angezeigt. Danach legst du fest, wie lange das Bild angezeigt werden soll.

Eigene Bilder und Animationen

Um eigene Bilder und Animationen zu erstellen, schaue in die Dokumentation zu dem Display, die du hier finden kannst.