![\"Getting](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/03\/Getting-Started-ESP32-Cheap-Yellow-Display-Board-ESP32-2432S028R.jpg?resize=1200%2C675&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nIf you have a standalone TFT Touchscreen Display 2.8 inch with ILI9341 driver, you can follow this getting started guide<\/a>.<\/p>\n\n\n\n The ESP32-2432S028R<\/a> development board has become known in the maker community as the “Cheap Yellow Display<\/em>” or CYD for short. This development board, whose main chip is an ESP32-WROOM-32 module, comes with a 2.8-inch TFT touchscreen LCD, a microSD card interface, an RGB LED, and all the required circuitry to program and apply power to the board.<\/p>\n\n\n This is a very versatile board to build GUIs for your IoT projects and is much more convenient and practical than using a separate ESP32 board with a TFT screen.<\/p>\n\n\n Here’s a list of more detailed specifications of this development board:<\/p>\n\n\n\n In the Extended GPIO connectors, there are at least 4 GPIOs available: GPIO 35, GPIO 22, GPIO 21, and GPIO 27. It also has the TX\/RX pins available (see previous image).<\/p>\n\n\n\n The RGB LED is connected to the following pins: red (GPIO 4), green (GPIO 16), and blue (GPIO 17).<\/p>\n\n\n\n For more information about the Cheap Yellow Display pinout, please check the following guide:<\/p>\n\n\n\n Where to buy?<\/strong><\/p>\n\n\n\n You can click on the link below to check where to buy the ESP32 Cheap Yellow display and its price on different stores.<\/p>\n\n\n\n The ESP32 communicates with the TFT Display and Touchscreen using SPI communication protocol. We’ll be using the TFT_eSPI<\/strong> and XPT2046_Touchscreen<\/strong> libraries.<\/p>\n\n\n\n Open your Arduino IDE and go to Sketch <\/strong>> Include Library<\/strong> > Manage Libraries<\/strong>. The Library Manager should open. Search for TFT_eSPI<\/strong>. Select the TFT_eSPI library by Bodme<\/em>r and install it.<\/p>\n\n\n Open your Arduino IDE and go to Sketch <\/strong>> Include Library<\/strong> > Manage Libraries<\/strong>. The Library Manager should open. Search for XPT2046_Touchscreen<\/strong>. Select the XPT2046_Touchscreen library by Paul Stoffregen<\/em> and install it.<\/p>\n\n\n To properly use the TFT_eSPI library, you need a configuration file called User_Setup.h<\/span> with the right definitions. We’ve already prepared that file so that you don’t have any configuration issues following our examples. You just need to download it and move it to the right folder. Follow the next instructions to learn how to do it.<\/p>\n\n\n\n a) Preparing the Config File – Windows PC<\/a><\/p>\n\n\n\n b) Preparing the Config File – Mac OS<\/a><\/p>\n\n\n\n Having both libraries installed (TFT_eSPI<\/span> and XPT2046_Touchscreen<\/span>), download the User_Setup.h<\/strong> <\/em>configuration file.<\/p>\n\n\n\n In your Arduino IDE, go to File <\/strong>and open the Preferences<\/strong> menu.<\/p>\n\n\n Copy the Arduino IDE “Sketchbook location<\/strong>” path. In my case it’s:<\/p>\n\n\n\n Then, in your Windows PC File Explorer tab enter the sketchbook location path to open the Arduino folder (it’s usually under the Documents <\/em>folder).<\/p>\n\n\n Open the libraries <\/em>folder:<\/p>\n\n\n You should see the TFT_eSPI <\/em>library folder there. Open it.<\/p>\n\n\n You should be in a similar folder path as shown below:<\/p>\n\n\n\n Copy the User_Setup.h<\/em> file provided earlier and replace<\/strong> the existing file.<\/p>\n\n\n IMPORTANT:<\/strong> other User_Setup.h<\/em> available on the internet will probably NOT work with the examples available at Random Nerd Tutorials. You must use the exact User_Setup.h<\/em> file provided in this article.<\/p>\n\n\n\n Having both libraries installed (TFT_eSPI<\/span> and XPT2046_Touchscreen<\/span>), download the User_Setup.h<\/strong> configuration file.<\/p>\n\n\n\n In your Arduino IDE, open the Settings <\/strong>menu.<\/p>\n\n\n Copy the Arduino IDE “Sketchbook location<\/strong>” path. In my case, it’s:<\/p>\n\n\n\n In Finder, type \/Users\/rui\/Documents\/Arduino<\/em> and open that directory.<\/p>\n\n\n Open the libraries <\/em>folder.<\/p>\n\n\n You should see the TFT_eSPI <\/em>library folder there. Open it.<\/p>\n\n\n You should be in a similar folder path as shown below:<\/p>\n\n\n\n Copy the User_Setup.h<\/em> file provided earlier and replace<\/strong> the existing file.<\/p>\n\n\n You should now have the User_Setup.h<\/em> file provided on that path.<\/p>\n\n\n IMPORTANT:<\/strong> other User_Setup.h<\/em> available on the internet will probably NOT work with the examples available at Random Nerd Tutorials. You must use the exact User_Setup.h<\/em> file provided in this article.<\/p>\n\n\n\n The following code displays a simple text in your TFT display and allows you to test the touchscreen. When you press the touchscreen with your finger or pen, it should print the coordinates and pressure.<\/p>\n\n\n\n Copy the following code to the Arduino IDE and upload it to your board.<\/p>\n\n\n View raw code<\/a><\/p>\n\n\n\n Let’s take a quick look at the parts of the code that are relevant to this example.<\/p>\n\n\n\n Include the SPI<\/span>, TFT_eSPI<\/span> and XPT2046_Touchscreen<\/span> libraries.<\/p>\n\n\n\n Create a TFT_eSPI<\/span> instance:<\/p>\n\n\n\n The following lines set the touchscreen pinout:<\/p>\n\n\n\n Create a touchscreenSPI<\/span> and touchscreen<\/span> instances:<\/p>\n\n\n\n Set the screen width, screen height, and font size:<\/p>\n\n\n\n Variables to store the coordinates: (x, y) and pressure (z).<\/p>\n\n\n\n Start a serial communication with the Serial Monitor at a baud rate of 115200:<\/p>\n\n\n\n Start the SPI for the touchscreen and initialize the touchscreen.<\/p>\n\n\n\n Note:<\/strong> in some displays, the touchscreen might be upside down, so you might need to set the rotation to 3: touchscreen.setRotation(3);<\/span><\/p>\n\n\n\n Start the TFT display and set the TFT display rotation in landscape mode.<\/p>\n\n\n\n Set the TFT screen background to white. Then, set the text color to black with white background.<\/p>\n\n\n\n Set X and Y coordinates for the center of the display.<\/p>\n\n\n\n Display two centered welcome messages in the TFT display:<\/p>\n\n\n\n In the loop()<\/span>, it constantly checks if the touchscreen was touched.<\/p>\n\n\n\n When it detects that the touchscreen was touched, it will get the (x,y) coordinates and the pressure (z) from the point.<\/p>\n\n\n\n Call the printTouchToSerial<\/span> and printTouchToDisplay<\/span> functions to print the touchscreen info in the Serial Monitor and TFT display.<\/p>\n\n\n\n The printTouchToSerial()<\/span> function prints touchscreen info about X, Y, and Pressure (Z) on the Serial Monitor.<\/p>\n\n\n\n The printTouchToDisplay()<\/span> function prints touchscreen info about X, Y, and Pressure (Z) on the TFT Display.<\/p>\n\n\n\n Upload the code to your board. Go to Tools <\/strong>> Board <\/strong>and select ESP32 <\/strong>> ESP32 Dev Module<\/strong>. Then, select the right COM port in Tools <\/strong>> Port<\/strong>. Finally, click the upload button.<\/p>\n\n\n After uploading the code to your board, it should display the sample “Hello, world!” text centered at the top. Press the touchscreen with your finger to test it.<\/p>\n\n\n It should print the coordinates: (x, y) and pressure (z) in the TFT display. You should note that this is a 240x320px resistive touchscreen.<\/p>\n\n\n The coordinates and pressure are also printed on the your Arduino IDE serial monitor:<\/p>\n\n\n In this tutorial, you learned how to use the ESP32 Cheap Yellow Display board, a versatile board that comes with a TFT touchscreen display, an ESP-WROOM-32 chip, all the required circuitry to power and upload code to the board, and more. This is a great board to add a graphical user interface to your projects.<\/p>\n\n\n\n If you already have a TFT Touchscreen display<\/a> with ILI9341 driver, you can follow this guide to wire it directly to an ESP32 board<\/a> to control it.<\/p>\n\n\n\n We hope you found this tutorial useful. Here’s a list of other projects\/tutorials you may like:<\/p>\n\n\n\n To learn more about the ESP32, make sure to take a look at our resources:<\/p>\n\n\n\n In this guide, you’ll learn how to get started with the ESP32 Cheap Yellow Display (ESP32-2432S028R). This is a TFT Touchscreen display LCD with an ESP32 development board included. This … <\/p>\nIntroducing the ESP32 Cheap Yellow Display – CYD (ESP32-2432S028R)<\/h2>\n\n\n\n
![\"ESP32](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/03\/ESP32-Cheap-Yellow-Display-CYD-Board-ESP32-2432S028R-front.jpg?resize=750%2C421&quality=100&strip=all&ssl=1\")
<\/a><\/figure><\/div>\n\n\n![\"ESP32](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/03\/ESP32-Cheap-Yellow-Display-CYD-Board-ESP32-2432S028R-back-labeled.jpg?resize=1200%2C609&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n\n
\n
\n
\n
Installing Arduino Libraries<\/h2>\n\n\n\n
Installing the TFT_eSPI Library<\/h4>\n\n\n\n
![\"Installing](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/03\/Installing-TFT_eSPI-library-Bodmer-Arduino-IDE-2.png?resize=306%2C292&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nInstalling the XPT2046_Touchscreen Library<\/h4>\n\n\n\n
![\"Installing](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/03\/Installing-XPT2046_Touchscreen-Library-by-Paul-Stoffregen-Arduino-IDE-2.png?resize=322%2C275&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nPrepare User_Setup.h Config File for TFT_eSPI Library<\/h2>\n\n\n\n
a) Preparing the Config File – Windows PC<\/h3>\n\n\n\n
\n
![\"User_Setup.h](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/03\/User_Setup-file-for-TFT_eSPI-library-Bodmer-Arduino-IDE-2.png?resize=168%2C237&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n![\"Open](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/03\/Open-Arduino-IDE-2-Preferences-Menu-Windows-PC.png?resize=199%2C353&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nC:\\Users\\rui_s\\Documents\\Arduino<\/code><\/pre>\n\n\n![\"Open](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/03\/Open-Sketchbook-Location-Arduino-IDE-2-Browse.png?resize=783%2C485&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n![\"Browse](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/03\/Browse-to-Arduino-libraries-folder-to-copy-lv_conf-file-Arduino-IDE-2.png?resize=448%2C91&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n![\"Open](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/03\/Open-the-Arduino-IDE-2-Libraries-Folder-Windows-PC.png?resize=357%2C69&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n![\"Open](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/03\/Open-TFT_eSPI-folder-libraries-Arduino-IDE-2.png?resize=750%2C556&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nC:\\Users\\rui_s\\Documents\\Arduino\\libraries\\TFT_eSPI<\/code><\/pre>\n\n\n\n![\"Move](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/03\/Move-copy-User_Setup-file-to-TFT_eSPI-library-folder-Arduino-IDE-2.png?resize=948%2C920&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nb) Preparing the Config File – Mac OS<\/h3>\n\n\n\n
\n
![\"Download](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/03\/Download-User_Setup-file-for-TFT_eSPI-library-Bodmer-Arduino-IDE-2.png?resize=221%2C45&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n![\"Open](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/03\/Open-Arduino-IDE-2-Preferences-Menu-Mac-OS.png?resize=398%2C446&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n\/Users\/rui\/Documents\/Arduino<\/code><\/pre>\n\n\n![\"Open](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/03\/Open-Sketchbook-Location-Arduino-IDE-2-Browse-Mac-OS.png?resize=750%2C461&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n![\"Open](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/03\/Open-the-Arduino-IDE-2-Folder-Mac-OS.png?resize=350%2C47&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n![\"Open](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/03\/Open-the-Arduino-IDE-2-Libraries-Folder-Mac-OS.png?resize=900%2C247&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n![\"Open](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/03\/Open-TFT_eSPI-folder-libraries-Arduino-IDE-2-Mac-OS.png?resize=217%2C40&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n\/Users\/rui\/Documents\/Arduino\/libraries\/TFT_eSPI<\/code><\/pre>\n\n\n\n![\"Move](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/03\/Move-copy-User_Setup-file-to-TFT_eSPI-library-folder-Arduino-IDE-2-Mac-OS.png?resize=750%2C395&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n![\"Move](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/03\/Move-User_Setup-file-to-TFT_eSPI-library-folder-Arduino-IDE-2-Mac-OS.png?resize=750%2C378&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nCode – Display Text and Testing the Touchscreen<\/h2>\n\n\n\n
\/* Rui Santos & Sara Santos - Random Nerd Tutorials\n THIS EXAMPLE WAS TESTED WITH THE FOLLOWING HARDWARE:\n 1) ESP32-2432S028R 2.8 inch 240\u00d7320 also known as the Cheap Yellow Display (CYD): https:\/\/makeradvisor.com\/tools\/cyd-cheap-yellow-display-esp32-2432s028r\/\n SET UP INSTRUCTIONS: https:\/\/RandomNerdTutorials.com\/cyd\/\n 2) REGULAR ESP32 Dev Board + 2.8 inch 240x320 TFT Display: https:\/\/makeradvisor.com\/tools\/2-8-inch-ili9341-tft-240x320\/ and https:\/\/makeradvisor.com\/tools\/esp32-dev-board-wi-fi-bluetooth\/\n SET UP INSTRUCTIONS: https:\/\/RandomNerdTutorials.com\/esp32-tft\/\n Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files.\n The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n*\/\n\n#include <SPI.h>\n\n\/* Install the "TFT_eSPI" library by Bodmer to interface with the TFT Display - https:\/\/github.com\/Bodmer\/TFT_eSPI\n *** IMPORTANT: User_Setup.h available on the internet will probably NOT work with the examples available at Random Nerd Tutorials ***\n *** YOU MUST USE THE User_Setup.h FILE PROVIDED IN THE LINK BELOW IN ORDER TO USE THE EXAMPLES FROM RANDOM NERD TUTORIALS ***\n FULL INSTRUCTIONS AVAILABLE ON HOW CONFIGURE THE LIBRARY: https:\/\/RandomNerdTutorials.com\/cyd\/ or https:\/\/RandomNerdTutorials.com\/esp32-tft\/ *\/\n#include <TFT_eSPI.h>\n\n\/\/ Install the "XPT2046_Touchscreen" library by Paul Stoffregen to use the Touchscreen - https:\/\/github.com\/PaulStoffregen\/XPT2046_Touchscreen\n\/\/ Note: this library doesn't require further configuration\n#include <XPT2046_Touchscreen.h>\n\nTFT_eSPI tft = TFT_eSPI();\n\n\/\/ Touchscreen pins\n#define XPT2046_IRQ 36 \/\/ T_IRQ\n#define XPT2046_MOSI 32 \/\/ T_DIN\n#define XPT2046_MISO 39 \/\/ T_OUT\n#define XPT2046_CLK 25 \/\/ T_CLK\n#define XPT2046_CS 33 \/\/ T_CS\n\nSPIClass touchscreenSPI = SPIClass(VSPI);\nXPT2046_Touchscreen touchscreen(XPT2046_CS, XPT2046_IRQ);\n\n#define SCREEN_WIDTH 320\n#define SCREEN_HEIGHT 240\n#define FONT_SIZE 2\n\n\/\/ Touchscreen coordinates: (x, y) and pressure (z)\nint x, y, z;\n\n\/\/ Print Touchscreen info about X, Y and Pressure (Z) on the Serial Monitor\nvoid printTouchToSerial(int touchX, int touchY, int touchZ) {\n Serial.print("X = ");\n Serial.print(touchX);\n Serial.print(" | Y = ");\n Serial.print(touchY);\n Serial.print(" | Pressure = ");\n Serial.print(touchZ);\n Serial.println();\n}\n\n\/\/ Print Touchscreen info about X, Y and Pressure (Z) on the TFT Display\nvoid printTouchToDisplay(int touchX, int touchY, int touchZ) {\n \/\/ Clear TFT screen\n tft.fillScreen(TFT_WHITE);\n tft.setTextColor(TFT_BLACK, TFT_WHITE);\n\n int centerX = SCREEN_WIDTH \/ 2;\n int textY = 80;\n \n String tempText = "X = " + String(touchX);\n tft.drawCentreString(tempText, centerX, textY, FONT_SIZE);\n\n textY += 20;\n tempText = "Y = " + String(touchY);\n tft.drawCentreString(tempText, centerX, textY, FONT_SIZE);\n\n textY += 20;\n tempText = "Pressure = " + String(touchZ);\n tft.drawCentreString(tempText, centerX, textY, FONT_SIZE);\n}\n\nvoid setup() {\n Serial.begin(115200);\n\n \/\/ Start the SPI for the touchscreen and init the touchscreen\n touchscreenSPI.begin(XPT2046_CLK, XPT2046_MISO, XPT2046_MOSI, XPT2046_CS);\n touchscreen.begin(touchscreenSPI);\n \/\/ Set the Touchscreen rotation in landscape mode\n \/\/ Note: in some displays, the touchscreen might be upside down, so you might need to set the rotation to 3: touchscreen.setRotation(3);\n touchscreen.setRotation(1);\n\n \/\/ Start the tft display\n tft.init();\n \/\/ Set the TFT display rotation in landscape mode\n tft.setRotation(1);\n\n \/\/ Clear the screen before writing to it\n tft.fillScreen(TFT_WHITE);\n tft.setTextColor(TFT_BLACK, TFT_WHITE);\n \n \/\/ Set X and Y coordinates for center of display\n int centerX = SCREEN_WIDTH \/ 2;\n int centerY = SCREEN_HEIGHT \/ 2;\n\n tft.drawCentreString("Hello, world!", centerX, 30, FONT_SIZE);\n tft.drawCentreString("Touch screen to test", centerX, centerY, FONT_SIZE);\n}\n\nvoid loop() {\n \/\/ Checks if Touchscreen was touched, and prints X, Y and Pressure (Z) info on the TFT display and Serial Monitor\n if (touchscreen.tirqTouched() && touchscreen.touched()) {\n \/\/ Get Touchscreen points\n TS_Point p = touchscreen.getPoint();\n \/\/ Calibrate Touchscreen points with map function to the correct width and height\n x = map(p.x, 200, 3700, 1, SCREEN_WIDTH);\n y = map(p.y, 240, 3800, 1, SCREEN_HEIGHT);\n z = p.z;\n\n printTouchToSerial(x, y, z);\n printTouchToDisplay(x, y, z);\n\n delay(100);\n }\n}\n<\/code><\/pre>\n\tHow the Code Works<\/h2>\n\n\n\n
Libraries<\/h3>\n\n\n\n
#include <SPI.h>\n#include <TFT_eSPI.h>\n#include <XPT2046_Touchscreen.h><\/code><\/pre>\n\n\n\nInitialize TFT<\/h3>\n\n\n\n
TFT_eSPI tft = TFT_eSPI();<\/code><\/pre>\n\n\n\nInitialize Touchscreen<\/h3>\n\n\n\n
#define XPT2046_IRQ 36\n#define XPT2046_MOSI 32\n#define XPT2046_MISO 39\n#define XPT2046_CLK 25\n#define XPT2046_CS 33<\/code><\/pre>\n\n\n\nSPIClass touchscreenSPI = SPIClass(VSPI);\nXPT2046_Touchscreen touchscreen(XPT2046_CS, XPT2046_IRQ);<\/code><\/pre>\n\n\n\nOther Variables<\/h3>\n\n\n\n
#define SCREEN_WIDTH 320\n#define SCREEN_HEIGHT 240\n#define FONT_SIZE 2<\/code><\/pre>\n\n\n\nint x, y, z;<\/code><\/pre>\n\n\n\nsetup()<\/h3>\n\n\n\n
Serial.begin(115200);<\/code><\/pre>\n\n\n\ntouchscreenSPI.begin(XPT2046_CLK, XPT2046_MISO, XPT2046_MOSI, XPT2046_CS);\ntouchscreen.begin(touchscreenSPI);\ntouchscreen.setRotation(1);<\/code><\/pre>\n\n\n\ntft.init();\ntft.setRotation(1);<\/code><\/pre>\n\n\n\ntft.fillScreen(TFT_WHITE);\ntft.setTextColor(TFT_BLACK, TFT_WHITE);<\/code><\/pre>\n\n\n\nint centerX = SCREEN_WIDTH \/ 2;\nint centerY = SCREEN_HEIGHT \/ 2;<\/code><\/pre>\n\n\n\ntft.drawCentreString(\"Hello, world!\", centerX, 30, FONT_SIZE);\ntft.drawCentreString(\"Touch screen to test\", centerX, centerY, FONT_SIZE);<\/code><\/pre>\n\n\n\nloop()<\/h3>\n\n\n\n
if (touchscreen.tirqTouched() && touchscreen.touched()) {<\/code><\/pre>\n\n\n\nTS_Point p = touchscreen.getPoint();\n\/\/ Calibrate Touchscreen points with map function to the correct width and height\nx = map(p.x, 200, 3700, 1, SCREEN_WIDTH);\ny = map(p.y, 240, 3800, 1, SCREEN_HEIGHT);\nz = p.z;<\/code><\/pre>\n\n\n\nprintTouchToSerial(x, y, z);\nprintTouchToDisplay(x, y, z);<\/code><\/pre>\n\n\n\nprintTouchToSerial()<\/h3>\n\n\n\n
void printTouchToSerial(int touchX, int touchY, int touchZ) {\n Serial.print(\"X = \");\n Serial.print(touchX);\n Serial.print(\" | Y = \");\n Serial.print(touchY);\n Serial.print(\" | Pressure = \");\n Serial.print(touchZ);\n Serial.println();\n}<\/code><\/pre>\n\n\n\nprintTouchToDisplay()<\/h3>\n\n\n\n
void printTouchToDisplay(int touchX, int touchY, int touchZ) {\n \/\/ Clear TFT screen\n tft.fillScreen(TFT_WHITE);\n tft.setTextColor(TFT_BLACK, TFT_WHITE);\n\n int centerX = SCREEN_WIDTH \/ 2;\n int textY = 80;\n \n String tempText = \"X = \" + String(touchX);\n tft.drawCentreString(tempText, centerX, textY, FONT_SIZE);\n\n textY += 20;\n tempText = \"Y = \" + String(touchY);\n tft.drawCentreString(tempText, centerX, textY, FONT_SIZE);\n\n textY += 20;\n tempText = \"Pressure = \" + String(touchZ);\n tft.drawCentreString(tempText, centerX, textY, FONT_SIZE);\n}<\/code><\/pre>\n\n\n\nDemonstration<\/h2>\n\n\n\n
![\"Arduino](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2021\/05\/arduino-ide-2-upload-button.png?resize=36%2C39&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n![\"ESP32](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/03\/ESP32-Cheap-Yellow-Display-CYD-Board-ESP32-2432S028R-Touchscreen-Demonstration.jpg?resize=750%2C422&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n![\"ESP32](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/03\/ESP32-Cheap-Yellow-Display-CYD-Board-ESP32-2432S028R-Touchscreen-Testing.jpg?resize=750%2C422&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n![\"ESP32](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/03\/ESP32-Cheap-Yellow-Display-CYD-Board-ESP32-2432S028R-Touchscreen-Testing-Arduino-IDE-Serial-Monitor.png?resize=784%2C291&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nWrapping Up<\/h2>\n\n\n\n
\n
\n