Using a 2.8in SPI LCD Touchscreen ILI9341 with an ESP32 on the new Arduino IDE 2

Today well be interfacing the 2.8 inch SPI LCD Touchscreen with the ILI9341 chipset to an ESP32 using the new Arduino IDE 2.X Taking advantage of both display and touchscreen features, though well skip the SD card as its just an addon to the board not directly connected to these systems. I have a separate video for SD card interfacing. Out setup will not be powered through the ESP32 so I'm setting up an HW-131, a well known cheap DC power supply for this task.
HiLetgo ILI9341 2.8" SPI TFT LCD Display Touch Panel 240X320 with PCB 5V/3.3V STM32
amzn.to/3LtJIh8
First Ill actually be installing the new IDE version 2.0 because I dont actually have it. Though its much more streamlined than the 1.x series of Arduino IDE. It also allows for a per project board configuration which is quite an improvement over the old version. I make sure that TDT_ESPI library is installed; in my case it is, but the latest should be installed.
Following library installation, some library configurations will be made in support of out device. In particular, setup 42 will be addressed in a few files. Once these changes are made the physical wiring will be made between the two devices as demonstrated in the video. Note I did make a mistake in the wiring, it did work but wasn't ideal and caught an interesting quirk.
In the Arduino IDE I first attempt an easy example under 320x240 to ensure correct operation and wiring of the device, finding quickly a python issue on my system, easily corrected. The next attempt shows the example working correctly. Following this a touchscreen example is loaded for testing, which proves to also work correctly, completing this demonstration.
#esp32 #arduinoide #arduino

[@maxmuster9819]

Well done. Thanks. I use the 3.3V from the ESP32 for the power supply of the display (v1.2), and it works without any issues.

[@retrotechandelectronics]

That’s a lot of current for an esp32 regulator

[@billglass5160]

This video deserves a 5-star rating. I have been trying to function an ESP32 program using the Adafruit_GFX.h, Adafruit_ILI9341.h, and XP2046.h librarys with little success. (The librarys seem to be targeted for the Teensy microcontroller). The Adafruit graphicstest.ino was running at turtle-speed and I had no success for the 320x240 tft display touch function. I then used the tft_espi library to find a working touch function and an extremely fast graphicstest. Very minor modifications to my program were necessary. Very valuable information in this video!!!!!

[@psyience3213]

I recently bought the "UNO R3 2.8 Inches TFT Touch Screen with SD Card Socket" and one major problem was that the header files took up over 50% of the program memory. That left just less than 16k bytes, and I wanted to program up 4 or 5 simple games for it so it REALLY was not a lot of memory left. Sure it's got an sd card slot which is cool for adding sprites and stuff but there isn't a simple way around the lack of program space left over.

[@abrown2637]

You are awesome for putting this info out there, thanks

[@retrotechandelectronics]

Youre welcome

[@sakisv4138]

Bingo, it worked at once, thanks again man you saved a lot of time!

[@retrotechandelectronics]

Glad to help

[@guntherberger493]

Your explanation is fantastic, thanks 1000x from Austria/Europe ! br Günther

[@retrotechandelectronics]

Glad it was helpful!

[@NicholasRadina]

Thank you!! I was stuck until I found your help. Cheers!

[@retrotechandelectronics]

Glad to help

[@NicholasRadina]

Curious if you know what of the LCD pins to GPIO pin designations are able to be changed to other GPIO pins. Thanks for any help!

[@billybbob18]

You can get a 40mhz clock on that display by modding a few lines in the TFT _eSPI library. That combination can give you crazy frame rates.

[@retrotechandelectronics]

At much greater power consumption..

[@lohikarhu734]

I just wondered if you have the project software Listed? Haven't had time to watch the whole video (quite ill, at the moment), sorry if you point to it in the video...

[@-Fritz-]

Exceptionally well done. Thanks.

[@retrotechandelectronics]

Glad you enjoyed it!

[@user-fb4ly6sr3d]

Excellent, thanks for the detailed post

[@retrotechandelectronics]

Glad it was helpful!

[@siewkiawTan]

Hello...i like your video ... i try on a ESP32 WROOM, but e ILI9341 only able to show half screen....i try all TFT_eSPI example all display half screen... do you know how to resolved this?

[@siewkiawTan]

hello... can u help?

[@retrotechandelectronics]

You set for wrong device.... Wrong resolution.

[@billfield8300]

Good demonstration and explanation. You mentioned that the device uses quite a bit of power.. Do you have a value for that? Do you know how much current it draws? That would be helpful for me. I have a datasheet but it is quite lacking in electrical information. Thanks.

[@markuspfaff5504]

good and interesting video, thank you. Is there a way in the parameters that the displayed text on the button can be centered vertically? At the moment it looks like the text is slightly vertically shifted upwards.

[@luckylazer3938]

I’m kinda stuck on a white screen. I followed every step along the way but no luck. I am using a custom pcb with a WROOM-32E

[@retrotechandelectronics]

some of your gpio maybe reserved, verify each and adjust accordingly

[@mpimomimo640]

Please assist i Have a esp32 DA Module with 38 pins and a TFT 240mmx320mm touchscreen , i followed the respective steps on your video, and my screen is just white

