ElectroBlocks-archive-sept-2025/C2/Control-RGB-LED-with-Push-button/English

Title of the Script: Control RGB LED with Push button

Author: Pratik Nemane

Keywords: Electroblocks, arduino board, 220 ohm resistor, RGB LED, breadboard, Push button, video tutorial, spoken tutorial.

Visual Cue	Narration
Slide 1 Title Slide	Welcome to the Spoken Tutorial on Control RGB LED with Push Button using Electroblocks.
Slide 2 Learning Objectives	In this tutorial, we will learn how to, Build a set of blocks to create a Control RGB LED with Push button. Check the output of the experiment using the simulator.
Slide 3 System requirement	To record this tutorial, I am using Ubuntu Linux OS v22.04 Google Chrome Browser A working internet connection to use Electroblocks.
Slide 4 Prerequisite	To follow this tutorial, Learner should have a basic knowledge of Electroblocks interface
Type https://electroblocks.org/ Highlight the link in the search tab https://electroblocks.org/	Let us open the Electroblocks platform using Google Chrome browser. In the address bar, type this URL and press Enter. You will see the default Blink LED circuit on the screen.
Click on the New File/Blank file option to open a new blank file.	Let us open a new file.
Click on the code option available on the left hand side of the screen. Drag and drop the setup block to a convenient place to the working area. Highlight setup block	Click on the Code option available on the left panel of the screen. Drag and drop the Setup block in the working area. This block will execute only once during runtime.
Click on Variables Click on the Create number variable option. Point to pop up window Type Count in pop up window Click on the ok button.	Click on the Variables option from the left panel of your screen. Now click the Create Number Variable option. A pop-up window will appear on the screen. Type Count as the variable name. Click the OK button to continue.
Highlight the two new generated blocks in the list. Click in the working area Point to the variable block. Point to variable number block. Click on the variable number block and change the number to 0.	You will see the two variable blocks generated in the list. Click on the working area to close the list. In the working area, a variable block is generated inside the Setup block. By default the variable value is set to 33. Click on the variable number block and change the number to 0.
Click on Logic Block Select If then block, and place this block in the loop block.	Click on the Logic option. Click on the If then block and place this block inside the loop block.
Click on Sensor A new list will appear. Click on the Button option.	Let us add a button to control the RGB LED. Click on the Sensors menu on the left panel. A new list opens. Click on the Button option.
Select the Button setup block and drag it to the working area.	Select the Button setup block and drag it to the working area.
Point towards “Connected to PIN#”	By default, this button is connected to pin 2 of Arduino.
Point to Copy All option. Check the Copy All checkbox.	Click on the checkbox against the Copy all option in the Button setup block It ensures that button setup remains unchanged throughout the simulation process.
Click on the Button option. Drag the Button is pressed block and place it in the If section of the If then block.	Click on the Button option from the list Drag the Button is pressed block, place it in the If section of the If then block.
Only narration Click on the variable option and select the number count equal to 10 block. Place this block in the then section of the if then block. Point to default value . Drag and drop the number block to the dustbin area.	Let's add a variable block to update the variable value. Click on the variables option and select the number count equal to 10 block. Place this block in the then section of the if then block. Here the default value of the variable is 10. Drag and drop the number block to the dustbin to delete the block.
Click on the Math option. Drag Return the sum of the two numbers block and place it inside the number count variable block. (where 10 was removed)	Click on the Math option. Drag and place the third block in the number count variable block.
Delete the first number block. 1+ 1	Delete the first number block from the arithmetic math block.
Click on the Variable option. Drag and drop the Count block in the arithmetic math block.	Click on the Variables option. Drag and drop the count block in the first section of the arithmetic math block.
Point to dropdown option Point to plus option	By default the plus option is selected in the block. It indicates that the addition operation will be performed with this block.
Point to the arithmetic block	The overall setup of this block is designed to increment the variable value by 1.
Select If then block, and drag it to the working area. Place this block inside the loop block.	From the Logic option, drag and drop the If then block in the working area. Place the If then block below the number count = count + 1 block.
Only narration. Click on the Logic option available on the left hand Side of the screen. Point to third block(= Return true if both inputs equal each other) Select the comparison block. Place this block in the if section of the if then block.	Let us add a comparison block to compare button count value. Click on the Logic option. The third block represents the Comparison block Select the Comparison block. Place this block in the if section of the if then block.
Only narration Click on the variable option. Drag the count block to the working area. Place this block in the first section of the comparison logic block.	Let us add a count block. Click on the Variables option. Select the count block and drag it in the first section of the comparison block.
Click on the math option Select the first block and place this block in the second section of the comparison block	Now, click on the Math option. Select the first block and move it to the second section of the comparison block.
Click on the number block and change to 1.	By default the number is set to 123. Double click on the value and change this value to 1.
Only Narration. Click on Add-ons. A new list appears. Click on the RGB LED option. Click on the Setup RGB LED block and drag it to the working area.	Let us add a RGB LED to the circuit. Click on the Add-ons menu from the left panel. Click on the RGB LED option from the list. Select the Setup RGB LED block and drag it to the working area. The Setup RGB LED block is used to configure a RGB LED in the circuit.
Highlight setup RGB block Red LED is connected to pin 11 of the arduino. Green LED is connected to pin 10 of the arduino. Blue LED is connected to pin 9 of the arduino. Point to RGB LED on simulation window	Observe the LEDs connected to their respectives pins. The RGB LED appears on the simulation window on the right side of the screen.
Click on the RGB LED option. Click the Set RGB LEDs colour block Place this block in the then section of the If then block. Point to if then block.	Click on the RGB LED option. Select the Simple RGB LEDs colour block. Drag and place this block inside then block. This setup indicates that if the count is 1, then the red led of RGB will turn on.
Highlight the entire set of blocks for count 2 and count 3	Similarly, design the blocks for the following conditions: For count 2, GREEN LED will turn ON. For count 3, the BLUE LED will turn ON. Pause the video and set-up the blocks in order as shown here. Hint - Duplicate the count and RGB LED block placed inside the if then block.
Add number count equal to zero block. Click on Variables, select Number count =10 block Place it under the blue RGB block. Change 10 to 0.	Notice that I have added the number count equal to zero block below the Blue colour RGB LED block. This condition resets the counter to zero.
Use wait block to give 1 second delay In the left panel,go to Time option. Select wait for 0.2 seconds block and place it inside the main if then block. Change the value to 1.	We will keep the LED turned ON for 1 second. Use the wait block to give a 1 second delay.
Click on Sensor option. Click on the Button option. Select the “Button is Released” block and drag it to the working area. Place this block below the wait for 1 second block.	Let's add a Release button block in the loop. Click on the Sensors menus and select the Button option. Select the Button is Released block and place it below the wait block.
Only narration. Right click on the Simple RGB LEDs colour block. Select the Duplicate option. Drag and place this block below the Button is released block. Select the black colour to turn off the LED	Let us add Turn off the RGB LED block. Duplicate the Simple RGB led block and place it below the button release block. Change the colour of the LED to black to turn OFF the RGB LED.
Click on the code section. Highlight void setup function	Click on the Code section. Here, the RGB LED connected to arduino pins are defined. Also the variable for the counter is defined and set to 0. The void setup function defines the push button and RGB LED as INPUT and OUTPUT components.
Highlight void loop Highlight if condition	Let us understand the void loop function. Whenever the push button is pressed, the counter value increases by 1. And this new value will be stored as a counter. For counter = 1 condition, RGB led emits red colour for 1 second. For counter = 2 condition, RGB led emits green colour for 1 second. For counter = 3 condition, RGB led emits blue colour for 1 second. After this condition, the counter gets reset to 0 again. Click on the Home option to start the simulation.
Click on the Play button	Click on the Play button to start the simulation.
Point to simulation window.	The visual representation of the simulation shows that: When the button is pressed for the first time, the red LED turns ON for 1 second and then turns OFF. When the button is pressed for the second time, the green LED turns ON for 1 second and then turns OFF. When the button is pressed for the third time, the blue LED turns ON for 1 second and then turns OFF.
Slide 5 Summary In this tutorial, we will learnt how To build a set of blocks to Control the RGB LED with push button. To check the output of an experiment using a simulator.	This brings us to the end of this tutorial. Let us summarise.
Slide 6 Assignment When you press the button for the, Fourth time, blue LED has to turn on and turn off Fifth time, green LED has to turn on and turn off. Sixth time, red LED has to turn on and turn off.	As an assignment, please do the following
Point to the output of the assignmentAdd the Assignment video.mp4 in the main video	Notice the output of the assignment.
Slide 7 Thank you	Thank you for watching.

Contributors and Content Editors

Ketkinaina, Madhurig, Nirmala Venkat