Bitmap -animasjon på SSD1331 OLED -skjerm (SPI) med Visuino: 8 trinn

2024 Forfatter: John Day | [email protected]. Sist endret: 2024-01-30 11:20

I denne opplæringen vil vi vise og flytte rundt et bitmap -bilde i en enkel form for animasjon på SSD1331 OLED -skjermen (SPI) med Visuino.

Se videoen.

Trinn 1: Det du trenger

• Arduino UNO (eller annen Arduino)
• SSD1331 OLED -skjerm (SPI)
• Brødbrett
• Jumper ledninger
• Visuino -program: Last ned Visuino

Trinn 2: Kretsen

• Koble Display pin [CS] til Arduino digital pin [7]
• Koble Display Pin [DC] til Arduino Digital Pin [8]
• Koble Display pin [RES] til Arduino digital pin [9]
• Koble Display Pin [SDA] til Arduino Digital Pin [11]
• Koble Display Pin [SCL] til Arduino Digital Pin [13]
• Koble Display Pin [VCC] til Arduino positiv pin [+5V]
• Koble Display Pin [GND] til Arduino Ground Pin [GND]

Trinn 3: Start Visuino, og velg Arduino UNO -korttype

For å begynne å programmere Arduino, må du ha Arduino IDE installert herfra:

Vær oppmerksom på at det er noen kritiske feil i Arduino IDE 1.6.6. Sørg for at du installerer 1.6.7 eller nyere, ellers fungerer ikke denne instruksen! Hvis du ikke har gjort det, følg trinnene i denne instruksjonsboken for å konfigurere Arduino IDE for å programmere Arduino UNO! Visuino: https://www.visuino.eu må også installeres. Start Visuino som vist på det første bildet Klikk på "Verktøy" -knappen på Arduino -komponenten (Bilde 1) i Visuino Når dialogboksen vises, velg "Arduino UNO" som vist på Bilde 2

Trinn 4: I Visuino ADD -komponenter

• Legg til "SSD1331 OLED Display (SPI)" -komponent
• Legg til 2X "Sine Integer Generator"

Trinn 5: I Visuino -settkomponenter

• Velg "SineIntegerGenerator1" og sett i vinduet Egenskaper Amplitude: 20, Frequency (Hz): 0.1, Offset: 20
• Velg "SineIntegerGenerator2" og sett i vinduet Egenskaper Amplitude: 10, Frequency (Hz): 0.1, Offset: 10
• Dobbeltklikk på "DisplayOLED1" og i elementvinduet dra "Draw Bitmap" til venstre, velg "Draw Bitmap1" i egenskapsvinduet og klikk på de 3 prikkene. "Bitmap Editor" klikk på "Load" -knappen og last ned bitmap (Du kan laste ned testbitmapet som er vedlagt her)
• I "Bitmap Editor" klikker du på "Load" -knappen og laster bitmap (Du kan laste ned testbitmap vedlagt her)

• For å animere Bitmap -bevegelsen må vi kontrollere X- og Y -egenskapene. For å gjøre det vil vi legge til pins til dem: I Object Inspector velger du "X" -egenskapen Klikk på "Pin" -knappen foran eiendommen, fra rullegardinlisten velger du "Integer SinkPin" Gjør det samme for "Y "eiendom Lukk" Elements "-dialogboksen Du vil se de nye" X " - og" Y "-nålene lagt til elementet" Elements. Draw Bitmap1"

Trinn 6: I Visuino Connect -komponenter

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

Trinn 7: Generer, kompiler og last opp Arduino -koden

I Visuino klikker du på "Build" -fanen nederst, og kontrollerer at den riktige porten er valgt. Klikk deretter på "Compile/Build and Upload" -knappen.

Trinn 8: Spill

Hvis du driver Arduino UNO -modulen og OLED -skjermen, vil du se bitekartet bevege seg rundt OLED -skjermen som sett på videoen.

Gratulerer! Du har fullført prosjektet ditt med Visuino. Vedlagt er også Visuino -prosjektet, som jeg opprettet for denne Instructable, du kan laste det ned her og åpne det i Visuino: