Оглавление:

Растровая анимация на OLED-дисплее SSD1331 (SPI) с Visuino: 8 шагов
Растровая анимация на OLED-дисплее SSD1331 (SPI) с Visuino: 8 шагов
Anonim

В этом руководстве мы будем отображать и перемещать растровое изображение в простой форме анимации на OLED-дисплее SSD1331 (SPI) с Visuino.

Смотреть видео.

Шаг 1. Что вам понадобится

Что тебе понадобится
Что тебе понадобится
Что тебе понадобится
Что тебе понадобится
Что тебе понадобится
Что тебе понадобится
Что тебе понадобится
Что тебе понадобится
  • Arduino UNO (или любой другой Arduino)
  • SSD1331 OLED-дисплей (SPI)
  • Макетная плата
  • Провода перемычки
  • Программа Visuino: Скачать Visuino

Шаг 2: Схема

Схема
Схема
  • Подключите вывод дисплея [CS] к цифровому выводу Arduino [7].
  • Подключите вывод дисплея [DC] к цифровому выводу Arduino [8].
  • Подключите вывод дисплея [RES] к цифровому выводу Arduino [9].
  • Подключите вывод дисплея [SDA] к цифровому выводу Arduino [11].
  • Подключите вывод дисплея [SCL] к цифровому выводу Arduino [13].
  • Подключите вывод дисплея [VCC] к положительному выводу Arduino [+ 5V].
  • Подключите вывод дисплея [GND] к контакту заземления Arduino [GND].

Шаг 3. Запустите Visuino и выберите тип платы Arduino UNO

Запустите Visuino и выберите тип платы Arduino UNO
Запустите Visuino и выберите тип платы Arduino UNO
Запустите Visuino и выберите тип платы Arduino UNO
Запустите Visuino и выберите тип платы Arduino UNO

Чтобы начать программировать Arduino, вам потребуется установить Arduino IDE отсюда:

Имейте в виду, что в Arduino IDE 1.6.6 есть несколько критических ошибок. Убедитесь, что вы установили 1.6.7 или выше, иначе это руководство не будет работать! Если вы еще не сделали, следуйте инструкциям в этом Руководстве, чтобы настроить Arduino IDE для программирования Arduino UNO! Также необходимо установить Visuino: https://www.visuino.eu. Запустите Visuino, как показано на первом рисунке. Нажмите кнопку «Инструменты» на компоненте Arduino (рисунок 1) в Visuino. Когда появится диалоговое окно, выберите «Arduino UNO», как показано на рисунке 2.

Шаг 4: в компонентах Visuino ADD

В компонентах Visuino ADD
В компонентах Visuino ADD
В компонентах Visuino ADD
В компонентах Visuino ADD
  • Добавить компонент "Дисплей SSD1331 OLED (SPI)"
  • Добавить 2X "Генератор синусоидальных целых чисел"

Шаг 5: Компоненты набора Visuino

Компоненты набора Visuino
Компоненты набора Visuino
Компоненты набора Visuino
Компоненты набора Visuino
Компоненты набора Visuino
Компоненты набора Visuino
Компоненты набора Visuino
Компоненты набора Visuino
  • Выберите «SineIntegerGenerator1» и в окне свойств установите Amplitude: 20, Frequency (Hz): 0.1, Offset: 20
  • Выберите «SineIntegerGenerator2» и в окне свойств установите амплитуду: 10, частоту (Гц): 0,1, смещение: 10.
  • Дважды щелкните «DisplayOLED1» и в окне элементов перетащите «Рисовать растровое изображение» влево, с левой стороны выберите «Нарисовать растровое изображение1» и в окне свойств выберите поле «Растровое изображение» и нажмите на 3 точки. в «Редакторе растровых изображений» нажмите кнопку «Загрузить» и загрузите растровое изображение (вы можете скачать прикрепленное здесь тестовое растровое изображение)
  • В «Редакторе растровых изображений» нажмите кнопку «Загрузить» и загрузите растровое изображение (вы можете скачать прикрепленное здесь тестовое растровое изображение)

  • Чтобы анимировать движение Bitmap, нам нужно управлять свойствами X и Y. Для этого мы добавим к ним булавки: в Object Inspector выберите свойство «X», нажмите кнопку «Pin» перед свойством, в раскрывающемся списке выберите «Integer SinkPin». Сделайте то же самое для «Y». Свойство "Закройте диалоговое окно" Элементы ". Вы увидите новые булавки" X "и" Y ", добавленные к элементу" Elements. Draw Bitmap1"

Шаг 6. В компонентах Visuino Connect

В компонентах Visuino Connect
В компонентах Visuino Connect
В компонентах Visuino Connect
В компонентах Visuino Connect
  • Подключите вывод [Out] «SineIntegerGenerator1» к выводу «DisplayOLED1»> «Draw Bitmap1» [X]
  • Подключите вывод «SineIntegerGenerator2» [Out] к выводу «DisplayOLED1»> «Draw Bitmap1» [Clock]
  • Подключите вывод «SineIntegerGenerator2» [Out] к выводу «DisplayOLED1»> «Draw Bitmap1» [Y]
  • Подключите вывод DisplayOLED1 [Reset] к цифровому выводу Arduino [9].
  • Подключите вывод DisplayOLED1 [Data Command] к цифровому выводу Arduino [9].
  • Подключите вывод DisplayOLED1 [Out SPI] к выводу Arduino [SPI In].
  • Подключите вывод «DisplayOLED1» [Chip Select] к цифровому выводу Arduino [7].

Шаг 7: сгенерируйте, скомпилируйте и загрузите код Arduino

Сгенерируйте, скомпилируйте и загрузите код Arduino
Сгенерируйте, скомпилируйте и загрузите код Arduino

В Visuino внизу щелкните вкладку «Сборка», убедитесь, что выбран правильный порт, затем нажмите кнопку «Скомпилировать / построить и загрузить».

Шаг 8: Играйте

Если вы включите модуль Arduino UNO и OLED-дисплей, вы увидите, как растровое изображение перемещается по OLED-дисплею, как показано на видео.

Поздравляю! Вы завершили свой проект с Visuino. Также прилагается проект Visuino, который я создал для этого Instructable, вы можете скачать его здесь и открыть в Visuino: