Animație bitmap pe afișaj OLED SSD1331 (SPI) cu Visuino: 8 pași

2025 Autor: John Day | [email protected]. Modificat ultima dată: 2025-01-13 06:58

În acest tutorial vom afișa și deplasa o imagine bitmap într-o formă simplă de animație pe SSD1331 OLED Display (SPI) cu Visuino.

Priveste filmarea.

Pasul 1: De ce veți avea nevoie

• Arduino UNO (sau orice alt Arduino)
• Afișaj OLED SSD1331 (SPI)
• Pană de pâine
• Sârme de jumper
• Programul Visuino: Descărcați Visuino

Pasul 2: Circuitul

• Conectați pinul de afișare [CS] la pinul digital Arduino [7]
• Conectați pinul de afișare [DC] la pinul digital Arduino [8]
• Conectați pinul de afișare [RES] la pinul digital Arduino [9]
• Conectați pinul de afișare [SDA] la pinul digital Arduino [11]
• Conectați pinul de afișare [SCL] la pinul digital Arduino [13]
• Conectați pinul afișajului [VCC] la pinul pozitiv Arduino [+ 5V]
• Conectați pinul de afișare [GND] la pinul de masă Arduino [GND]

Pasul 3: Porniți Visuino și selectați tipul de placa Arduino UNO

Pentru a începe programarea Arduino, va trebui să aveți Arduino IDE instalat de aici:

Vă rugăm să rețineți că există câteva erori critice în Arduino IDE 1.6.6. Asigurați-vă că instalați 1.6.7 sau o versiune ulterioară, în caz contrar acest instructabil nu va funcționa! Dacă nu ați făcut-o, urmați pașii din acest instructabil pentru a configura Arduino IDE pentru a programa Arduino UNO! Visuino: https://www.visuino.eu trebuie, de asemenea, să fie instalat. Porniți Visuino așa cum se arată în prima imagine Faceți clic pe butonul „Instrumente” de pe componenta Arduino (Imaginea 1) în Visuino Când apare dialogul, selectați „Arduino UNO” așa cum se arată în Imaginea 2

Pasul 4: În Visuino ADD Components

• Adăugați componenta „SSD1331 OLED Display (SPI)”
• Adăugați 2x „Generator întreg întreg sinusoidal”

Pasul 5: În setarea componentelor Visuino

• Selectați „SineIntegerGenerator1” și în fereastra de proprietăți setați Amplitudine: 20, Frecvență (Hz): 0,1, Offset: 20
• Selectați „SineIntegerGenerator2” și în fereastra de proprietăți setați Amplitudine: 10, Frecvență (Hz): 0,1, Offset: 10
• Faceți dublu clic pe „DisplayOLED1” și în fereastra elementelor trageți „Draw Bitmap” în partea stângă, în partea stângă, apoi selectați „Draw Bitmap1” și în fereastra de proprietăți selectați câmpul „Bitmap” și faceți clic pe cele 3 puncte. „Bitmap Editor” faceți clic pe butonul „Încărcați” și încărcați bitmap (Puteți descărca bitmap-ul de test atașat aici)
• În „Bitmap Editor” faceți clic pe butonul „Încărcați” și încărcați bitmap-ul (Puteți descărca bitmap-ul de test atașat aici)

• Pentru a anima mișcarea Bitmap, trebuie să controlăm proprietățile X și Y. Pentru a face asta, le vom adăuga pini: în Inspectorul de obiecte selectați proprietatea „X” Faceți clic pe butonul „Pin” din partea din față a proprietății, din lista derulantă selectați „Integer SinkPin” Faceți același lucru pentru „Y” "property Închideți fereastra de dialog" Elements "Veți vedea noile pini" X "și" Y "adăugate la elementul" Elements. Draw Bitmap1"

Pasul 6: În componentele Visuino Connect

• Conectați pinul "SineIntegerGenerator1" [Out] la "DisplayOLED1"> pinul "Draw Bitmap1" [X]
• Conectați pinul "SineIntegerGenerator2" [Out] la "DisplayOLED1"> pinul "Draw Bitmap1" [Ceas]
• Conectați pinul "SineIntegerGenerator2" [Out] la "DisplayOLED1"> pinul "Draw Bitmap1" [Y]
• Conectați pinul "DisplayOLED1" [Resetare] la pinul digital Arduino [9]
• Conectați pinul "DisplayOLED1" [Comandă date] la pinul digital Arduino [9]
• Conectați pinul "DisplayOLED1" [Out SPI] la pinul Arduino [SPI In]
• Conectați pinul "DisplayOLED1" [Chip Select] la pinul digital Arduino [7]

Pasul 7: Generați, compilați și încărcați codul Arduino

În Visuino, în partea de jos faceți clic pe fila „Construiți”, asigurați-vă că este selectat portul corect, apoi faceți clic pe butonul „Compilați / Construiți și încărcați”.

Pasul 8: Joacă

Dacă alimentați modulul Arduino UNO și afișajul OLED, veți vedea Bitmap deplasându-se în jurul afișajului OLED așa cum se vede pe videoclip.

Felicitări! V-ați finalizat proiectul cu Visuino. De asemenea, este atașat proiectul Visuino, pe care l-am creat pentru acest Instructable, îl puteți descărca de aici și îl puteți deschide în Visuino: