Master the Round TFT Display on ESP32 and GC9A01 driver with the TFT_eSPI library

Ғылым және технология

Master the Round display on ESP 32 and GC9A01 driver with the TFT_eSPI library. This compact, cost-effective display is a game-changer, whether you're a seasoned electronics enthusiast or a beginner stepping into the exciting world of DIY projects.
Join me as I showcase its features, demonstrate wiring to an ESP32, and bring an uncanny eye to life, not just on one but two on two displays! It's time to add a whole new dimension to your electronic projects. So grab your gear and let's get started!
🔔 Support the channel🔔
www.buymeacoffee.com/thelasto...
Watch all the Arduino Display videos : • Arduino & Display
Code:
github.com/thelastoutpostwork...
Products:
Round Display with pin headers : amzn.to/3L4pud6
Round Display with JST: amzn.to/3CJjbHy
ESP32: amzn.to/3HeFQwV
Please note that the product links are Amazon affiliate links. As an Amazon Associate, I earn from qualifying purchases at no additional cost to you. This helps support the channel and allows me to continue creating content for you. Thank you for your support!
Chapters:
0:00 Kick-off: Unveiling the Round Display Journey
0:55 Round Display Varieties: Exploring Your Options
1:33 Handy Hack: Making a Round Display Breadboard-Compatible
2:10 Step-by-step Guide: Wiring the Waveshare Round Display to ESP32
4:04 Tutorial: Wiring the AliExpress Round Display to ESP32
5:32 Deep Dive: Downloading and Installing the Code via Arduino IDE
8:19 Mastering TFT_eSPI: Configuring the GC9A01 Driver
11:53 The Reveal: Code Upload for a Single Eye on One Round Display
13:00 Connecting the Dots: Wiring Two Round Displays to ESP32
14:40 Double Trouble: Configuring the Code for Two Eyes on Two Round Displays
18:34 Problem-Solving: Tackling Issues with Two Round Displays
#RoundDisplay #WinWin #DisplayTechnology #DIYProjects #BreadboardFriendly #ESP32 #UncannyEyes #arduino #beginners #tutorial #guide #stepbystep

