Simple ILI9341 LCD Display With ESP32 Dev Module Step By Step

แชร์
ฝัง
  • เผยแพร่เมื่อ 15 ส.ค. 2021
  • 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/ShotokuTech/ILI934...
    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
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 90

  • @ShotokuTech
    @ShotokuTech  11 หลายเดือนก่อน +1

    New! "Getting Started with ESP32 and the ILI9341 TFT LCD Display"
    th-cam.com/video/HG0u4Y8KGFM/w-d-xo.html

  • @kumaraliyanage8629
    @kumaraliyanage8629 ปีที่แล้ว +4

    ''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
      @st-storytime4889 ปีที่แล้ว +1

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

  • @Nordic_Goon
    @Nordic_Goon ปีที่แล้ว +1

    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
      @ShotokuTech  ปีที่แล้ว +1

      Sounds interesting. Best wishes.

  • @vick3394
    @vick3394 ปีที่แล้ว +3

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

  • @linuxpi
    @linuxpi 29 วันที่ผ่านมา +1

    Thanks! you saved my time :)

    • @ShotokuTech
      @ShotokuTech  29 วันที่ผ่านมา

      Great! Best wishes.

  • @johnouellette1098
    @johnouellette1098 ปีที่แล้ว +1

    Well done. Nice video on how to connect these!

  • @Dimabuxaet
    @Dimabuxaet 2 ปีที่แล้ว +1

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

    • @ShotokuTech
      @ShotokuTech  2 ปีที่แล้ว

      Thank you for watching!

  • @Frvgii2368
    @Frvgii2368 8 หลายเดือนก่อน +1

    The thumbnail is amazing

    • @ShotokuTech
      @ShotokuTech  8 หลายเดือนก่อน

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

  • @JudyFayLondon
    @JudyFayLondon ปีที่แล้ว +1

    This is really wonderful. Thanks for sharing

    • @ShotokuTech
      @ShotokuTech  ปีที่แล้ว

      Thanks. So much to learn!

  • @MrBobWareham
    @MrBobWareham 6 หลายเดือนก่อน +1

    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
      @ShotokuTech  6 หลายเดือนก่อน

      Hello. I have a whole playlist for the ILI9341. Start with this one? th-cam.com/video/HG0u4Y8KGFM/w-d-xo.html

  • @melanatedmoms5161
    @melanatedmoms5161 2 ปีที่แล้ว +1

    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
      @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.

  • @32_bits
    @32_bits 2 ปีที่แล้ว +1

    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
      @ShotokuTech  2 ปีที่แล้ว

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

  • @142jaguar
    @142jaguar 2 ปีที่แล้ว +1

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

  • @5VoltChannel
    @5VoltChannel 2 ปีที่แล้ว +1

    Nice 👍👍

  • @MASSKA
    @MASSKA 11 หลายเดือนก่อน +2

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

    • @ShotokuTech
      @ShotokuTech  11 หลายเดือนก่อน +1

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

  • @Bianchi77
    @Bianchi77 ปีที่แล้ว +1

    Nice video, keep it up, thanks :)

  • @alejandraramos2466
    @alejandraramos2466 2 ปีที่แล้ว +1

    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
      @ShotokuTech  2 ปีที่แล้ว +1

      Which sensors?

    • @alejandraramos2466
      @alejandraramos2466 2 ปีที่แล้ว

      @@ShotokuTech DHT11, DTH22 OR DS18B20 or any other

  • @paulwilkie5350
    @paulwilkie5350 4 หลายเดือนก่อน +1

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

    • @ShotokuTech
      @ShotokuTech  4 หลายเดือนก่อน

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

  • @jaykibo764
    @jaykibo764 2 หลายเดือนก่อน +1

    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
      @ShotokuTech  2 หลายเดือนก่อน

      I don't have one.

  • @householdemail1305
    @householdemail1305 4 หลายเดือนก่อน +1

    Can we hover it magnetic over a blue tooth charger?

    • @ShotokuTech
      @ShotokuTech  4 หลายเดือนก่อน

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

  • @RDCST
    @RDCST 2 ปีที่แล้ว +1

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

    • @ShotokuTech
      @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!

  • @saydiy1528
    @saydiy1528 10 หลายเดือนก่อน +1

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

    • @ShotokuTech
      @ShotokuTech  10 หลายเดือนก่อน +1

      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
      @saydiy1528 10 หลายเดือนก่อน +1

      @@ShotokuTech Great! thank you.

    • @saydiy1528
      @saydiy1528 10 หลายเดือนก่อน +1

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

  • @patrick92
    @patrick92 11 หลายเดือนก่อน +1

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

    • @ShotokuTech
      @ShotokuTech  11 หลายเดือนก่อน +1

      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
      @patrick92 11 หลายเดือนก่อน +1

      @@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
      @ShotokuTech  11 หลายเดือนก่อน

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

  • @G0llwi
    @G0llwi 4 หลายเดือนก่อน +1

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

    • @ShotokuTech
      @ShotokuTech  4 หลายเดือนก่อน

      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: th-cam.com/video/rq5yPJbX_uk/w-d-xo.html
      Maybe I will try again someday.

  • @Vagubando
    @Vagubando ปีที่แล้ว +1

    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
      @ShotokuTech  ปีที่แล้ว +1

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

  • @wardozr
    @wardozr 2 ปีที่แล้ว +1

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

    • @ShotokuTech
      @ShotokuTech  2 ปีที่แล้ว +1

      I'll check it later. Thanks!

    • @wardozr
      @wardozr 2 ปีที่แล้ว +1

      @@ShotokuTech thank you

    • @ShotokuTech
      @ShotokuTech  2 ปีที่แล้ว +1

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

  • @mehmetgulcudeveloper
    @mehmetgulcudeveloper 4 หลายเดือนก่อน +1

    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
      @ShotokuTech  4 หลายเดือนก่อน

      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
      @mehmetgulcudeveloper 4 หลายเดือนก่อน

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

  • @Zuzu7570
    @Zuzu7570 ปีที่แล้ว +1

    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
      @ShotokuTech  ปีที่แล้ว +1

      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
      @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
      @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.

  • @chedersmith2427
    @chedersmith2427 11 หลายเดือนก่อน +1

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

    • @ShotokuTech
      @ShotokuTech  11 หลายเดือนก่อน +1

      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.

  • @kumaraliyanage8629
    @kumaraliyanage8629 ปีที่แล้ว +1

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

    • @ShotokuTech
      @ShotokuTech  ปีที่แล้ว +1

      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
      @kumaraliyanage8629 ปีที่แล้ว +2

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

    • @ShotokuTech
      @ShotokuTech  ปีที่แล้ว

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

  • @walterhynson2898
    @walterhynson2898 2 หลายเดือนก่อน +1

    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
      @ShotokuTech  2 หลายเดือนก่อน

      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.

  • @walterhynson2898
    @walterhynson2898 2 หลายเดือนก่อน +1

    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
      @ShotokuTech  2 หลายเดือนก่อน

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

  • @chedersmith2427
    @chedersmith2427 11 หลายเดือนก่อน +1

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

    • @ShotokuTech
      @ShotokuTech  11 หลายเดือนก่อน +1

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

    • @chedersmith2427
      @chedersmith2427 11 หลายเดือนก่อน

      @@ShotokuTech yes ili9844 480x32 3.5 inches

    • @chedersmith2427
      @chedersmith2427 11 หลายเดือนก่อน +1

      plays the normal ili 9341

  • @kumaraliyanage8629
    @kumaraliyanage8629 ปีที่แล้ว +4

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

    • @st-storytime4889
      @st-storytime4889 ปีที่แล้ว +2

      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
      @ShotokuTech  ปีที่แล้ว +2

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

    • @kumaraliyanage8629
      @kumaraliyanage8629 ปีที่แล้ว +2

      @@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
      @ShotokuTech  ปีที่แล้ว +1

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

    • @kumaraliyanage8629
      @kumaraliyanage8629 ปีที่แล้ว +2

      @@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

  • @wegi9621
    @wegi9621 ปีที่แล้ว +1

    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
      @ShotokuTech  ปีที่แล้ว +1

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

    • @ShotokuTech
      @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
    @Marques330 6 หลายเดือนก่อน +1

    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
      @ShotokuTech  6 หลายเดือนก่อน

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