Bitmap animacija na SSD1331 OLED zaslonu (SPI) s Visuinom: 8 koraka

2024 Autor: John Day | [email protected]. Zadnja promjena: 2024-01-30 09:32

U ovom ćemo vodiču prikazati i kretati se po bitmapi u jednostavnom obliku animacije na SSD1331 OLED zaslonu (SPI) s Visuinom.

Gledaj video.

Korak 1: Ono što će vam trebati

• Arduino UNO (ili bilo koji drugi Arduino)
• SSD1331 OLED zaslon (SPI)
• Oglasna ploča
• Kratkospojne žice
• Visuino program: Preuzmite Visuino

Korak 2: Krug

• Priključite pin zaslona [CS] na Arduino digitalni pin [7]
• Priključite pin zaslona [DC] na Arduino digitalni pin [8]
• Spojite pin za prikaz [RES] na Arduino digitalni pin [9]
• Spojite pin za prikaz [SDA] na Arduino digitalni pin [11]
• Spojite pin za prikaz [SCL] na Arduino digitalni pin [13]
• Priključite pin zaslona [VCC] na Arduino pozitivni pin [+5V]
• Spojite pin za prikaz [GND] na Arduino pin za uzemljenje [GND]

Korak 3: Pokrenite Visuino i odaberite vrstu ploče Arduino UNO

Za početak programiranja Arduina morat ćete instalirati Arduino IDE odavde:

Imajte na umu da postoje neke kritične pogreške u Arduino IDE 1.6.6. Obavezno instalirajte 1.6.7 ili noviju verziju, u protivnom ovaj Instructable neće raditi! Ako niste učinili, slijedite korake u ovom Uputu za postavljanje Arduino IDE -a za programiranje Arduino UNO! Visuino: https://www.visuino.eu također je potrebno instalirati. Pokrenite Visuino kao što je prikazano na prvoj slici Pritisnite gumb "Alati" na komponenti Arduino (Slika 1) u Visuinu Kad se pojavi dijaloški okvir, odaberite "Arduino UNO" kao što je prikazano na slici 2

Korak 4: U komponentama Visuino ADD

• Dodajte komponentu "SSD1331 OLED Display (SPI)"
• Dodajte 2X "Sine Integer Generator"

Korak 5: U Visuino komponentama skupa

• Odaberite "SineIntegerGenerator1" i u prozoru svojstava postavite Amplitude: 20, Frequency (Hz): 0.1, Offset: 20
• Odaberite "SineIntegerGenerator2" i u prozoru svojstava postavite Amplitude: 10, Frequency (Hz): 0,1, Offset: 10
• Dvaput kliknite na "DisplayOLED1" i u prozoru elemenata povucite "Draw Bitmap" na lijevu stranu, na lijevoj strani zatim odaberite "Draw Bitmap1", a u prozoru svojstava odaberite "Bitmap" polje i kliknite na 3 točke. "Bitmap Editor" kliknite gumb "Load" i učitajte bitmapu (testnu bitmapu možete preuzeti u privitku ovdje)
• U "Uređivaču bitmapa" kliknite gumb "Učitaj" i učitajte bitmapu (testnu bitmapu možete preuzeti u privitku ovdje)

• Da bismo animirali Bitmap pokret, moramo kontrolirati svojstva X i Y. Da bismo to učinili, dodat ćemo im pribadače: U Inspektoru objekata odaberite svojstvo "X" Kliknite na gumb "Prikvači" ispred svojstva, Na padajućem popisu odaberite "Integer SinkPin" Učinite isto za "Y" "property Zatvorite dijaloški okvir" Elementi "Vidjet ćete nove igle" X "i" Y "dodane elementu" Elements. Draw Bitmap1"

Korak 6: U komponentama Visuino Connect

• Spojite "SineIntegerGenerator1" pin [Out] na "DisplayOLED1"> "Draw Bitmap1" pin [X]
• Spojite "SineIntegerGenerator2" pin [Out] na "DisplayOLED1"> "Draw Bitmap1" pin [Clock]
• Spojite "SineIntegerGenerator2" pin [Out] na "DisplayOLED1"> "Draw Bitmap1" pin [Y]
• Spojite "DisplayOLED1" pin [Reset] na Arduino digitalni pin [9]
• Spojite "DisplayOLED1" pin [Data Command] na Arduino digitalni pin [9]
• Spojite "DisplayOLED1" pin [Out SPI] na Arduino pin [SPI In]
• Spojite "DisplayOLED1" pin [Chip Select] na Arduino digitalni pin [7]

Korak 7: Generirajte, kompajlirajte i prenesite Arduino kôd

U Visuinu pri dnu kliknite karticu "Build", provjerite je li odabran ispravan port, a zatim kliknite gumb "Compile/Build and Upload".

Korak 8: Igrajte se

Ako napajate Arduino UNO modul i OLED zaslon, vidjet ćete da se bitmapa kreće po OLED zaslonu kako se vidi na videu.

Čestitamo! Završili ste svoj projekt s Visuinom. U prilogu je i projekt Visuino koji sam stvorio za ovaj Instructable, možete ga preuzeti ovdje i otvoriti u Visuinu: