Simple ILI9341 LCD Display With ESP32 Dev Module Step By Step

Подписаться 10 тыс.

Просмотров 45 тыс.

50% 1

Simple ILI9341 LCD Display With ESP32 Dev Module Step By Step.
A friend of the channel has an interesting project, a pinball machine that he is refurbishing. They want to use various display boards and dev modules to dress things up with cool images and flashy text. But they have questions about this ILI9341 display panel. So let's make this ILI9341 play nice with the ESP32 dev module. I didn't have either of these on hand, so my friend bought me a few coffees to defray the cost. Thanks for that. These arrived quickly Now I can begin to work with them. When you look at the ILI9341, it is actually three different devices or modules on one board. For those of you that are familiar with my channel, you know I like to focus on succeeding at something simple first, before going to something more complex. This is my advice to anyone new to this hobby or each time you start to work on something unfamiliar to you. Succeed at something simple first, then build on that success. We will only be wiring the display this time around to keep things simple.
ShotokuTech / ILI9341_Images_and_GIFs
github.com/Sho...
New! "Getting Started with ESP32 and the ILI9341 TFT LCD Display"
• Getting Started with E...
As an Amazon associate I earn from qualifying purchases at no additional cost to you.
HiLetgo ESP-WROOM-32 ESP32 ESP-32S Development Board
amzn.to/3hnjLCU
HiLetgo 2.4" SPI TFT LCD Display 2.4 Inch ILI9341 Touch Panel
amzn.to/3UzkFdV

Опубликовано:

7 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 96

@ShotokuTech Год назад

New! "Getting Started with ESP32 and the ILI9341 TFT LCD Display" ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-HG0u4Y8KGFM.html

@kumaraliyanage8629 Год назад

''Succeed at something simple first then build on that success'' that gonna be the Quote of the year and you damn know it

@st-storytime4889 Год назад

Great! It is a good approach to things because you will never be afraid to learn something new. Best wishes.

@vick3394 2 года назад

The advice to hold down the Boot button when uploading and then press the EN button to initiate the program is wonderful. Thank you.

@ShotokuTech 2 года назад

Great! Thanks.

@mrbeer8626 Месяц назад

Thanks 🙏

@ShotokuTech Месяц назад

Thanks! Best wishes.

@MrBobWareham 10 месяцев назад

Yes please I would love to see a full tutorial on the IL19341 LCD module as I have one that I can't get to work with my ESP32, and it's a good display., cheers Bob in the UK

@ShotokuTech 10 месяцев назад

Hello. I have a whole playlist for the ILI9341. Start with this one? ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-HG0u4Y8KGFM.html

@Nordic_Goon Год назад

This is the exact combo I already have laying around. Trying to get a project done using this screen, the same esp32, and a rotary encoder setup as an HID device for a CNC pendant. Just learning my way around squareline studio and figuring out how to get it all working together so I can move on to designing the pendent enclosure etc.

@ShotokuTech Год назад

Sounds interesting. Best wishes.

@melanatedmoms5161 2 года назад

Thank you! Step by step is so helpful. I am an beginner and sometimes struggle with this coding stuff. I am trying to help my kids make a digital frame as a mother's day gift for grandma. This tutorial provided everything needed to make it happen.

@ShotokuTech 2 года назад

Great. That's my approach here. Show people how to get started with something. Your idea sounds great and the kids will have something to remember for a lifetime.

@johnouellette1098 Год назад

Well done. Nice video on how to connect these!

@ShotokuTech Год назад

Thanks so much!

@natebertens 5 месяцев назад

Thanks! you saved my time :)

@ShotokuTech 5 месяцев назад

Great! Best wishes.

@Frvgii2368 Год назад

The thumbnail is amazing

@ShotokuTech Год назад

Thanks! I wanted to have fun in this video. Best wishes.

@MASSKA Год назад

Your face is epic, and you do really good quality, you deserve more views and more subscribers and a good life, Good luck!

@ShotokuTech Год назад

Hello. Thanks for your kind comment. Best wishes to you!

@5VoltChannel 3 года назад

Nice 👍👍

@ShotokuTech 3 года назад

Thanks 👍

@JudyFayLondon Год назад

This is really wonderful. Thanks for sharing

@ShotokuTech Год назад

Thanks. So much to learn!

@142jaguar 3 года назад

Thank you once again for helping us through these projects! You explained everything so well, and i can now expand my ideas further!

@ShotokuTech 3 года назад

Awesome. Thanks!

@Димон_Медведев 3 года назад

Спасибо.)) Thank you!

@ShotokuTech 3 года назад

Thank you for watching!

@32_bits 3 года назад

Another good video. One idea for a future video is for RP2040 multi-processor coding using Arduino. There are many using Python but I have not found any for the Arduino interface and using C. A good example could be updating a 2 or 4 line LCD character display with sensor data. So Core 0 could read the sensor data and Core 1 updates the LCD display. This could involve Core 0 passing data to Core 1 and then Core 1 handling the slow response time of the LCD display and not slowing down Core 0 activities.

@ShotokuTech 3 года назад

Might need to put on my thinking cap for that one. I'll try. Thanks!

@guimafer3586 2 месяца назад

@ShotokuTech : Dear youtuber friend, first of all, congratulations for the excellent quality of all you've been presented on RU-vid. And taking profit of your experience, I'd like your help on a aparently simple problem concerning a stored program in a ram of an Arduino that I´d like to save to an external media to later reuse it, as I don´t have the original source . Do you depict a way to do that?

@ShotokuTech 2 месяца назад

My sources say the prospects are grim. You probably could get a HEX dump. But there is no direct path back to C code in Arduino IDE. Best wishes friend.

@guimafer3586 2 месяца назад

@@ShotokuTech Thank you for your attention.

@ShotokuTech 2 месяца назад

@@guimafer3586 I always try my best. Thank you.

@G0llwi 8 месяцев назад

Can you pleaaaaaase make a video on the touch panel? 😅

@ShotokuTech 8 месяцев назад

I have lost interest in this device for the moment. I don't like to send viewers to another channel. But this one covers everything: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-rq5yPJbX_uk.html Maybe I will try again someday.

@RixtronixLAB Год назад

Nice video, keep it up, thanks :)

@ShotokuTech Год назад

Thank you!

@householdemail1305 8 месяцев назад

Can we hover it magnetic over a blue tooth charger?

@ShotokuTech 8 месяцев назад

This device doesn't have wireless charging capability. Best wishes.

@walterhynson2898 6 месяцев назад

I am use to using Adafruit and ULGib where you declare everything in the code and just run it I have never had to mod .h file before ,but like a new car ... learn to drive it.

@ShotokuTech 6 месяцев назад

There are many ways to arrive at a destination, yes.

@saydiy1528 Год назад

good job. where did you get the image convert app? thanks.

@ShotokuTech Год назад

I used the free software IrfanView to do the batch resize and the online app www.rinkydinkelectronics.com/_t_doimageconverter565.php to generate the image files.

@saydiy1528 Год назад

@@ShotokuTech Great! thank you.

@saydiy1528 Год назад

@@ShotokuTech Great! it works well. BTW. did you try move the menu up/down by finger instaed of the arrow?

@paulwilkie5350 8 месяцев назад

Hello Shotokutech, do you have anything with the ILI9488/BN-282 display?

@ShotokuTech 8 месяцев назад

No, I don't own one. So many things to buy. LOL. Best wishes.

@kumaraliyanage8629 Год назад

is it ok to connect the ili9341 vcc to 5v?

@ShotokuTech Год назад

Does your ILI9341 support 5v? That is the question in my mind. As long as you supply 5v the the ESP32 and the attached devices are compatible, it should be good.

@kumaraliyanage8629 Год назад

@@ShotokuTech I think so...but please..please make a video about ili9341 video player.

@ShotokuTech Год назад

@@kumaraliyanage8629 I think this is a good idea. I have been struggling with my current video. So maybe I will do this next.

@jaykibo764 6 месяцев назад

Is it possible to upload gifs in a ili9486 3.5 tft lcd display? I have been trying but it’s not working with the gifdecoder libraries either

@ShotokuTech 6 месяцев назад

I don't have one.

@walterhynson2898 6 месяцев назад

Ok so I have to update the .h file for the ILI9341 tft lcd that I am using and also dwnload ,install the TTGO files for TTGO-T8

@ShotokuTech 6 месяцев назад

These instructions are for using the ILI9341 with an ESP32 using the TFT-eSPI library. You need to load the board definitions for your particular ESP32 board in board manager. And you need to select the correct display driver and pin assignment in user_setup.h and display driver in user_setup_select.h. That is the flexibility of the TFT-eSPI library. It works with many display drivers and can have flexible pin assignments.

@chedersmith2427 Год назад

how to convert gif file to .h with command prompt was not very clear

@ShotokuTech Год назад

It is easiest to change directory to where your have image_to_c and also copy your input.gif to that folder as well. Then simply type: image_to_c64.exe input.gif > out.h Thanks.

@Vagubando Год назад

On such a display, the letters are inverted horizontally by 180 degrees (that is, the entire display screen). I have tried many libraries, but there is no result. Advise me where to dig?????

@ShotokuTech Год назад

Hello. I really would recommend the Bodmer / TFT_eSPI library. github.com/Bodmer/TFT_eSPI It supports screen rotation.

@patrick92 Год назад

Is it possible to add a port for charging the device or batteries or rechargeable batteries to this kit? Is it too complicated

@ShotokuTech Год назад

You could add a small charging module. The ESP32 Dev Module does not have this built it. Something like this: amzn.to/4335MW9 TTGO T-Display and some of their other boards do have battery ports and charging circuits.

@patrick92 Год назад

@@ShotokuTech Thank you very much for your answer! The device has to be connected to the charger all the time, can I buy a rechargeable battery?

@ShotokuTech Год назад

@@patrick92 I use these batteries. Then it will free you from the USB cable. amzn.to/41Mkrn6

@mehmetgulcudeveloper 8 месяцев назад

Hi, first of all, thank you for the video. I did not follow the instructions in the video exactly, but I got this error. can you help me? if (gif.open((uint8_t *)GIF_IMAGE, sizeof(GIF_IMAGE), GIFDraw)) { GIFDRAW exit status 1 Compilation error: 'GIFDraw' was not declared in this scope

@ShotokuTech 8 месяцев назад

Whenever you get 'not declared in scope' it means you need to declare GIFDRAW globally, at the top of the program before void setup, or declare it locally, within the function or loop that you are using it.

@mehmetgulcudeveloper 8 месяцев назад

@@ShotokuTech Okay, thank you very much, sometimes my mind can stop :)

@Zuzu7570 Год назад

Can I ask you favour, please! I want to adjust the picture in the middle of the screen, how can I do it, please! Thanks in advance!

@ShotokuTech Год назад

If you look at the example sketches on my Github, the "tft.pushImage(0, 0, 320, 240, jpeg1);" command starts with the beginning location "0,0" that is x,y location to start drawing the image. Try adjusting the starting x,y values to move the image. But it is best to make images the size of the screen, 320x240 in this case, so you can just use 0,0 for the start.

@Zuzu7570 Год назад

@@ShotokuTech thanks for your reply! i used an AnimatedGif Library, but my problem is how to adjust it in the middle or anyway , i think it depends a specific function while encoding ... This is my problem 😕

@ShotokuTech Год назад

@@Zuzu7570 So modifying the middle of the GIF image itself? Only thing I could think of is breaking the GIF into individual images and editing them individually, then make them into a GIF again.

@wardozr 3 года назад

Hello can you please tell me where to connect LED pin if I want to control my backlight?

@ShotokuTech 3 года назад

I'll check it later. Thanks!

@wardozr 3 года назад

@@ShotokuTech thank you

@ShotokuTech 3 года назад

@@wardozr Found this article. Looks legit. Let me know if it works? www.pangodream.es/esp32-and-ili9341-isp-mode

@alejandraramos2466 3 года назад

Hello, I have a question, is there a way to connect two or more sensors to the Heltec LoRa 32 board, and if possible you can help me to do it

@ShotokuTech 3 года назад

Which sensors?

@alejandraramos2466 3 года назад

@@ShotokuTech DHT11, DTH22 OR DS18B20 or any other

@RDCST 2 года назад

Why do you use to different methods to convert JPG image to h file type?

@ShotokuTech 2 года назад

I haven't found a one size fits all means to do so for each different library or hardware. Some JPG coverters just work better is some circumstances. Thanks!

@kumaraliyanage8629 Год назад

if you have a extra ILI9341 board can you give it to me? please i need it

@st-storytime4889 Год назад

I can't blame someone for asking. I think for me to send it from here it might cost more in postage than it is worth to begin with.

@ShotokuTech Год назад

Find my email address in the "About' section of my channel and send me an email.

@kumaraliyanage8629 Год назад

@@ShotokuTech i couldn't find your email but i know that's a dumb thing to ask from me. I ask that cuz on here i searched every store for that. Every store is out of stokes. I mean if you can that would be great but i think it would take you some effort and some money. But if you can help me over that it would be phonomenal😢❤️

@ShotokuTech Год назад

@@kumaraliyanage8629 You can use aliexpress? www.aliexpress.us/item/3256804040301225.html

@kumaraliyanage8629 Год назад

@@ShotokuTech Yeah i though about it. But this school Project needs to finished before this month. It would take months to get here on ali. But ok i research and found one. thanks tho. But please make a video about ESP32 Video player with ILI9231 display.Please. And if you can make it change videos. i dont know how to make it play videos and play audio at the same time. and please include the code and the circuit diagram. Your the only one that i can ask for this. (The video player project is not the school project. but i will make it after the school project) Peace

@chedersmith2427 Год назад

I converted the gif to 480x320, it is not accepted accepts only in the range of 320xsomething need help

@ShotokuTech Год назад

Do you have some different display? ILI9341 is 320x240.

@chedersmith2427 Год назад

@@ShotokuTech yes ili9844 480x32 3.5 inches

@chedersmith2427 Год назад

plays the normal ili 9341

@wegi9621 Год назад

I bought this shit (ILI9341 display) and it work but not in every one initial libs. When I see on the authors it work, this same example with my shit doesn't work.

@ShotokuTech Год назад

Anything specific I can help with? What libraries are you trying to use. Shit don't cut it around here.

@ShotokuTech Год назад

Yeah I don't watch other channel's videos, so I don't allow the links in comments here. It seems the code on their github is for different board than ESP32 dev module. I don't think it would compile for ESP32 and work. I am about to dust off ESP32 and ILI9341 for a video, I could address the touch screen and the card reader in a video and what do you want? Drawing on the screen?

@Marques330 10 месяцев назад

Does this need to be connected to the computer while playing or is it possible to attach it to a power bank and it still run the img / gif ? If so, I would really appreciate if you could let me know how to go about doing that

@ShotokuTech 10 месяцев назад

Attach one of these to the ESP32 3.3v pin: amzn.to/46PGvQv