Willkommen zurück zum Mini-Slot-Machine-Projekt mit M5StickC Plus2. Im vorherigen Artikel haben wir einige grundlegende Vorgänge behandelt. In diesem Artikel wollen wir etwas Spaß haben – das Bild des Spielautomaten verändern! Der gesamte Vorgang ist dennoch sehr einfach und erfordert keine fortgeschrittenen Programmierkenntnisse. Sie können Ihrem Spielautomaten so viele Bilder hinzufügen, wie Sie möchten. Wie aufregend! Lassen Sie uns eintauchen und gemeinsam Hand anlegen!
Vorbedingung
Softwareabhängigkeit: ArduinoIDE, VScode oder Text usw.
Hardwareanforderungen: USB-C-Kabel, M5StickCPlus2 usw.
Abhängigkeiten: M5StickCPlus2-Bibliothek, Arduino-Bibliothek usw.
Installation der Abhängigkeiten
1、Wählen wir zunächst 1–10 Bilder mit einem sauberen, weißen oder transparenten Hintergrund aus, alle mit der perfekten Größe von 150 x 150 Pixeln.
2、Um das Bild in ein hexadezimales Array im RGB565-Format zu konvertieren (wobei jede 16-Bit-Einheit 0X0000 ist), haben wir zwei Möglichkeiten für Sie! Die erste Methode verwendet Windows und das praktische Tool Lcdimg2. Hier ist der Prozess:
Laden Sie zunächst Lcdimg2 herunter (bei Bedarf finden Sie zahlreiche Tutorials online). Stellen Sie die Bildauflösung auf 48x48 ein (das ergibt 4608 Hex-Einheiten im 0X00-Format). Wir haben ein kleines Programm geschrieben, das diese 4608 Einheiten nimmt und sie umwandelt in 2304 Hex-Einheiten im 0X0000-Format, sodass Sie das RGB565-Format erhalten, das wir brauchen!
3、Die zweite Option ist noch cooler – verwenden Sie einfach ChatGPT! Hier ist der Plan: Laden Sie Ihr Bild hoch und ChatGPT ändert die Größe für Sie auf 150 x 150 Pixel. Anschließend entfaltet es seine Wirkung und gibt das Bild als .C-Datei im RGB565-Format aus, wobei jedes Pixel im Hexadezimalformat 0X0000 vorliegt. Schnell und einfach , und Sie erhalten Ihr Bild in das gewünschte Format konvertiert, ohne einen Finger zu rühren!
4、Sobald wir die .C-Datei mit einer der beiden Methoden generiert haben, verfügen wir über einen sauber strukturierten hexadezimalen Binärdatensatz – genau wie im gezeigten Beispiel. Alles, was wir tun müssen, ist, diese Daten zu kopieren, und schon sind wir bereit für den nächsten Schritt!
5、Wir erstellen eine neue .h-Datei im Bildordner, benennen sie als Namen des Bildes (z. B. Ghostface.h), schreiben den folgenden Code in die Datei und speichern ihn.
6、Öffnen Sie dann unsere Datei „slot_symbols.h“ und geben Sie den folgenden Code ein.
7、Öffnen Sie als Nächstes unsere Projektdatei M5StickCPlus2_slot.ino. Die Ersteinrichtung haben wir bereits besprochen und nun geht es weiter mit der Änderung des Bildes. Die Zahl stellt die hexadezimalen Daten des *slot_symbols-Zeigerarrays für jedes Bild dar. Wenn wir beispielsweise das Ghostface-Bild verwenden und es an der ersten Position platzieren, schreiben Sie im Array symbolIndices die Zahl 0. Warum 0? Denn der Startindex ist 0. Wenn Sie also zwei Bilder haben, schreiben Sie 0 und 1. Wenn drei, dann 0, 1, 2. Beachten Sie, dass es nicht empfehlenswert ist, dieselben Zahlen nebeneinander zu platzieren. und die Werte im symbolIndices-Array müssen innerhalb eines angemessenen Bereichs bleiben.
8、Wenn Sie mehr als ein Bild hinzufügen müssen, befolgen Sie einfach die gleichen Schritte wie zuvor. Sie können insgesamt bis zu 10 Bilder hinzufügen.
Kompilieren und Ausführen
1、Öffnen Sie nach Abschluss der Installation der Abhängigkeiten das heruntergeladene ZIP-Archiv.
2、Verbinden Sie das Plus2 über USB-C mit Ihrem Computer, wählen Sie Extras->Port, um Ihren eigenen Port auszuwählen.
3、Klicken Sie auf „Kompilieren“ und dann auf „Hochladen“, wenn die Kompilierung abgeschlossen ist.
Vorschau auf die nächste Ausgabe
Im nächsten Update werden wir die letzten Verbesserungen am Spielautomaten vornehmen, indem wir vom manuellen zum automatischen Stoppen wechseln. Mit nur einem Tastendruck stoppen die fünf Säulen nacheinander und nach dem Zufallsprinzip, wodurch das Projekt vollständiger wird und dem echten Spielautomaten-Erlebnis viel näher kommt!
