StickC M5Stack Change Brightness of an LED With a Button

In this project we will learn how to Change the LED Brightness with a Button using a M5StickC ESP32 module.

Watch the Video.

Step 1: What You Will Need

• M5StickC ESP32
• LED
• Visuino software: Download Visuino here: https://www.visuino.eu

Step 2: Circuit

Note: it is recommended to add 1k ohm resistor betwen Positive pin and Go pin

• Connect LED negative pin to StickC pin GND
• Connect LED positive pin to StickC pin G0

Step 3: Start Visuino, and Select the M5 Stack Stick C Board Type

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 “M5 Stack Stick C” as shown on Picture 2

Step 4: In Visuino Add & Set Components

    

• Add “Counter” component
• Add “Detect Edge” component
• Add “Integer To Analog” component
• Select “Counter1” and in the properties window: set Max>Value to 10,set Min>Value to 0
• Select “IntegerToAnalog1” and in the properties window set Scale to 0.1

• Select “M5 Stack Stick C” board and in the properties window expand Modules>Display ST7735 and:
  • set Orientation to goRight
  • Select Elements and click on the 3 dots button and in the elements
    • drag “Draw Text:” to the left and in the properties window set size to 2 and text to “DIM LED”
    • drag “Text: Field” to the left and in the properties window set size to 3 and Y to 30
• Close the Elements window

 

Step 5: In Visuino Connect Components

• Connect “M5 Stack Stick C” button pin A(M5) to “DetectEdge1” pin In
• Connect “DetectEdge1” pin Out to “Counter1″pin In
• Connect “Counter1” pin Out to “IntegerToAnalog1” pin In and “M5 Stack Stick C” >Text Field1> pin In
• Connect “IntegerToAnalog1” pin Out to “M5 Stack Stick C” to GPIO[0] pin Analog PWM

Step 5: Generate, Compile, and Upload the 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.

Step 7: Play