Arduino Move Text Randomly on SSD1306 OLED Display

by RonFrtek in Circuits > Arduino

176 Views, 2 Favorites, 0 Comments

Arduino Move Text Randomly on SSD1306 OLED Display

Arduino Move Text Randomly on SSD1306 OLED Display

In this tutorial we are going to move a text on the OLED Display to a random position.

Watch the Video!

What You Will Need

oled.jpg
FB48IU6L01BWKAP.jpg
FJRR1KTKV2I5ZUA.jpg
F19QEZ5KK5FQW90.jpg
  • Arduino UNO (or any other Arduino or ESP)
  • OLED Display
  • Jumper wires
  • Breadboard
  • Visuino program: Download Visuino

The Circuit

2022-04-07_21-15-06.jpg
  • Connect OLED Display pin [SCL] to Arduino pin [SCL]
  • Connect OLED Display pin [SDA] to Arduino pin [SDA]
  • Connect OLED Display pin [VCC] to Arduino pin [5v]
  • Connect OLED Display pin [GND] to Arduino pin [GND]

Start Visuino, and Select the Arduino UNO Board Type

FRWQB80K1RVKKV9.LARGE.jpg
Visuino-Select-Board-UNO.jpg

Start Visuino as shown in the first picture Click on the "Tools" button on the Arduino component (Picture 1) in Visuino When the dialog appears, select "Arduino UNO" as shown on Picture 2

In Visuino Add & Set Components

2022-04-07_21-44-35 - Copy.jpg
2022-04-07_21-46-27 - Copy.jpg
2022-04-07_21-48-19 - Copy.jpg
2022-04-07_21-49-44 - Copy.jpg
2022-04-07_21-49-59 - Copy.jpg
2022-04-07_21-54-22 - Copy.jpg
2022-04-07_21-54-46 - Copy.jpg
2022-04-07_21-55-18 - Copy.jpg
2022-04-07_21-55-45.jpg
2022-04-07_22-14-02.jpg
  • Add "Clock Generator" component
  • Add "Clock Multi Source" component
  • Add 2X "Random Integer Generator" component
  • Add "OLED I2C" component
  • Select "ClockMultiSource1" and in the properties window set "Output Pins" to 4
  • Select "RandomIntegerGenerator1" and in the properties window set "Max" to 120
  • Select "RandomIntegerGenerator2" and in the properties window set "Max" to 50
  • Double click on the "DisplayOLED1" and in the "Elements" window:
  • drag "Fill Screen" to the left side
  • drag "Draw Text" to the left side and set in the properties window set "Size" to 2, "Text" to TEXT (Or any other text) and select "X" to and click on the pin icon and select "Integer SinkPin" and select "Y" to and click on the pin icon and select "Integer SinkPin"
  • Close the "Elements" window

In Visuino Connect Components

2022-04-07_22-16-20.jpg
  • Connect "ClockGenerator1" pin [Out] to "ClockMultiSource1" pin [In]
  • Connect "ClockMultiSource1" pin [0] to "DisplayOLED1" > "Fill Screen1" pin [Clock]
  • Connect "ClockMultiSource1" pin [1] to "RandomIntegerGenerator1" pin [Clock]
  • Connect "ClockMultiSource1" pin [2] to "RandomIntegerGenerator2" pin [Clock]
  • Connect "ClockMultiSource1" pin [3] to "DisplayOLED1" > "Draw Text1" pin [Clock]
  • Connect "RandomIntegerGenerator1" pin [Out] to "DisplayOLED1" > "Draw Text1" pin [X]
  • Connect "RandomIntegerGenerator2" pin [Out] to "DisplayOLED1" > "Draw Text1" pin [Y]
  • Connect "DisplayOLED1" I2C pin [Out] to Arduino board I2C pin [In]

Generate, Compile, and Upload the Arduino Code

Visuino-Compile-UNO.jpg

In Visuino, at the bottom click on the "Build" Tab, make sure the correct port is selected, then click on the "Compile/Build and Upload" button.

Play

If you power the Arduino module, The OLED Display will show the Text and change its position every second.

Congratulations! You have completed your project with Visuino. Also attached is the Visuino project, that I created for this tutorial, you can download it and open it in Visuino: https://www.visuino.eu

Downloads

OLED-MOVE-TEXT-RANDOMLY.visuino