Растерна анимация на SSD1331 OLED дисплей (SPI) с Visuino: 8 стъпки

2024 Автор: John Day | [email protected]. Последно модифициран: 2024-01-30 07:49

В този урок ще покажем и се движим по растерно изображение в проста форма на анимация на SSD1331 OLED дисплея (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 Components

• Добавете компонент „SSD1331 OLED дисплей (SPI)“
• Добавете 2X "Sine Integer Generator"

Стъпка 5: Във Visuino Set Components

• Изберете „SineIntegerGenerator1“и в прозореца със свойства задайте Амплитуда: 20, Честота (Hz): 0.1, Офсет: 20
• Изберете „SineIntegerGenerator2“и в прозореца със свойства настройте Амплитуда: 10, Честота (Hz): 0.1, Отместване: 10
• Щракнете двукратно върху „DisplayOLED1“и в прозореца с елементи плъзнете „Draw Bitmap“в лявата страна, от лявата страна след това изберете „Draw Bitmap1“и в прозореца със свойства изберете полето „Bitmap“и щракнете върху 3 точки. "Bitmap Editor" щракнете върху бутона "Load" и заредете растерното изображение (Можете да изтеглите тестовото растерно изображение, приложено тук)
• В "Редактор на растерни карти" кликнете върху бутона "Зареждане" и заредете растерната картина (Можете да изтеглите тестовата растрова карта, приложена тук)

• За да анимираме движението на растерни карти, трябва да контролираме свойствата X и Y. За да направим това, ще добавим щифтове към тях: В Инспектора на обекти изберете свойството "X" Щракнете върху бутона "Закрепване" в предната част на имота, От падащия списък изберете "Integer SinkPin" Направете същото за "Y "property Затворете диалоговия прозорец" Elements "Ще видите новите щифтове" X "и" Y ", добавени към елемента" Elements. Draw Bitmap1"

Стъпка 6: Във Visuino Connect Components

• Свържете щифта "SineIntegerGenerator1" [Out] към "DisplayOLED1"> "Draw Bitmap1" pin [X]
• Свържете щифта "SineIntegerGenerator2" [Out] към "DisplayOLED1"> "Draw Bitmap1" pin [Clock]
• Свържете щифта "SineIntegerGenerator2" [Out] към "DisplayOLED1"> "Draw Bitmap1" pin [Y]
• Свържете щифт "DisplayOLED1" [Нулиране] към цифров извод Arduino [9]
• Свържете щифт "DisplayOLED1" [Команда за данни] към цифров щифт на Arduino [9]
• Свържете щифт "DisplayOLED1" [Out SPI] към Arduino pin [SPI In]
• Свържете щифт "DisplayOLED1" [Избор на чип] към цифров щифт на Arduino [7]

Стъпка 7: Генерирайте, компилирайте и качете кода на Arduino

В Visuino, в долната част щракнете върху раздела "Build", уверете се, че е избран правилния порт, след което щракнете върху бутона "Compile/Build and Upload".

Стъпка 8: Играйте

Ако захранвате модула Arduino UNO и OLED дисплея, ще видите растерното изображение, което се движи около OLED дисплея, както се вижда на видеото.

Честито! Завършихте проекта си с Visuino. Приложен е и проектът Visuino, който създадох за тази инструкция, можете да го изтеглите тук и да го отворите във Visuino: