Tabla de contenido:

Animación de mapa de bits en la pantalla OLED SSD1331 (SPI) con Visuino: 8 pasos
Animación de mapa de bits en la pantalla OLED SSD1331 (SPI) con Visuino: 8 pasos

Video: Animación de mapa de bits en la pantalla OLED SSD1331 (SPI) con Visuino: 8 pasos

Video: Animación de mapa de bits en la pantalla OLED SSD1331 (SPI) con Visuino: 8 pasos
Video: Raspberry Pi Pico en Español || Iconos y Animaciones en Oled || Micropython 9 2025, Enero
Anonim

En este tutorial mostraremos y moveremos una imagen de mapa de bits en una forma simple de animación en la pantalla OLED SSD1331 (SPI) con Visuino.

Ver el vídeo.

Paso 1: lo que necesitará

Que necesitarás
Que necesitarás
Que necesitarás
Que necesitarás
Que necesitarás
Que necesitarás
Que necesitarás
Que necesitarás
  • Arduino UNO (o cualquier otro Arduino)
  • Pantalla OLED SSD1331 (SPI)
  • Tablero de circuitos
  • Cables de puente
  • Programa Visuino: Descarga Visuino

Paso 2: el circuito

El circuito
El circuito
  • Conecte el pin de pantalla [CS] al pin digital Arduino [7]
  • Conecte el pin de pantalla [DC] al pin digital Arduino [8]
  • Conecte el pin de pantalla [RES] al pin digital Arduino [9]
  • Conecte el pin de pantalla [SDA] al pin digital Arduino [11]
  • Conecte el pin de pantalla [SCL] al pin digital Arduino [13]
  • Conecte el pin de pantalla [VCC] al pin positivo de Arduino [+ 5V]
  • Conecte el pin de pantalla [GND] al pin de tierra de Arduino [GND]

Paso 3: Inicie Visuino y seleccione el tipo de placa Arduino UNO

Inicie Visuino y seleccione el tipo de placa Arduino UNO
Inicie Visuino y seleccione el tipo de placa Arduino UNO
Inicie Visuino y seleccione el tipo de placa Arduino UNO
Inicie Visuino y seleccione el tipo de placa Arduino UNO

Para comenzar a programar el Arduino, deberá tener el IDE de Arduino instalado desde aquí:

Tenga en cuenta que hay algunos errores críticos en Arduino IDE 1.6.6. ¡Asegúrese de instalar 1.6.7 o superior, de lo contrario, este Instructable no funcionará! Si no lo ha hecho, siga los pasos de este Instructable para configurar el IDE de Arduino para programar Arduino UNO. Visuino: https://www.visuino.eu también necesita estar instalado. Inicie Visuino como se muestra en la primera imagen Haga clic en el botón "Herramientas" en el componente Arduino (Imagen 1) en Visuino Cuando aparezca el cuadro de diálogo, seleccione "Arduino UNO" como se muestra en la Imagen 2

Paso 4: En Visuino ADD Components

En Visuino ADD Components
En Visuino ADD Components
En Visuino ADD Components
En Visuino ADD Components
  • Agregue el componente "SSD1331 OLED Display (SPI)"
  • Agregue 2X "Generador de enteros sinusoidales"

Paso 5: en los componentes del conjunto de Visuino

En Visuino Establecer componentes
En Visuino Establecer componentes
En Visuino Establecer componentes
En Visuino Establecer componentes
En Visuino Establecer componentes
En Visuino Establecer componentes
En Visuino Establecer componentes
En Visuino Establecer componentes
  • Seleccione "SineIntegerGenerator1" y en la ventana de propiedades configure Amplitude: 20, Frequency (Hz): 0.1, Offset: 20
  • Seleccione "SineIntegerGenerator2" y en la ventana de propiedades configure Amplitude: 10, Frequency (Hz): 0.1, Offset: 10
  • Haga doble clic en "DisplayOLED1" y en la ventana de elementos arrastre "Dibujar mapa de bits" hacia el lado izquierdo, en el lado izquierdo seleccione "Dibujar mapa de bits1" y en la ventana de propiedades seleccione el campo "Mapa de bits" y haga clic en los 3 puntos. el "Editor de mapa de bits", haga clic en el botón "Cargar" y cargue el mapa de bits (puede descargar el mapa de bits de prueba adjunto aquí)
  • En el "Editor de mapa de bits", haga clic en el botón "Cargar" y cargue el mapa de bits (puede descargar el mapa de bits de prueba adjunto aquí)

  • Para animar el movimiento del mapa de bits, necesitamos controlar las propiedades X e Y. Para hacer eso, les agregaremos pines: En el Inspector de Objetos, seleccione la propiedad "X" Haga clic en el botón "Pin" al frente de la propiedad, De la lista desplegable seleccione el "Integer SinkPin" Haga lo mismo para la "Y "propiedad Cerrar el cuadro de diálogo" Elementos "Verá los nuevos pines" X "e" Y "agregados al elemento" Elements. Draw Bitmap1"

Paso 6: en los componentes de Visuino Connect

En componentes de Visuino Connect
En componentes de Visuino Connect
En componentes de Visuino Connect
En componentes de Visuino Connect
  • Conecte el pin [Out] "SineIntegerGenerator1" a "DisplayOLED1"> pin "Draw Bitmap1" [X]
  • Conecte el pin "SineIntegerGenerator2" [Out] a "DisplayOLED1"> pin "Draw Bitmap1" [Reloj]
  • Conecte el pin "SineIntegerGenerator2" [Out] a "DisplayOLED1"> pin "Draw Bitmap1" [Y]
  • Conecte el pin "DisplayOLED1" [Reset] al pin digital Arduino [9]
  • Conecte el pin "DisplayOLED1" [Comando de datos] al pin digital Arduino [9]
  • Conecte el pin "DisplayOLED1" [Out SPI] al pin Arduino [SPI In]
  • Conecte el pin "DisplayOLED1" [Selección de chip] al pin digital Arduino [7]

Paso 7: Genere, compile y cargue el código Arduino

Genere, compile y cargue el código Arduino
Genere, compile y cargue el código Arduino

En Visuino, en la parte inferior, haga clic en la pestaña "Construir", asegúrese de que esté seleccionado el puerto correcto, luego haga clic en el botón "Compilar / Construir y Cargar".

Paso 8: jugar

Si enciende el módulo Arduino UNO y la pantalla OLED, verá el mapa de bits moviéndose alrededor de la pantalla OLED como se ve en el video.

¡Felicidades! Ha completado su proyecto con Visuino. También se adjunta el proyecto Visuino, que creé para este Instructable, puede descargarlo aquí y abrirlo en Visuino: