Sommario:

Animazione bitmap su display OLED SSD1331 (SPI) con Visuino: 8 passaggi
Animazione bitmap su display OLED SSD1331 (SPI) con Visuino: 8 passaggi

Video: Animazione bitmap su display OLED SSD1331 (SPI) con Visuino: 8 passaggi

Video: Animazione bitmap su display OLED SSD1331 (SPI) con Visuino: 8 passaggi
Video: OLED Horse Animation | OLED Displays with Arduino - I2C & SPI OLEDs | OLED with Arduino to display 2025, Gennaio
Anonim

In questo tutorial mostreremo e sposteremo un'immagine bitmap in una semplice forma di animazione sul display OLED SSD1331 (SPI) con Visuino.

Guarda il video.

Passaggio 1: cosa ti servirà

Cosa ti servirà
Cosa ti servirà
Cosa ti servirà
Cosa ti servirà
Cosa ti servirà
Cosa ti servirà
Cosa ti servirà
Cosa ti servirà
  • Arduino UNO (o qualsiasi altro Arduino)
  • Display OLED SSD1331 (SPI)
  • tagliere
  • Ponticelli
  • Programma Visuino: Scarica Visuino

Passaggio 2: il circuito

Il circuito
Il circuito
  • Collega il pin Display[CS] al pin digitale Arduino[7]
  • Collega il pin Display[DC] al pin digitale Arduino[8]
  • Collega il pin Display[RES] al pin digitale Arduino[9]
  • Collega il pin Display[SDA] al pin digitale Arduino[11]
  • Collega il pin Display[SCL] al pin digitale Arduino[13]
  • Collega il pin del display [VCC] al pin positivo di Arduino [+5V]
  • Collega il pin del display [GND] al pin di massa di Arduino [GND]

Passaggio 3: avviare Visuino e selezionare il tipo di scheda Arduino UNO

Avvia Visuino e seleziona il tipo di scheda Arduino UNO
Avvia Visuino e seleziona il tipo di scheda Arduino UNO
Avvia Visuino e seleziona il tipo di scheda Arduino UNO
Avvia Visuino e seleziona il tipo di scheda Arduino UNO

Per iniziare a programmare Arduino, dovrai installare l'IDE Arduino da qui:

Tieni presente che ci sono alcuni bug critici in Arduino IDE 1.6.6. Assicurati di installare 1.6.7 o versioni successive, altrimenti questo Instructable non funzionerà! Se non lo hai fatto, segui i passaggi in questo Instructable per configurare l'IDE Arduino per programmare Arduino UNO! Deve essere installato anche il Visuino: https://www.visuino.eu. Avvia Visuino come mostrato nella prima immagine Fare clic sul pulsante "Strumenti" sul componente Arduino (Immagine 1) in Visuino Quando viene visualizzata la finestra di dialogo, selezionare "Arduino UNO" come mostrato in Figura 2

Passaggio 4: in Visuino ADD Components

In Visuino ADD Components
In Visuino ADD Components
In Visuino ADD Components
In Visuino ADD Components
  • Aggiungi il componente "Display OLED SSD1331 (SPI)"
  • Aggiungi 2X "Generatore di numeri interi sinusoidali"

Passaggio 5: nei componenti del set Visuino

Componenti del set di Visuino
Componenti del set di Visuino
Componenti del set di Visuino
Componenti del set di Visuino
Componenti del set di Visuino
Componenti del set di Visuino
Componenti del set di Visuino
Componenti del set di Visuino
  • Selezionare "SineIntegerGenerator1" e nella finestra delle proprietà impostare Amplitude:20, Frequency (Hz):0.1, Offset: 20
  • Selezionare "SineIntegerGenerator2" e nella finestra delle proprietà impostare Amplitude:10, Frequency (Hz):0.1, Offset: 10
  • Fare doppio clic su "DisplayOLED1" e nella finestra degli elementi trascinare "Draw Bitmap" sul lato sinistro, sul lato sinistro quindi selezionare "Draw Bitmap1" e nella finestra delle proprietà selezionare il campo "Bitmap" e fare clic sui 3 punti. il "Bitmap Editor" clicca sul pulsante "Load" e carica la bitmap (puoi scaricare la bitmap di prova allegata qui)
  • Nell'"Editor bitmap" fare clic sul pulsante "Carica" e caricare la bitmap (è possibile scaricare la bitmap di prova allegata qui)

  • Per animare il movimento Bitmap, dobbiamo controllare le proprietà X e Y. Per farlo aggiungeremo loro dei pin: In Object Inspector seleziona la proprietà "X" Fai clic sul pulsante "Pin" davanti alla proprietà, Dall'elenco a discesa seleziona "Integer SinkPin" Fai lo stesso per la "Y " proprietà Chiudi la finestra di dialogo "Elementi" Vedrai i nuovi pin "X" e "Y" aggiunti all'elemento "Elements. Draw Bitmap1"

Passaggio 6: nei componenti di Visuino Connect

Nei componenti di Visuino Connect
Nei componenti di Visuino Connect
Nei componenti di Visuino Connect
Nei componenti di Visuino Connect
  • Collega "SineIntegerGenerator1" pin[Out] a "DisplayOLED1">"Draw Bitmap1" pin[X]
  • Collegare il pin "SineIntegerGenerator2" [Out] a "DisplayOLED1"> pin "Draw Bitmap1" [Clock]
  • Collega il pin "SineIntegerGenerator2" [Out] al pin "DisplayOLED1"> "Draw Bitmap1" [Y]
  • Collega il pin "DisplayOLED1" [Reset] al pin digitale Arduino[9]
  • Collega il pin "DisplayOLED1" [Data Command] al pin digitale Arduino[9]
  • Collega il pin "DisplayOLED1" [Out SPI] al pin Arduino [SPI In]
  • Collega il pin "DisplayOLED1" [Chip Select] al pin digitale Arduino[7]

Passaggio 7: genera, compila e carica il codice Arduino

Genera, compila e carica il codice Arduino
Genera, compila e carica il codice Arduino

In Visuino, in basso, fai clic sulla scheda "Build", assicurati che sia selezionata la porta corretta, quindi fai clic sul pulsante "Compila/Crea e carica".

Passaggio 8: gioca

Se accendi il modulo Arduino UNO e il display OLED vedrai la Bitmap muoversi attorno al display OLED come mostrato nel video.

Congratulazioni! Hai completato il tuo progetto con Visuino. In allegato anche il progetto Visuino, che ho creato per questo Instructable, potete scaricarlo qui e aprirlo in Visuino: