Bitmap-Animation auf SSD1331 OLED-Display (SPI) mit Visuino - Gunook

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

In diesem Tutorial werden wir ein Bitmap-Bild in einer einfachen Animationsform auf dem SSD1331 OLED Display (SPI) mit Visuino anzeigen und bewegen.

Schau das Video.

Schritt 1: Was Sie brauchen

• Arduino UNO (oder ein anderes Arduino)
• SSD1331 OLED-Display (SPI)
• Steckbrett
• Überbrückungsdrähte
• Visuino-Programm: Visuino herunterladen

Schritt 2: Die Schaltung

• Verbinden Sie den Display-Pin [CS] mit dem Arduino-Digital-Pin [7]
• Verbinden Sie den Display-Pin[DC] mit dem Arduino-Digital-Pin[8]
• Verbinden Sie den Display-Pin [RES] mit dem Arduino-Digital-Pin [9]
• Verbinden Sie den Display-Pin [SDA] mit dem Arduino-Digital-Pin [11]
• Verbinden Sie den Display-Pin [SCL] mit dem Arduino-Digital-Pin [13]
• Verbinden Sie den Display-Pin [VCC] mit dem positiven Arduino-Pin [+5V]
• Verbinden Sie den Display-Pin [GND] mit dem Arduino-Massepin [GND]

Schritt 3: Starten Sie Visuino und wählen Sie den Arduino UNO-Board-Typ aus

Um mit der Programmierung des Arduino zu beginnen, müssen Sie die Arduino-IDE von hier installieren:

Bitte beachten Sie, dass die Arduino IDE 1.6.6 einige kritische Fehler aufweist. Stellen Sie sicher, dass Sie 1.6.7 oder höher installieren, sonst funktioniert dieses Instructable nicht! Wenn Sie dies nicht getan haben, befolgen Sie die Schritte in diesem Instructable, um die Arduino IDE einzurichten, um Arduino UNO zu programmieren! Das Visuino: https://www.visuino.eu muss ebenfalls installiert werden. Starten Sie Visuino wie im ersten Bild gezeigt Klicken Sie auf die Schaltfläche "Tools" auf der Arduino-Komponente (Bild 1) in Visuino Wenn der Dialog erscheint, wählen Sie "Arduino UNO" wie in Bild 2 gezeigt

Schritt 4: In Visuino ADD-Komponenten

• Komponente "SSD1331 OLED Display (SPI)" hinzufügen
• 2X "Sinus Integer Generator" hinzufügen

Schritt 5: In Visuino Set-Komponenten

• Wählen Sie "SineIntegerGenerator1" und stellen Sie im Eigenschaftenfenster Amplitude:20, Frequenz (Hz):0.1, Offset: 20. ein
• Wählen Sie "SineIntegerGenerator2" und stellen Sie im Eigenschaftenfenster Amplitude:10, Frequenz (Hz):0.1, Offset: 10. ein
• Doppelklicken Sie auf das "DisplayOLED1" und ziehen Sie im Elementfenster "Draw Bitmap" auf die linke Seite, auf der linken Seite wählen Sie dann "Draw Bitmap1" und im Eigenschaftenfenster wählen Sie das Feld "Bitmap" und klicken Sie auf die 3 Punkte. In den "Bitmap Editor" klicken Sie auf die Schaltfläche "Laden" und laden Sie die Bitmap (Sie können die Test-Bitmap hier im Anhang herunterladen)
• Klicken Sie im "Bitmap-Editor" auf die Schaltfläche "Laden" und laden Sie die Bitmap (Sie können die angehängte Test-Bitmap hier herunterladen)

• Um die Bitmap-Bewegung zu animieren, müssen wir die X- und Y-Eigenschaften steuern. Dazu fügen wir ihnen Pins hinzu: Wählen Sie im Objektinspektor die Eigenschaft "X"Klicken Sie auf die Schaltfläche "Pin" vor der Eigenschaft. Wählen Sie aus der Dropdown-Liste die "Integer SinkPin" aus. Machen Sie dasselbe für das "Y." "-Eigenschaft Schließen Sie den "Elements"-Dialog Sie sehen die neuen "X"- und "Y"-Pins, die zum Element "Elements. Draw Bitmap1" hinzugefügt wurden

Schritt 6: In Visuino Connect-Komponenten

• Verbinden Sie den "SineIntegerGenerator1"-Pin[Out] mit dem "DisplayOLED1">"Draw Bitmap1"-Pin[X]
• Verbinden Sie den Pin "SineIntegerGenerator2" [Out] mit dem Pin "DisplayOLED1"> "Draw Bitmap1" [Clock]
• Verbinden Sie den Pin "SineIntegerGenerator2" [Out] mit dem Pin "DisplayOLED1"> "Draw Bitmap1" [Y]
• Verbinden Sie den "DisplayOLED1"-Pin [Reset] mit dem Arduino-Digitalpin[9]
• Verbinden Sie den "DisplayOLED1"-Pin [Data Command] mit dem Arduino-Digitalpin[9]
• Verbinden Sie den "DisplayOLED1"-Pin [Out SPI] mit dem Arduino-Pin [SPI In]
• Verbinden Sie den "DisplayOLED1"-Pin [Chip Select] mit dem Arduino-Digitalpin[7]

Schritt 7: Generieren, Kompilieren und Hochladen des Arduino-Codes

Klicken Sie in Visuino unten auf die Registerkarte "Build", stellen Sie sicher, dass der richtige Port ausgewählt ist, und klicken Sie dann auf die Schaltfläche "Compile/Build and Upload".

Schritt 8: Spielen

Wenn Sie das Arduino UNO-Modul und das OLED-Display mit Strom versorgen, sehen Sie, wie sich die Bitmap um das OLED-Display bewegt, wie im Video zu sehen.

Herzliche Glückwünsche! Sie haben Ihr Projekt mit Visuino abgeschlossen. Ebenfalls beigefügt ist das Visuino-Projekt, das ich für dieses Instructable erstellt habe. Sie können es hier herunterladen und in Visuino öffnen: