Skip to content

ESP32-S3 SPI 3.5" TFT with Touch

1. Introduction

The latest ESP32-S3 SPI TFT touch, features advanced core Xtensa® dual-core 32-bit LX7 and Bluetooth 5.0.Compares to the ESP32-S3 Parallel TFT with Touch, it takes much fewer pins of the ESP32-S3, so more pins can be reserved there, for application usage, such as connecting kinds of sensors, so this board can be used for applications such as local monitoring/display, and IoT connections to the cloud, for remote monitoring/controlling.

This 3.5" 320x480 TFT LCD driver is ILI9488, it uses standard SPI for communication with ESP32-S3, so the other IO of the controller can be used for external applications.

Model:ESP32S3SPI35

2. Feature

  • Wi-Fi (2.4 GHz band)

  • Bluetooth Low Energy

  • Dual high performance Xtensa® 32-bit LX7 CPU cores

  • Ultra Low Power co-processor running either RISC-V or FSM core

  • Multiple peripherals

  • Built-in security hardware

  • USB OTG interface

  • USB Serial/JTAG Controller

  • Arduino Compatible: You can play it with Arduino IDE

  • LCD 3.5 inch Amorphous-TFT-LCD (Thin Film Transistor Liquid Crystal Display) for mobile-phone or handy electrical equipment

  • LCD Driver: ILI9488(SPI)

  • LCD Resolution: 320*480

  • FT6236 Series ICs are single-chip capacitive touch panel controller IC with a built-in 16 bit enhanced Micro-controller unit (MCU)

  • Power supply: 5V, Type-C USB

  • Micro SD card slot on the board

  • Dual USB Type-C: one for native USB and one for USB-to-UART

  • Board size: 66mm * 85mm

3. Usage in Arduino IDE

Note: Don't operate when power supply on

If you not install CP2104 driver on your PC, install CP2104 driver first CP210x Driver

3.1 Software setup

To ensure the running environment, the same version is recommended.

1.Install the Arduino IDE V1.8.19.

2.Install the ESP32 boards supporting V2.0.16

ESP32 install.jpg

3.Click “Tools>Board>Boards Manager” to search for and install the ESP32 library:

esp32 board.png

4.Install LovyanGFX library V0.4.18

  • Click “Tools> Manager Libraries” to search for and install LovyanGFX library.

ESP32S3SPITFTwithTouch3.5ILI9488lovyanGFX.JPG

5.Install Adafruit_SGP30_Sensor library V2.0.3

  • Click “Tools> Manager Libraries” to search for and install Adafruit_SGP30_Sensor library.

Note: If the following prompt appears, click “Install all”.

install all.png

sgp30.png

6.Install DHT_sensor_library V1.4.6

  • Click “Tools> Manager Libraries” to search for and install DHT_sensor_library.

dht.png

7.Select and setting the parameter in the Tools menu, as the picture:

ESP32S3SPITFTwithTouch3.5ILI9488config.jpg

Note: Different PC has different Serial COM number

3.2 Backlight test

This demo implements the screen brightness transformation.

1.You can get the sourve code from GitHub

2.Open the file \backlight

3.Verify it and upload.

ESP32C34.jpg

4.After uploading, reset the ESP32-S3 and you will see the screen brightness changes over time.

You can check if the version of the download library is correct.

QQ截图20240930100722.png

3.3 Image_display

This demo implements the automatic switching of the image display.

1.You can get the sourve code from GitHub

2.Open the file \image_display

3.Download the picture to the SD card.

ESP32S3SPITFTwithTouch3.5ILI9488demo2.JPG

4.Verify it and upload.

ESP32C34.jpg

5.After uploading, reset the ESP32-S3 and you will see the screen will display the picture.

ESP32S3SPITFTwithTouch3.5ILI9488demo2.1.jpg

You can check if the version of the download library is correct.

QQ截图20240930101404.png

3.4 Indoor demo

This routine realizes the detection of temperature, humidity and CO2 gas concentration.

1.You can get the sourve code from GitHub

2.Open the file \indoor

3.Verify it and upload.

ESP32C34.jpg

4.After uploading, reset the ESP32-S3 and you will see the Test data will display on the screen.

ESP32S3SPITFTwithTouch3.5ILI9488demo3.jpg

You can check if the version of the download library is correct.

QQ截图20240930102037.png

3.5 Touch_keyboard demo

In this demo, ESP32-S3 SPI 3.5" TFT with Touch as a USB HID to display the function of the keyboard.

1.You can get the sourve code from GitHub

2.Open the file \touch_keyvborad_V2

  • In the code, you must modify as your own WiFi-Configuration

ESP32S3SPITFTwithTouchILI9488.JPG

3.Verify it and upload.

ESP32C34.jpg

4.After uploading, reset the ESP32-S3 and you can choose which Touch_keyboard to test

You can check if the version of the download library is correct.

QQ截图20240930104622.png

If you want to know more about ESP32-S3 SPI 3.5 TFT with Touch, please click here

4. Usage in VS Code & PlatformIO

Downloaded and installed PlatformIO IDE for VSCode

4.1 Backlight test

This demo implements the screen brightness transformation.

Download and unzip the backlight, open this project by VS Code.

2.png

Waiting for configuration project.

131.png

  • Click "src-->main.cpp".

Verify it and upload.

3.upload1.png

Result

4.2 Image_display

This demo implements the automatic switching of the image display.

Download and unzip the image_display, open this project by VS Code.

2.png

Waiting for configuration project.

131.png

  • Click "src-->main.cpp".

Verify it and upload.

3.upload1.png

Result

ESP32S3SPITFTwithTouch3.5ILI9488demo2.1.jpg

4.3 Indoor demo

This demo realizes the detection of temperature, humidity and CO2 gas concentration.

Download and unzip the indoor, open this project by VS Code.

2.png

Waiting for configuration project.

131.png

  • Click "src-->main.cpp".

Verify it and upload.

3.upload1.png

Result

ESP32S3SPITFTwithTouch3.5ILI9488demo3.jpg

4.4 Touch_keyboard demo

In this demo, ESP32-S3 SPI 3.5" TFT with Touch as a USB HID to display the function of the keyboard.

Download and unzip the touch_keyboard_v2, open this project by VS Code.

2.png

Waiting for configuration project.

131.png

  • Click "src-->main.cpp".

Verify it and upload.

3.upload1.png

Result

5. FAQ

You can list your question here or contact techsupport@makerfabs.com for technology support. Detailed descriptions of your question will be helped to solve your question. - Q: Why the display fails to respond sometimes I touch? - A: The touching interface is loose, please reconnect it.

6. Resources