Пікірлер: 125

  • @thelastoutpostworkshop
    @thelastoutpostworkshop11 ай бұрын

    See my other videos: Master Animated GIF on the Round Display & ESP32: kzread.info/dash/bejne/n6WHx8GufdPeedY.html Real-Time Display Design With the Serial Monitor - No Upload, Instant Display Prototyping - Magic: kzread.info/dash/bejne/Ym2ix8mqab3Rj8Y.html Create a Star Wars Tactical Display with the round Display: kzread.info/dash/bejne/eq58tKydZ9XPmKg.html

  • @YuliaAlYunus

    @YuliaAlYunus

    2 ай бұрын

    How do I change the eye animation to make it bigger? so that the LCD can be full? Thank you, I have subscribed to you

  • @SuperInsider87

    @SuperInsider87

    2 ай бұрын

    Please, How do change the eyes animation to full screen for my TFT round display and change my gift animation from smartphone.

  • @squeezer04
    @squeezer04Ай бұрын

    I have been trying for weeks to get “Uncanny Eyes” working on the 240x240 display and I finally found your channel. Excellent presentation and it works!. I’m anxiously waiting for your update on making the eyes bigger and centered. Then I’ll be able to incorporate them into a plastic skull for my grand nephews. Thanks again.

  • @user-zg2bv8zx4c
    @user-zg2bv8zx4c Жыл бұрын

    thank you very much bro! I had a big choice between "Chinese copy" and "Waveshare" display. I can't afford an expensive display from Waveshare and I was worried that the Chinese display would be worse, but thanks to your video, I realized that this is not the case and that the Chinese display is fine for me. Thanks again, this is the only video that helped me

  • @therealeggman
    @therealeggman4 ай бұрын

    Just found this and will watch it all with interest as I want a moving eye for my Mad Eye Moody cosplay.

  • @martinezcamarenaedgar1233
    @martinezcamarenaedgar1233 Жыл бұрын

    Good video mate helped a lot! Saludos amigo!!!

  • @OldCurmudgeon3DP
    @OldCurmudgeon3DP13 күн бұрын

    Small suggestion... When I started working w/ config files many years ago I was told that MS notepad can corrupt them. Notepad++ has always been at the top of recommended editors. 👍

  • @thelastoutpostworkshop

    @thelastoutpostworkshop

    12 күн бұрын

    Never had a corrupt issue with notepad from Windows

  • @agarciaf7
    @agarciaf73 ай бұрын

    Excellent video. It worked perfectly for me. Thank you very much.

  • @thelastoutpostworkshop

    @thelastoutpostworkshop

    3 ай бұрын

    You're welcome!

  • @ariqintea1272

    @ariqintea1272

    2 ай бұрын

    ​@@thelastoutpostworkshop How do I change the size of the eyes, sir? so that it can be maximized with the TFT LCD

  • @thelastoutpostworkshop
    @thelastoutpostworkshop Жыл бұрын

    Oled Display: amzn.to/3CJjbHy

  • @richardphillips1891
    @richardphillips18919 ай бұрын

    Fun Halloween project. Got a little lost regarding everywhere the "CS" value needed to be commented out, but got it figured out. Thanks for another fun video.

  • @dainniro
    @dainniro11 ай бұрын

    Thank you

  • @SuperInsider87
    @SuperInsider872 ай бұрын

    Thanks!

  • @thelastoutpostworkshop

    @thelastoutpostworkshop

    2 ай бұрын

    Thank you, it's appreciated!

  • @alessandrorogeriobatista6746
    @alessandrorogeriobatista6746 Жыл бұрын

    Good morning my dear friend: it is with great satisfaction and joy that I comment that following your tutorial and file I managed to make an eye work. There was a video from another youtuber that I followed all the steps but I never managed. Fortunately your video is complete, didactic and simply sensational. Congratulations. I already subscribed to your channel and I wish you a lot of success here. I'm Brazilian and I didn't find any tutorial in Portuguese and yours is easy to follow. I used the subtitle to translate. Thanks Note: I'll see if I can get both eyes working and use a joystick.

  • @thelastoutpostworkshop

    @thelastoutpostworkshop

    Жыл бұрын

    Thanks a lot!

  • @ariqintea1272

    @ariqintea1272

    2 ай бұрын

    How do I change the size of the eyes, sir? so that it can be maximized with the TFT LCD​@@thelastoutpostworkshop

  • @systmmultiservices9409
    @systmmultiservices940913 күн бұрын

    thank you for your great tutorial. everything works well I just have a question for the position of the eyes in the center of the screen on the X axis no problem but impossible to adjust the Y axis

  • @KimJong_Dong
    @KimJong_Dong9 ай бұрын

    With a realsence point cloud camera you can send OSC coordinates to the esp and track a human then have the eyes follow a human

  • @leonardolfs16
    @leonardolfs16 Жыл бұрын

    Best detailed video I found, congratulations. Would it be possible to implement eye control with joystick? Thanks

  • @thelastoutpostworkshop

    @thelastoutpostworkshop

    Жыл бұрын

    Yes, absolutely

  • @edh329
    @edh3299 ай бұрын

    Very nice work and a cool project. Nice job on the instructions as well. Got mine working the first try! Just wondering why you put the eyes so far to the top of the screen and not centered?

  • @thelastoutpostworkshop

    @thelastoutpostworkshop

    9 ай бұрын

    I have tried without success!

  • @DaveBuildsThings
    @DaveBuildsThingsАй бұрын

    A great video. You managed to help me get these eyes to work! Subscribed and many thanks. As a few other people on here have asked, is there a way you know of to increase the size of the eye to better fill the display? Or at least a way to centre the eye on the display instead of having at the top of it?

  • @thelastoutpostworkshop

    @thelastoutpostworkshop

    Ай бұрын

    Thanks. The eyes are fixed image, so there is no easy way to make them bigger.

  • @DaveBuildsThings

    @DaveBuildsThings

    Ай бұрын

    @@thelastoutpostworkshop I spent some time trying to find a way to reverse engineer the eyes from a C code array back to an image so I could resize it. Or at least understand how the image looked in the first place. No luck. Thanks for replying.

  • @senterterapibioglass3677
    @senterterapibioglass367722 күн бұрын

    Hello Sir.... thank you for your video tutorial. Very interesting project. I have question : how to change the eyes type by switch? I think it would be very cool to change the eyes type animation by using a switch.

  • @ariqintea1272
    @ariqintea12722 ай бұрын

    How do I change the size of the eyes, sir? so that it can be maximized with the TFT LCD

  • @davidhdez6066
    @davidhdez6066Ай бұрын

    Interesting project, did you manage to make the eyes bigger? Thanks for your videos.

  • @thelastoutpostworkshop

    @thelastoutpostworkshop

    Ай бұрын

    No the images are fixed size

  • @Narblo
    @Narblo21 күн бұрын

    Do you know any other round display of no more tan 2.1" that does not have that anoying notch at the bottom? Like those in commercial smartwatches

  • @okisgoed7045
    @okisgoed70456 ай бұрын

    Thanks for the nice project discription. I am not that experienced with Arduino so it is a good practice. I build it using your latest software. Loading without problems. I connected one of my 240x240 tft display with pins as seen in your video. Now get an error gpio: gpio_set_level (227): GPIO output gpio_num error. Can you help me solving this?

  • @codingfun63
    @codingfun635 ай бұрын

    can the eye display bigger ? seems like a waste of monitor size?

  • @carlosp.1034
    @carlosp.10344 ай бұрын

    Thanks for sharing great work. It works perfectly, I'm looking for a way to remove the eyelids but I don't know how to do it. Do you know how to do it? Thank you

  • @thelastoutpostworkshop

    @thelastoutpostworkshop

    4 ай бұрын

    Thanks! I don't know how to do remove the eyelids

  • @AskingRapture
    @AskingRapture3 ай бұрын

    Do you have any videos or posts on how to configure two IR temperature sensors like the MLX90614? I'm trying to use a multiplexer but I'm a little stressed trying to get the temperature from each sensor. I want to make a tire sensor for my race car. I'm good with mechanics but bad with programming. Thank you. Nice tutorial.

  • @thelastoutpostworkshop

    @thelastoutpostworkshop

    3 ай бұрын

    Sadly I do not have a video on this

  • @umekkms
    @umekkms2 ай бұрын

    how to change the position of the image so that it fills the screen?

  • @t.c.gnation1053
    @t.c.gnation10532 ай бұрын

    Love the video but I wanna add another type of eyes can you help

  • @vd853
    @vd8533 ай бұрын

    Is there any support for micropython?

  • @takiz73
    @takiz7311 ай бұрын

    How can you make the eyes bigger? Very good work Thanks

  • @thelastoutpostworkshop

    @thelastoutpostworkshop

    11 ай бұрын

    I tried with no success!

  • @rw4833
    @rw48339 ай бұрын

    Useful and interesting video, thank you. A quick question if I may - do you see any noticeable difference in display quality between the one bought from AliExpress vs the Waveshare?

  • @thelastoutpostworkshop

    @thelastoutpostworkshop

    9 ай бұрын

    Absolutely no difference

  • @rw4833

    @rw4833

    9 ай бұрын

    @@thelastoutpostworkshop cool, thanks.

  • @DBBahnospherix-BahnAtmospherix
    @DBBahnospherix-BahnAtmospherix11 ай бұрын

    8:19 - Hello, Super Video - Question: I am looking for a tutorial for the very interesting 40x160 display with the GC9d01 driver - is there any information on this? Thanks very much

  • @thelastoutpostworkshop

    @thelastoutpostworkshop

    11 ай бұрын

    Interesting, I don't know this display, do you have a link to it ?

  • @t.c.gnation1053
    @t.c.gnation10532 ай бұрын

    Hey w do I load other animations

  • @loganduvivier7044
    @loganduvivier7044Ай бұрын

    hi, great video thank you! can you tell me how to change the size and center it please?

  • @thelastoutpostworkshop

    @thelastoutpostworkshop

    Ай бұрын

    I am going to release a video on it soon

  • @kauzagadow1235
    @kauzagadow1235Ай бұрын

    thank you, it worked;) and you can enlarge the eyes for the whole TFT ?;)

  • @thelastoutpostworkshop

    @thelastoutpostworkshop

    Ай бұрын

    Thanks, no they are fixed images

  • @kauzagadow1235

    @kauzagadow1235

    Ай бұрын

    ​@@thelastoutpostworkshopToo bad, I wanted the eye to be on the entire display :) 😊

  • @mujaheduddinmohammed5608
    @mujaheduddinmohammed56084 ай бұрын

    I have zero knowledge about this but wondering how you powering that testing board? Does it use the power of from esp32 usb supply?

  • @thelastoutpostworkshop

    @thelastoutpostworkshop

    4 ай бұрын

    Yes it is powered through the usb cable connected to your computer

  • @IAW_OPSEC
    @IAW_OPSEC11 ай бұрын

    Can you transmit video from a runcam3 with these? If so is it as easy as just connecting the run cam and 1.28 lcd screen together ? It’s for a digital night vision build

  • @thelastoutpostworkshop

    @thelastoutpostworkshop

    11 ай бұрын

    I don't really know, I have never used a runcam3

  • @IAW_OPSEC

    @IAW_OPSEC

    11 ай бұрын

    @@thelastoutpostworkshop thanks for the quick reply.last question though what about transmitting video at all? Are these 1.28 lcd screens capable of doing that besides animations or clock viewing?

  • @thelastoutpostworkshop

    @thelastoutpostworkshop

    11 ай бұрын

    May transmitting video over wifi

  • @lindendrache8998
    @lindendrache89983 ай бұрын

    Thank you for this video, it is really helpful! I have a question please, how to increase the position and the size of the eyes? I know these are small displays, but the eyes are up there in the upper "corner" and they could be in the middle and a tiny bit bigger. I need them bigger for a project... Also, is there a way to create custom eyes? Could you do a tutorial on that?

  • @thelastoutpostworkshop

    @thelastoutpostworkshop

    3 ай бұрын

    I never tried to change the eyes size and position, good idea for a future video.

  • @lindendrache8998

    @lindendrache8998

    3 ай бұрын

    @@thelastoutpostworkshop I am sure it would make other people happy too, I was trying for hours yesterday, but I am bad at programming..... ^^ The initial build works like a charm! Your tutorial is really great!

  • @Henryacerraparera-ir4ng
    @Henryacerraparera-ir4ngАй бұрын

    worked for me when i first tried now my display just turns on

  • @hielkebaron7007
    @hielkebaron70072 ай бұрын

    great video! thanks! there is an X_offset function but not a Y_offset function. it would be nice to have the eyes in the middle of the screen. is that possible?

  • @thelastoutpostworkshop

    @thelastoutpostworkshop

    2 ай бұрын

    Thanks. I never tried to move the eyes, I am pretty sure it is possible

  • @nicholassze7375

    @nicholassze7375

    Ай бұрын

    Where i can find that?

  • @valysajjadi6893
    @valysajjadi68932 ай бұрын

    i need linke eye's video fur display

  • @onoteczero783
    @onoteczero78311 күн бұрын

    how to increase eye size?

  • @pierfilippomosca1235
    @pierfilippomosca123511 ай бұрын

    Hi, can I use this display with a camera? I'm trying to made a digital nigth vision. Thank's

  • @thelastoutpostworkshop

    @thelastoutpostworkshop

    11 ай бұрын

    I am not sure, this could be complex because you would have to stream the video from the camera to the display through the ESP32. This is worth a try!

  • @manciooo77
    @manciooo7710 ай бұрын

    Thanks for video, I have solved flicker problem, THANKS!!! A question, eyes are made for 128x128 screen, do you know how can set it for 240x240 display size?

  • @manciooo77

    @manciooo77

    10 ай бұрын

    If I change #define SCREEN_WIDTH 128 #define SCREEN_HEIGHT 128 in data file, the eyes disappear, only horizontal row are displayed....

  • @thelastoutpostworkshop

    @thelastoutpostworkshop

    10 ай бұрын

    I don't think changing the screen dimensions will have any effects on the size of the eyes

  • @manciooo77

    @manciooo77

    10 ай бұрын

    Ok, but now the eyes aren't in center, are on top. In bottom there are a lot of space

  • @aditkumoon6173
    @aditkumoon6173Ай бұрын

    hello, How can you make the eyes bigger and centered?

  • @thelastoutpostworkshop

    @thelastoutpostworkshop

    Ай бұрын

    You can't since the eyes images are fixed

  • @AdamAlasow
    @AdamAlasow2 ай бұрын

    can i get bigger than this monitor pls and where i can get

  • @GrumpyEddie
    @GrumpyEddie9 ай бұрын

    Excellent video. It worked perfectly. Thank you very much. One question is how can I get the eyes more centered onto the screen?

  • @thelastoutpostworkshop

    @thelastoutpostworkshop

    9 ай бұрын

    I have tried with no success!

  • @GrumpyEddie

    @GrumpyEddie

    9 ай бұрын

    Thank you for the response. I fumble around as well and had no luck. It's still an awesome project. @@thelastoutpostworkshop

  • @Ron_Rhodes

    @Ron_Rhodes

    9 ай бұрын

    I added a yposition to the eyeInfo_t typedef and duplicated a y for every x in config.h and eye_functions.ino and moved the eyes down about 40. I little bigger would be better but we might have to regen the images.

  • @hauntedgroundz1189

    @hauntedgroundz1189

    8 ай бұрын

    @@Ron_Rhodes can you share you updated code please? really appreciated!

  • @Ron_Rhodes

    @Ron_Rhodes

    8 ай бұрын

    I'm currently mangling the code to try and make the joystickswork. @@hauntedgroundz1189 but try this: Add Yposition // This struct is populated in config.h typedef struct { // Struct is defined before including config.h -- int8_t select; // pin numbers for each eye's screen select line int8_t wink; // and wink button (or -1 if none) specified there, uint8_t rotation; // also display rotation and the x offset int16_t xposition; // position of eye on the screen int16_t yposition; // position of eye on the screen } eyeInfo_t; in the main program. ... then in the config.h #define EYE_1_YPOSITION 40 // y shift for eye 1 image on display #define EYE_2_YPOSITION 40 // y shift for eye 2 image on display ... and set with new arg .. eyeInfo_t eyeInfo[] = { { TFT1_CS, LH_WINK_PIN, TFT_1_ROT, EYE_1_XPOSITION,EYE_1_YPOSITION }, // LEFT EYE chip select and wink pins, rotation and offset { TFT2_CS, RH_WINK_PIN, TFT_2_ROT, EYE_2_XPOSITION,EYE_2_YPOSITION }, // RIGHT EYE chip select and wink pins, rotation and offset }; ... in the eye functions code add line eye[e].xposition = eyeInfo[e].xposition; > eye[e].yposition = eyeInfo[e].yposition; ... and finally call the method adding ypos tft.setAddrWindow(eye[e].xposition, eye[e].yposition, SCREEN_SIZE, SCREEN_SIZE); hope this helps.

  • @mujaheduddinmohammed5608
    @mujaheduddinmohammed56084 ай бұрын

    I have seen some screens with ESP32 board, its like one module. will this project on that screen??

  • @thelastoutpostworkshop

    @thelastoutpostworkshop

    4 ай бұрын

    which module ?

  • @mujaheduddinmohammed5608

    @mujaheduddinmohammed5608

    3 ай бұрын

    ESP32 GL For Arduino Development Board 1.28 Inch 240*240 IPS Smart Display Screen LCD TFT Module WiFi & Bluetooth With Touch

  • @andybaker8472
    @andybaker847221 күн бұрын

    ok so ive built this but getting the following error message when i compile the code.. exit status 1 'NUM_EYES' was not declared in this scope Anyone any ideas how to sort this??

  • @massimobuby8294
    @massimobuby829411 ай бұрын

    hello the code is ready to use or need modifications

  • @thelastoutpostworkshop

    @thelastoutpostworkshop

    11 ай бұрын

    Ready to used!

  • @ariqintea1272
    @ariqintea12722 ай бұрын

    Tolong cara ubah ukuran nya sir..

  • @stevenbennett6123
    @stevenbennett61232 ай бұрын

    I had a problem with uploading the code, which I eventualy traced to the display's DC pin being connected to GPIO2 on the ESP32; a common problem apparently. I could upload the code with the DC disconnected and then by re-connecting DC and resetting the ESP32 the "eye" appeared on the display - not ideal. I then edited User_Setup.h file as follows to move the display pins to safer GPIOs. On line 45 comment out (i.e. add “//” in front of the text) the line defining the ILI9341 driver. On line 65 uncomment (i.e. remove the “//”) the line defining the GC9A01 driver. On lines 212 through 218 comment out all the SPI definitions for the ILI9341. On line 223 set MOSI to 23 //DIN On line 224 set SCLK to 18 //CLK On line 225 set CS to 22 //CS On line 226 set DC to 16 //DC On line 227 set RST to 4 //RST In User_Setup_Select.h make sure that line 80 is commented out i.e. //#include // Setup file for ESP32 and GC9A01 SPI bus TFT 240x240 Otherwise the changes to User_Setup.h will be ignored and the display won't work. I think another approach could be to edit Setup46_GC9A01_ESP32.h and change the GPIOs to the safe numbers shown above and then uncomment User_Setup_Select.h line 80i.e. #include Hope this helps anyone having the same problem. Anyone using PlatformIO and an ESP-PROG JTAG programmer probably won't see this potential problem.

  • @poupilouppolpy7514
    @poupilouppolpy7514Ай бұрын

    On est d’accord que t’es québécois right?

  • @thelastoutpostworkshop

    @thelastoutpostworkshop

    Ай бұрын

    On est d'accord

  • @tammysuryana
    @tammysuryanaАй бұрын

    hey

  • @KnightNinja-ch8cx
    @KnightNinja-ch8cx2 ай бұрын

    i have successfully uploaded but TFT does not light up

  • @thelastoutpostworkshop

    @thelastoutpostworkshop

    2 ай бұрын

    Double check your wiring, make sure the TFT receives power

  • @KnightNinja-ch8cx

    @KnightNinja-ch8cx

    Ай бұрын

    Thank you very much for your help. After I checked, it was indeed the cable that was disconnected😊😊

  • @KnightNinja-ch8cx

    @KnightNinja-ch8cx

    Ай бұрын

    Thank you. It turns out the cable was disconnected

  • @KnightNinja-ch8cx

    @KnightNinja-ch8cx

    Ай бұрын

    Sorry, I want to ask, the eyes are too small, where can they be changed so that the eyes are a little bigger?

  • @mut34rus
    @mut34rus Жыл бұрын

    Как на ваших дисплеях увеличить размер глаз?

  • @thelastoutpostworkshop

    @thelastoutpostworkshop

    Жыл бұрын

    I am not sure how do it, but some day I will give it a try

  • @mut34rus

    @mut34rus

    Жыл бұрын

    @@thelastoutpostworkshop 🤝🤝🤝✊️

  • @SuperInsider87
    @SuperInsider872 ай бұрын

    Sir, may I request to send a .gif image of defaultEye. thanks

  • @thelastoutpostworkshop

    @thelastoutpostworkshop

    2 ай бұрын

    You want to replace the eyes with GIF images ?

  • @SuperInsider87

    @SuperInsider87

    2 ай бұрын

    No, but I need trouble max image for defaultEyes is not full screen. What can I full screen image to GUI for 240*240? Or replace image ?

  • @raymondmichael4987
    @raymondmichael49876 ай бұрын

    I have uploaded the code as instructed I ven downloaded tft_espi@2.5.0 version but the ye does not show up, I et E (40662) gpio: gpio_set_level(227): GPIO output gpio_num error in the terminal

  • @thelastoutpostworkshop

    @thelastoutpostworkshop

    6 ай бұрын

    This error is raised by ESP32 core library when setting a value to the wrong pin, this is probably due to an error in your wiring

  • @raymondmichael4987

    @raymondmichael4987

    6 ай бұрын

    @@thelastoutpostworkshop , you’re right! I misplaced 23 pin 🤦🏾‍♂️ my bad. Everything works now

  • @ekoharry9886
    @ekoharry9886Ай бұрын

    @DBOSS Project

  • @bakulplastik
    @bakulplastik2 ай бұрын

    How can you make the eyes bigger? Very good work Thanks

  • @thelastoutpostworkshop

    @thelastoutpostworkshop

    2 ай бұрын

    I am going to release a video on it soon

  • @bakulplastik

    @bakulplastik

    2 ай бұрын

    @@thelastoutpostworkshop Thank you for the response, I will wait for your video

  • @kamiastudio

    @kamiastudio

    Ай бұрын

    iya iya

Келесі