Inhoudsopgave:

Bitmap-animatie op SSD1331 OLED-display (SPI) met Visuino - Ajarnpa
Bitmap-animatie op SSD1331 OLED-display (SPI) met Visuino - Ajarnpa

Video: Bitmap-animatie op SSD1331 OLED-display (SPI) met Visuino - Ajarnpa

Video: Bitmap-animatie op SSD1331 OLED-display (SPI) met Visuino - Ajarnpa
Video: Imagine Dragons и JID–"Enemy"(из сериала "Аркейн: League of Legends")| Официальное музыкальное видео 2024, November
Anonim

In deze tutorial zullen we een bitmapafbeelding weergeven en verplaatsen in een eenvoudige vorm van animatie op het SSD1331 OLED-display (SPI) met Visuino.

Bekijk de video.

Stap 1: Wat heb je nodig?

Wat je nodig zult hebben
Wat je nodig zult hebben
Wat je nodig zult hebben
Wat je nodig zult hebben
Wat je nodig zult hebben
Wat je nodig zult hebben
Wat je nodig zult hebben
Wat je nodig zult hebben
  • Arduino UNO (of een andere Arduino)
  • SSD1331 OLED-scherm (SPI)
  • Breadboard
  • Doorverbindingsdraden
  • Visuino-programma: Download Visuino

Stap 2: Het circuit

Het circuit
Het circuit
  • Sluit Display-pin [CS] aan op Arduino digitale pin [7]
  • Sluit Display-pin [DC] aan op Arduino digitale pin [8]
  • Sluit Display pin [RES] aan op Arduino digitale pin [9]
  • Sluit Display-pin [SDA] aan op Arduino digitale pin [11]
  • Sluit Display pin [SCL] aan op Arduino digitale pin [13]
  • Sluit Display-pin [VCC] aan op Arduino positieve pin [+5V]
  • Sluit de displaypin [GND] aan op de Arduino-aardpin [GND]

Stap 3: Start Visuino en selecteer het Arduino UNO-bordtype

Start Visuino en selecteer het Arduino UNO-bordtype
Start Visuino en selecteer het Arduino UNO-bordtype
Start Visuino en selecteer het Arduino UNO-bordtype
Start Visuino en selecteer het Arduino UNO-bordtype

Om te beginnen met het programmeren van de Arduino, moet je de Arduino IDE vanaf hier hebben geïnstalleerd:

Houd er rekening mee dat er enkele kritieke bugs zijn in Arduino IDE 1.6.6. Zorg ervoor dat u 1.6.7 of hoger installeert, anders werkt deze Instructable niet! Als je dat nog niet hebt gedaan, volg dan de stappen in deze Instructable om de Arduino IDE in te stellen om Arduino UNO te programmeren! De Visuino: https://www.visuino.eu moet ook worden geïnstalleerd. Start Visuino zoals weergegeven in de eerste afbeelding Klik op de knop "Tools" op de Arduino-component (Afbeelding 1) in Visuino Wanneer het dialoogvenster verschijnt, selecteer "Arduino UNO" zoals weergegeven op Afbeelding 2

Stap 4: In Visuino Componenten TOEVOEGEN

In Visuino Componenten TOEVOEGEN
In Visuino Componenten TOEVOEGEN
In Visuino Componenten TOEVOEGEN
In Visuino Componenten TOEVOEGEN
  • Component "SSD1331 OLED-display (SPI)" toevoegen
  • Voeg 2X "Sinus Integer Generator" toe

Stap 5: In Visuino Set-componenten

In Visuino Set-componenten
In Visuino Set-componenten
In Visuino Set-componenten
In Visuino Set-componenten
In Visuino Set-componenten
In Visuino Set-componenten
In Visuino Set-componenten
In Visuino Set-componenten
  • Selecteer "SineIntegerGenerator1" en stel in het eigenschappenvenster Amplitude:20, Frequentie (Hz):0.1, Offset: 20 in
  • Selecteer "SineIntegerGenerator2" en stel in het eigenschappenvenster Amplitude:10, Frequentie (Hz):0.1, Offset: 10 in
  • Dubbelklik op de "DisplayOLED1" en sleep in het elementenvenster "Bitmap tekenen" naar de linkerkant, selecteer aan de linkerkant "Bitmap1 tekenen" en selecteer in het eigenschappenvenster het veld "Bitmap" en klik op de 3 stippen. de "Bitmap-editor" klik op de knop "Laden" en laad de bitmap (u kunt de bijgevoegde testbitmap hier downloaden)
  • Klik in de "Bitmap-editor" op de knop "Laden" en laad de bitmap (u kunt de bijgevoegde testbitmap hier downloaden)
  • Om de Bitmap-beweging te animeren, moeten we de X- en Y-eigenschappen beheren. Om dat te doen zullen we er pinnen aan toevoegen: Selecteer in de Object Inspector de eigenschap "X" Klik op de knop "Pin" aan de voorkant van de eigenschap, Selecteer in de vervolgkeuzelijst de "Integer SinkPin" Doe hetzelfde voor de "Y " eigenschap Sluit het dialoogvenster "Elementen" U ziet de nieuwe "X" en "Y" pinnen toegevoegd aan het "Elements. Draw Bitmap1" element

Stap 6: In Visuino Connect-componenten

In Visuino Connect-componenten
In Visuino Connect-componenten
In Visuino Connect-componenten
In Visuino Connect-componenten
  • Verbind "SineIntegerGenerator1" pin [Out] met "DisplayOLED1">"Draw Bitmap1" pin [X]
  • Verbind "SineIntegerGenerator2" pin [Out] met "DisplayOLED1">"Draw Bitmap1" pin [Clock]
  • Verbind "SineIntegerGenerator2" pin [Out] met "DisplayOLED1">"Draw Bitmap1" pin [Y]
  • Verbind "DisplayOLED1" pin [Reset] met Arduino digitale pin [9]
  • Verbind "DisplayOLED1" pin [Data Command] met Arduino digitale pin [9]
  • Verbind "DisplayOLED1" pin [Out SPI] met Arduino pin [SPI In]
  • Verbind "DisplayOLED1" pin [Chip Select] met Arduino digitale pin [7]

Stap 7: Genereer, compileer en upload de Arduino-code

Genereer, compileer en upload de Arduino-code
Genereer, compileer en upload de Arduino-code

Klik in Visuino onderaan op het tabblad "Build", zorg ervoor dat de juiste poort is geselecteerd en klik vervolgens op de knop "Compile/Build and Upload".

Stap 8: Spelen

Als u de Arduino UNO-module en het OLED-scherm van stroom voorziet, ziet u de Bitmap rond het OLED-scherm bewegen, zoals te zien is op de video.

Gefeliciteerd! U heeft uw project met Visuino afgerond. Ook bijgevoegd is het Visuino-project, dat ik voor deze Instructable heb gemaakt, je kunt het hier downloaden en openen in Visuino:

Aanbevolen: