ESP8266 - Touch Sensor - LED

This tutorial instructs you how to use the ESP8266 and touch sensor to control the LED. We will learn two different applications:

Application 1 - The LED state is synchronized with the touch sensor state. In detail:

ESP8266 turns on the LED when the touch sensor is being touched.
ESP8266 turns off the LED when the touch sensor is NOT being touched.

Application 2 - The LED state is toggled each time the touch sensor is touched. More specifically:

If ESP8266 detects that the touch sensor has been touched (changing from a HIGH state to a LOW state), it will turn ON the LED if it's currently OFF, or turn OFF the LED if it's currently ON.
Releasing the touch sensor does not affect to the LED state.

Hardware Preparation

1	×	ESP8266 NodeMCU
1	×	USB Cable Type-C
1	×	Touch Sensor
1	×	LED Kit with resistor
1	×	LED (red)
1	×	220 ohm resistor
1	×	Breadboard
1	×	Jumper Wires
1	×	(Recommended) Screw Terminal Expansion Board for ESP8266
1	×	(Recommended) Power Splitter For ESP8266 Type-C

Or you can buy the following sensor kits:

1	×	DIYables Sensor Kit (30 sensors/displays)
1	×	DIYables Sensor Kit (18 sensors/displays)

Disclosure: Some of the links provided in this section are Amazon affiliate links. We may receive a commission for any purchases made through these links at no additional cost to you.
Additionally, some of these links are for products from our own brand, DIYables .

Overview of LED and Touch Sensor

If you are unfamiliar with LED and touch sensor (including pinout, operation, and programming), the following tutorials can help:

Wiring Diagram

This image is created using Fritzing. Click to enlarge image

See more in ESP8266's pinout and how to supply power to the ESP8266 and other components.

Application 1 - The LED state is in sync with the touch sensor state

ESP8266 Code

/* * This ESP8266 NodeMCU code was developed by newbiely.com * * This ESP8266 NodeMCU code is made available for public use without any restriction * * For comprehensive instructions and wiring diagrams, please visit: * https://newbiely.com/tutorials/esp8266/esp8266-touch-sensor-led */ #define TOUCH_SENSOR_PIN D7 // The ESP8266 pin D7 connected to touch sensor's pin #define LED_PIN D1 // The ESP8266 pin D1 connected to LED's pin void setup() { Serial.begin(9600); // Initialize the Serial to communicate with the Serial Monitor. pinMode(TOUCH_SENSOR_PIN, INPUT); // Configure the ESP8266 pin to the input mode pinMode(LED_PIN, OUTPUT); // Configure the ESP8266 pin to the output mode } void loop() { int touch_state = digitalRead(TOUCH_SENSOR_PIN); // read new state if (touch_state == HIGH) { Serial.println("The sensor is being touched");; digitalWrite(LED_PIN, HIGH); // turn on } else if (touch_state == LOW) { Serial.println("The sensor is untouched"); digitalWrite(LED_PIN, LOW); // turn off } }

Detailed Instructions

To get started with ESP8266 on Arduino IDE, follow these steps:

Check out the how to setup environment for ESP8266 on Arduino IDE tutorial if this is your first time using ESP8266.
Wire the components as shown in the diagram.
Connect the ESP8266 board to your computer using a USB cable.
Open Arduino IDE on your computer.
Choose the correct ESP8266 board, such as (e.g. NodeMCU 1.0 (ESP-12E Module)), and its respective COM port.
Connect an ESP8266 to your computer with a USB cable.
Launch the Arduino IDE, and select the correct board and port.
Copy the code and open it in the Arduino IDE.
Click the Upload button on the Arduino IDE to compile and upload the code to the ESP8266.

Touch the touch sensor and hold it for a few seconds.
Check out the change in the LED's condition.

You will see that the LED state is in sync with the touch sensor state.

Code Explanation

Check out the line-by-line explanation contained in the comments of the source code!

Application 2 - Touch Sensor toggles LED

ESP8266 Code - Touch Sensor toggles LED

/* * This ESP8266 NodeMCU code was developed by newbiely.com * * This ESP8266 NodeMCU code is made available for public use without any restriction * * For comprehensive instructions and wiring diagrams, please visit: * https://newbiely.com/tutorials/esp8266/esp8266-touch-sensor-led */ #define TOUCH_SENSOR_PIN D7 // The ESP8266 pin D7 connected to touch sensor's pin #define LED_PIN D1 // The ESP8266 pin D1 connected to LED's pin int led_state = LOW; // The current state of LED int prev_touch_state; // The previous state of touch sensor int touch_state; // The current state of touch sensor void setup() { Serial.begin(9600); // Initialize the Serial to communicate with the Serial Monitor. pinMode(TOUCH_SENSOR_PIN, INPUT); // Configure the ESP8266 pin to the input mode pinMode(LED_PIN, OUTPUT); // Configure the ESP8266 pin to the output mode touch_state = digitalRead(TOUCH_SENSOR_PIN); } void loop() { prev_touch_state = touch_state; // save the last state touch_state = digitalRead(TOUCH_SENSOR_PIN); // read new state if (prev_touch_state == LOW && touch_state == HIGH) { Serial.println("The sensor is touched"); // toggle state of LED led_state = !led_state; // control LED according to the toggled state digitalWrite(LED_PIN, led_state); } }

Code Explanation

You can locate the explanation in the comment lines of the ESP8266 code above.

In the code, the expression led_state = !led_state is equal to the following code:

if(led_state == LOW) led_state = HIGH; else led_state = LOW;

Detailed Instructions

Copy the code and open it in the Arduino IDE.
Upload the code to the ESP8266.
Touch and release the touch sensor several times.
Check out the change in the LED's state.

You will see that the LED state is toggled once each time the touch sensor is touched.

Video Tutorial

Learn More

※ OUR MESSAGES

As freelancers, We are AVAILABLE for HIRE. See how to outsource your project to us
Please feel free to share the link of this tutorial. However, Please do not use our content on any other websites. We invested a lot of effort and time to create the content, please respect our work!