[@nathanneisan5697]

nice vids thanks, btw could you help me, mine was having only 3/4 of the screen 1/4 blank i dont know why, when i change the rotation from 1 to 3 it change from left to right what should i do ?

[@santhoshv6284]

Isn't VCC 3.3V? Supplying 5V can possibly damage circuits in the display

[@pbart9821]

This one has resistors to protect it

[@teohjingyang3082]

What if my tft display is a 3.5" 480x320? Are the steps the same? especially those in User_Select_.h files

[@retrotechandelectronics]

You would need to select the line in the config for the appropriate display.

[@JCWren]

Good video, be interested to see what you end up using the touchpad for. One of THE most irritating things about the Arduino/PlatformIO environment is the unnecessary recompilations. 2nd to that is suppressing useful warnings in the name of "ease of use".

[@tookitogo]

The looniest thing is the Arduino IDE 2.0’s way of implementing code auto-completion and error detection: it’s constantly recompiling in the background. So it’s always lagging behind, and it basically can’t keep up with me. (And I am hardly some programming whiz.) I’ve moved completely to PlatformIO.

[@JCWren]

@@tookitogo I haven't looked at 2.0 yet, and it looks like I won't bother to. 2.0 is built on Eclipse, which I've never cared for (buried configuration options, difficult to move projects between machines, etc). I'm a command line kinda guy, and PlatformIO suits me much better. I'll stick with what keeps me productive.

[@tookitogo]

@@JCWren Do you use PlatformIO within Visual Studio Code like most people, or do you run the pure CLI version? (Just curious.)

[@JCWren]

@@tookitogo Pure CLI. I use vim for it's cross-platform portability. Copy my .vimrc file from a Linux, Windows, or Mac machine, and it behaves the same everywhere.

[@retrotechandelectronics]

I was going to use it for the sprinkler project but ended up using the lcd screen and an encoder wheel.

[@billcheung5326]

Great video with good help! Thanks. Can you advise how you decided with wiring of the pinout? Thanks again!

[@retrotechandelectronics]

I read the documentation in TFT_espi

[@jinsoku1911]

​@retrotechandelectronics when you show the star field a capacitor suddenly shows up on the breadboard. What was that for?

[@retrotechandelectronics]

Cap is added on certan esp32 boards to help with brownout condition that may occur across ground and vin. not part of actual project.

[@DmytroSaliy]

Дякую. Відео дуже допомогло.

[@retrotechandelectronics]

Glad it helped.

[@mrblack3020]

I have a blank white screen when i connect my t_clk to pin 18. The screen works with it not pluged in but then i have no touch screen any ideas?

[@j-baz6454]

Great Video, Thanks!

[@retrotechandelectronics]

Glad you enjoyed it!

[@jumbo999614]

Do you tutorial on touch function?

[@jorgezambrano6993]

Hola.. te cuento, tengo la pantalla tft 2.8 y el esp32. pero no logro que funcione el touch. he realizado todo tal cual lo muestras en tu video. 1. #include . 2. #define TOUCH_CS 5 // Chip select pin (T_CS) of touch screen. tal cual quedan abilitado. en cuanto a la pantalla si genera las imagenes correctamente. pero al incluir el programa para la KEYPAD no funcina el touch en el monitor serie solo muestra: 13:42:44.963 -> 8�����1��V(���1�р�. el cableado esta tal cual el video

[@alhasan838]

How can I create an interface with an image matrix

[@Vagubando]

I have letters inverted vertically on such a display. I have tried many libraries, but there is no result. Advise me where to dig ?????

[@retrotechandelectronics]

tft.setRotation(1);

[@Vagubando]

@@retrotechandelectronics Эта команда переворачивает ВЕСЬ экран, а мне надо ТОЛЬКО буквы в тексте. This command turns the WHOLE screen, and I ONLY need letters in the text.

Olá tudo bem não consegui fazer funcionar se poderia fazer mais um vídeo recente

[@user-xe6kg3le1x]

hi. thank for the movie. i do like you. but the display show 80% display. can i help me with that?

[@retrotechandelectronics]

דוגמה עבור צג [320x240], עליך לזכור לבחור מספר 42 ב- 'user.setup.select.h' [240x320].

[@GLOWUPP]

The code plz !!

[@pramagetable]

The code is available when you choose files>examples>tft-espi> and you choose the program you want it opens up and you just have to compile it to make it run😊

[@GLOWUPP]

@@pramagetable bro i graduate 7 months ago 🤣 i needed that for my thesis but it's okay 😅

[@herrkronen9694]

What was that shitty thing with "python" ?? Do I need python in my computer to use the library ?

[@tdmckee-mm8wn]

Libary? Where did the “r” go? Library.

[@retrotechandelectronics]

.

[@InvisiblePinkSoylent]

Jenny don't change your number!

[@retrotechandelectronics]

She wont.

[@Vagubando]

Where is the code ?

[@retrotechandelectronics]

In the examples section of tft_espi

[@appdronemap9475]

tks

[@retrotechandelectronics]

Yw

[@dbjindian]

No code no use

[@retrotechandelectronics]

I’m not sure what that means. Is that a motto?

[@dbjindian]

@@retrotechandelectronics yes