Maker.io main logo

Control DC Motor With Encoder Optical Sensor Module FC-03

21

2026-09-04 | By Ron Cutts

License: GNU Lesser General Public License I2C / TWI Microcontrollers Motors Arduino ESP32

In this tutorial, we will learn how to count optical encoder interrupts using a DC motor, OLED display, and Visuino.

Watch the video!

Learn more about Visuino: What is Visuino

What You Will Need

What You Will Need

What You Will Need photo 2

What You Will Need photo 3

What You Will Need photo 4

What You Will Need photo 5

What You Will Need photo 6

What You Will Need photo 7

What You Will Need photo 8

The Circuit

  • Connect OLED Display pin [VCC] to Arduino pin [5V]

  • Connect OLED Display pin [GND] to Arduino pin [GND]

  • Connect OLED Display pin [SCL] to Arduino pin [5V]

  • Connect Encoder FC-03 pin [VCC] to Arduino pin [5V]

  • Connect Encoder FC-03 pin [GND] to Arduino pin [GND]

  • Connect Encoder FC-03 pin [D0] to Arduino digital pin [10]

  • Connect power supply [3-6V] to the DC motor

The Circuit

Start Visuino, and Select the Arduino UNO Board Type

To start programming the Arduino, you will need to have the Arduino IDE installed from here: https://www.arduino.cc/.

Please be aware that there are some critical bugs in Arduino IDE 1.6.6. Make sure that you install 1.6.7 or higher; otherwise, this will not work! If you have not done so, follow the steps to set up the Arduino IDE to program Arduino UNO! The Visuino: https://www.visuino.eu also needs to be installed. 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 in Picture 2

Start Visuino, and Select the Arduino UNO Board Type

Start Visuino, and Select the Arduino UNO Board Type photo 2

In Visuino ADD and Set Components

  • Add "SSD1306/SH1106 OLED Display (I2C)" component

Double click on the "DisplayOLED1" component and:

in the Elements window drag "Draw Text" to the left side, On the Left side select Draw Text1 and in the properties window set size to 2 and text: STEPS

in the Elements window drag "Text Field" to the left side On the Left side select TextField1 and in the properties window set size to 3 and Y:30
Close the elements window

  • Add "Counter" component

Select Counter1 component and in the properties window set Min>Value to 0

In Visuino ADD and Set Components

In Visuino ADD and Set Components photo 2

In Visuino ADD and Set Components photo 3

In Visuino ADD and Set Components photo 4

In Visuino ADD and Set Components photo 5

In Visuino ADD and Set Components photo 6

In Visuino Connect Components

  • Connect Arduino board digital pin [10] to Counter1 pin [In]

  • Connect Counter1 pin [Out] to DisplayOLED1>TextField1 pin[In]

  • Connect DisplayOLED1 I2C pin[Out] to Arduino board pin I2C [In]

In Visuino Connect Components

In Visuino Connect Components photo 2

In Visuino Connect Components photo 3

Generate, Compile, and Upload the Arduino Code

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.

Generate, Compile, and Upload the Arduino Code

Play

If you power the Arduino UNO module, and connect the DC motor to the power supply to run it the OLED Display should will show the number of interuptions (count).

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

Downloads

Have questions or comments? Continue the conversation on TechForum, DigiKey's online community and technical resource.