Getting Started with ESP32 and the ILI9341 TFT LCD Display

hi welcome back to satoku Tech it's been a while since I made this video simple ili 9341 LCD display with esp32 Dev module step by step I really just showed how to display images and gifs but this video has been kind of getting a lot of views and a lot of comments lately people asking about playing video asking about the touch screen asking about the orientation of text on the screen and we're going to delve into the esp32 and the ili 9341 a bit more yeah so I searched and I found this article about playing video on the esp32 it looks pretty comprehensive yeah here's the wiring diagram we're going to start with that we've got this esp32 Dev board and we got this iline 9341 you can find my Amazon links down below support the channel by using those so let's go ahead and wire these up I'll leave this blank diagram on my GitHub site so it might come in handy for you sometime okay so first of all 3.3 volt goes to VCC on the display ground on the esp32 goes to ground pin two goes to miso on the SD card side the Miso on the SD card side goes back to VCC with a 1K Ohm resistor inline pin 14 goes to sck or clock and pin 15 goes to multi okay on the display side pin 18 goes to sck pin 19 goes to sdo miso pin 22 goes to LED some people are asking well how do I control the backlight on the screen that would be using an assigned pin going to LED pin 23 goes to SDI mostly pin 27 goes to DC and pin 33 goes to reset leave a comment down below if you see something missing I sure did all right well we're going to continue on now yeah here he talks about using a headphone connected to pen 26 I would have liked if they called out a specific part for the amplifier that would have given me a better clue in the next video I'll show you the amplifier I picked out if it works but you're going to need an amplifier like that to drive a speaker and that would get hooked to pin 26 and ground for the audio that amplifier needs 5 volts to drive it yeah so we got the wiring done now we're ready to prepare the Arduino IDE obviously you have to have the Arduino IDE installed for esp32 to support you go to file preferences scroll down to the bottom additional board manager URLs we can see it in there but I'll go ahead and open up the list here we go scroll back to the front yeah there's that DL espressive.com package esp32 index.json that's going to let you select the esp32 dev module you see I already have selected it there tools board esp32 there's the dev module now you may already have Arduino Graphics Library installed he has his own port the author of this article has his own port of the Arduino Graphics Library you may have to uninstall the for the original one before you install this one you're going to want to download the code as a zip then in the Arduino IDE under sketch include Library add zip Library you're going to browse back to where you downloaded that zip from the GitHub site and you click on open I know this esp8266 audio is by the original author so we'll go ahead and use the library manager in Arduino IDE to install it yeah we can see right there Earl's esp8266 audio and the author of this article has this on GitHub as well and this is just sample code this is the sample code for the video we're not going to get to that in this episode we're going to do this next like I say I want to work on the amp you're going to download this as a zip and you're going to copy the contents of the zip into your Arduino folder you don't need to install it as a library because it's just sketches you don't want to put it in the libraries folder you see it right here under Arduino RGB 565 video master and it's just a collection of Arduino sketches okay so from the graphics Library we're going to scroll down here you're going to find this under Graphics library for Arduino and you know because this is getting started we're going to go ahead and go with hello world let's go and maximize this window you see the codes remarkably simple but there's a lot you can learn here about placing text on the screen you don't see the set rotate rotation command in here but you can set rotation anywhere from zero to three to position the text on the screen but they're doing random width of text random height of text and random margins I went ahead and uploaded it and I'm rather disappointed all I got was this spot in the middle of the screen there blank screen with a bunch of garbage in the middle crunched up knew something was missing so go back to the wiring diagram I've wired everything just like it says there we go back to the example code and you look here esp32 various Dev boards CS gets hooked to pin five I knew we were missing CS so right there's pin five let me get my fat fingers in there we go that's pin five to CS see this is where I come in handy I've helped figure this stuff out and save you the trouble yeah we got that pin five going to CS let's fire this up now there we go it says hello world but wait there's more yeah here we gonna get random sizes and shapes and colors of hello world with random different background colors I think this is pretty cool I'm very happy that uh I managed you cannot imagine my disappointment on a Sunday morning when you plug it in and you just get a blank screen with a little chunk of garbage in the middle and then you know the the joy of Victory when you just go oh yeah let's hook another pin up and it works so yeah leave a comment down below uh on on experiences you've had like that I hope that you've benefited from this video I'm sure you will because if you follow the wiring directions you'll be able to get this far so next up we will do the video examples I'll have to figure out that amplifier and I'll be sharing that link with you when we make that video in the meantime you'll want to read through this article for yourself and get these parts and get them wired together and stay tuned for my next video leave a comment down below give this video a like and before you go watch more of my esp32 videos please click on subscribe thank you very much

Channel: ShotokuTech

Views: 5,857

Keywords: ESP32, ILI9341 TFT LCD Display, ILI9341 LCD Display, ILI9341 TFT Display, Arduino GFX, Arduino IDE

Id: HG0u4Y8KGFM

Length: 8min 48sec (528 seconds)

Published: Mon May 08 2023