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

2025 Автор: John Day | [email protected]. Последнее изменение: 2025-01-23 15:04

В этом руководстве мы будем отображать и перемещать растровое изображение в простой форме анимации на 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

Чтобы начать программировать 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

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

Шаг 5: Компоненты набора 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

• Подключите вывод [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

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

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

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

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