Índice:

Animação de bitmap no display OLED SSD1331 (SPI) com Visuino: 8 etapas
Animação de bitmap no display OLED SSD1331 (SPI) com Visuino: 8 etapas

Vídeo: Animação de bitmap no display OLED SSD1331 (SPI) com Visuino: 8 etapas

Vídeo: Animação de bitmap no display OLED SSD1331 (SPI) com Visuino: 8 etapas
Vídeo: OLED Horse Animation | OLED Displays with Arduino - I2C & SPI OLEDs | OLED with Arduino to display 2025, Janeiro
Anonim

Neste tutorial, exibiremos e moveremos uma imagem de bitmap em uma forma simples de animação no SSD1331 OLED Display (SPI) com Visuino.

Assista o vídeo.

Etapa 1: O que você precisa

O que você vai precisar
O que você vai precisar
O que você vai precisar
O que você vai precisar
O que você vai precisar
O que você vai precisar
O que você vai precisar
O que você vai precisar
  • Arduino UNO (ou qualquer outro Arduino)
  • Display OLED SSD1331 (SPI)
  • Tábua de pão
  • Fios de ligação
  • Programa Visuino: Baixe o Visuino

Etapa 2: o circuito

O circuito
O circuito
  • Conecte o pino de exibição [CS] ao pino digital do Arduino [7]
  • Conecte o pino de exibição [DC] ao pino digital do Arduino [8]
  • Conecte o pino de exibição [RES] ao pino digital do Arduino [9]
  • Conecte o pino de exibição [SDA] ao pino digital do Arduino [11]
  • Conecte o pino de exibição [SCL] ao pino digital do Arduino [13]
  • Conecte o pino da tela [VCC] ao pino positivo do Arduino [+ 5V]
  • Conecte o pino de exibição [GND] ao pino de aterramento do Arduino [GND]

Etapa 3: inicie o Visuino e selecione o tipo de placa Arduino UNO

Inicie o Visuino e selecione o tipo de placa Arduino UNO
Inicie o Visuino e selecione o tipo de placa Arduino UNO
Inicie o Visuino e selecione o tipo de placa Arduino UNO
Inicie o Visuino e selecione o tipo de placa Arduino UNO

Para começar a programar o Arduino, você precisará ter o IDE do Arduino instalado aqui:

Esteja ciente de que existem alguns bugs críticos no Arduino IDE 1.6.6. Certifique-se de instalar 1.6.7 ou superior, caso contrário, este Instructable não funcionará! Se você não tiver feito isso, siga as etapas neste Instrutível para configurar o IDE do Arduino para programar o Arduino UNO! O Visuino: https://www.visuino.eu também precisa ser instalado. Inicie o Visuino como mostrado na primeira imagem Clique no botão "Ferramentas" no componente Arduino (Figura 1) no Visuino. Quando a caixa de diálogo aparecer, selecione "Arduino UNO" conforme mostrado na Figura 2

Etapa 4: Componentes ADD no Visuino

No Visuino ADD Components
No Visuino ADD Components
No Visuino ADD Components
No Visuino ADD Components
  • Adicionar componente "SSD1331 OLED Display (SPI)"
  • Adicionar 2X "Sine Integer Generator"

Etapa 5: nos componentes do conjunto Visuino

No Visuino Set Components
No Visuino Set Components
No Visuino Set Components
No Visuino Set Components
No Visuino Set Components
No Visuino Set Components
No Visuino Set Components
No Visuino Set Components
  • Selecione "SineIntegerGenerator1" e na janela de propriedades defina Amplitude: 20, Frequência (Hz): 0,1, Offset: 20
  • Selecione "SineIntegerGenerator2" e na janela de propriedades defina Amplitude: 10, Frequência (Hz): 0,1, Offset: 10
  • Clique duas vezes em "DisplayOLED1" e na janela de elementos arraste "Draw Bitmap" para o lado esquerdo, do lado esquerdo selecione "Draw Bitmap1" e na janela de propriedades selecione o campo "Bitmap" e clique nos 3 pontos. o "Editor de bitmap" clique no botão "Carregar" e carregue o bitmap (você pode baixar o bitmap de teste anexado aqui)
  • No "Editor de bitmap" clique no botão "Carregar" e carregue o bitmap (você pode baixar o bitmap de teste anexado aqui)

  • Para animar o movimento do Bitmap, precisamos controlar as propriedades X e Y. Para fazer isso, adicionaremos pinos a eles: No Object Inspector selecione a propriedade "X" Clique no botão "Pin" na frente da propriedade, na lista suspensa selecione "Integer SinkPin" Faça o mesmo para "Y "propriedade Fechar a caixa de diálogo" Elementos "Você verá os novos pinos" X "e" Y "adicionados ao elemento" Elements. Draw Bitmap1"

Etapa 6: nos componentes do Visuino Connect

Nos componentes do Visuino Connect
Nos componentes do Visuino Connect
Nos componentes do Visuino Connect
Nos componentes do Visuino Connect
  • Conecte o pino "SineIntegerGenerator1" [Out] a "DisplayOLED1"> pino "Desenhar Bitmap1" [X]
  • Conecte o pino "SineIntegerGenerator2" [Out] a "DisplayOLED1"> pino "Desenhar Bitmap1" [Clock]
  • Conecte o pino "SineIntegerGenerator2" [Out] a "DisplayOLED1"> pino "Desenhar Bitmap1" [Y]
  • Conecte o pino "DisplayOLED1" [Reset] ao pino digital do Arduino [9]
  • Conecte o pino "DisplayOLED1" [Comando de dados] ao pino digital do Arduino [9]
  • Conecte o pino "DisplayOLED1" [Out SPI] ao pino Arduino [SPI In]
  • Conecte o pino "DisplayOLED1" [Chip Select] ao pino digital do Arduino [7]

Etapa 7: gerar, compilar e fazer upload do código do Arduino

Gere, compile e carregue o código do Arduino
Gere, compile e carregue o código do Arduino

No Visuino, na parte inferior, clique na guia "Construir", certifique-se de que a porta correta esteja selecionada e, em seguida, clique no botão "Compilar / Construir e Carregar".

Etapa 8: Jogue

Se você ligar o módulo Arduino UNO e o display OLED, verá o bitmap movendo-se ao redor do display OLED como visto no vídeo.

Parabéns! Você concluiu seu projeto com Visuino. Também está em anexo o projeto Visuino, que criei para este Instructable, você pode baixá-lo aqui e abri-lo no Visuino: