Animacja bitmapowa na wyświetlaczu OLED SSD1331 (SPI) z Visuino: 8 kroków

2025 Autor: John Day | [email protected]. Ostatnio zmodyfikowany: 2025-01-23 15:02

W tym samouczku pokażemy i przeniesiemy obraz bitmapowy w prostej formie animacji na wyświetlaczu OLED SSD1331 (SPI) z Visuino.

Obejrzyj wideo.

Krok 1: Czego będziesz potrzebować

• Arduino UNO (lub dowolne inne Arduino)
• Wyświetlacz OLED SSD1331 (SPI)
• Deska do krojenia chleba
• Przewody połączeniowe
• Program Visuino: Pobierz Visuino

Krok 2: Obwód

• Podłącz pin wyświetlacza [CS] do pinu cyfrowego Arduino[7]
• Podłącz pin wyświetlacza [DC] do pinu cyfrowego Arduino[8]
• Podłącz pin wyświetlacza [RES] do pinu cyfrowego Arduino[9]
• Podłącz pin wyświetlacza [SDA] do pinu cyfrowego Arduino[11]
• Podłącz pin wyświetlacza [SCL] do pinu cyfrowego Arduino[13]
• Podłącz pin wyświetlacza [VCC] do dodatniego pinu Arduino [+5V]
• Podłącz pin wyświetlacza [GND] do pinu uziemienia Arduino [GND]

Krok 3: Uruchom Visuino i wybierz typ płyty Arduino UNO

Aby rozpocząć programowanie Arduino, musisz mieć zainstalowane Arduino IDE stąd:

Należy pamiętać, że w Arduino IDE 1.6.6 występuje kilka krytycznych błędów. Upewnij się, że zainstalowałeś 1.6.7 lub nowszy, w przeciwnym razie ta instrukcja nie będzie działać! Jeśli jeszcze tego nie zrobiłeś, wykonaj czynności opisane w tej instrukcji, aby skonfigurować Arduino IDE do programowania Arduino UNO! Visuino: https://www.visuino.eu również musi być zainstalowane. Uruchom Visuino, jak pokazano na pierwszym obrazku Kliknij przycisk "Narzędzia" na komponencie Arduino (Zdjęcie 1) w Visuino Gdy pojawi się okno dialogowe, wybierz "Arduino UNO", jak pokazano na Zdjęciu 2

Krok 4: W Visuino ADD Components

• Dodaj komponent „SSD1331 Wyświetlacz OLED (SPI)”
• Dodaj 2X „Generator liczb całkowitych sinusoidalnych”

Krok 5: W komponentach zestawu Visuino

• Wybierz "SineIntegerGenerator1" i w oknie właściwości ustaw Amplituda:20, Częstotliwość (Hz):0.1, Offset: 20
• Wybierz "SineIntegerGenerator2" i w oknie właściwości ustaw Amplituda:10, Częstotliwość (Hz):0.1, Przesunięcie: 10
• Kliknij dwukrotnie na "DisplayOLED1" iw oknie elementów przeciągnij "Draw Bitmap" na lewą stronę, po lewej stronie wybierz "Draw Bitmap1" iw oknie właściwości wybierz pole "Bitmap" i kliknij na 3 kropki. w "Edytorze mapy bitowej" kliknij przycisk "Załaduj" i załaduj bitmapę (możesz pobrać testową bitmapę załączoną tutaj)
• W "Edytorze mapy bitowej" kliknij przycisk "Załaduj" i załaduj bitmapę (możesz pobrać testową bitmapę załączoną tutaj)

• Aby animować ruch Bitmapy, musimy kontrolować właściwości X i Y. W tym celu dodamy do nich piny:W Object Inspector wybierz właściwość "X"Kliknij przycisk "Pin" przed właściwością, Z rozwijanej listy wybierz "Integer SinkPin" Zrób to samo dla "Y " właściwość Zamknij okno "Elementy" Zobaczysz nowe piny "X" i "Y" dodane do elementu "Elements. Draw Bitmap1"

Krok 6: W komponentach Visuino Connect

• Połącz pin[Out] „SineIntegerGenerator1” z pinem „DisplayOLED1””>„Rysuj mapę bitową1”[X]
• Połącz pin "SineIntegerGenerator2" [Out] z pinem "DisplayOLED1">"Draw Bitmap1" [Zegar]
• Połącz pin "SineIntegerGenerator2" [Out] z pinem "DisplayOLED1">"Draw Bitmap1" [Y]
• Podłącz pin "DisplayOLED1" [Reset] do pinu cyfrowego Arduino[9]
• Podłącz pin "DisplayOLED1" [polecenie danych] do pinu cyfrowego Arduino[9]
• Podłącz pin "DisplayOLED1" [Out SPI] do pinu Arduino [SPI In]
• Podłącz pin "DisplayOLED1" [Chip Select] do cyfrowego pinu Arduino[7]

Krok 7: Wygeneruj, skompiluj i prześlij kod Arduino

W Visuino, na dole kliknij zakładkę "Build", upewnij się, że wybrany jest właściwy port, a następnie kliknij przycisk "Compile/Build and Upload".

Krok 8: Graj

Jeśli włączysz moduł Arduino UNO i wyświetlacz OLED, zobaczysz mapę bitową poruszającą się po wyświetlaczu OLED, jak widać na wideo.

Gratulacje! Zrealizowałeś swój projekt z Visuino. Dołączony jest również projekt Visuino, który stworzyłem dla tego Instructable, możesz go pobrać tutaj i otworzyć w Visuino: