How to Scroll Image (ESP32 and TFT display)

development boards can be used to Blink LED or you can use them for something else yes today is a good day to die if my wife finds this video just kidding this was classical click bait let's find something else in this video I will show you how to scroll any image on on any TFT display you will also learn how pixels are stored in a memory and much more of course you will need to use ESP [Music] 32 because the older Arduino don't have enough memory and speed for this I made this sorry I made this big because these screens are sometimes too small to show the whole picture so here is a solution I will explain to you in detail how to make this with any TFT display but first I need to say couple words about our sponsors in my in my last video I promised that I will make a game for this TT goatee display S3 board for that project I needed custom PCB similar to this one but I was lazy and too late but the good news is that my PCB is finished and it will arrive here in a few days this video is sponsored by PCB way PCB way will produce your pcbs very fast at great price today I don't see any point to use perf boards feel free to check the PCB way site I will leave a link in description also hit that subscribe button or you will miss my game for this great development board if you want you can buy me a coffee link is in description some of the money will be spent on thank you let's start I will show you how to make this and I will use this old version of dtgo uh you can use any esp32 more than any TFT screen but first let's learn something picture is made of pixels each pixels has its own color you can see that this picture has 100 pixels if you want to display an image we can we need to convert it to a format which can be read by TFT SPI Library converted image looks like this array of 100 elements and each element represents one pixel type of data is short because short needs only two bytes our display use RGB 565 system so for each pixel we need 16 bits or 2 bytes and pixels in Array are stored in this order this is small picture but large 400 480 by 480 will will have much more pixels and since each pixel need two voids it will need lots of memory okay let's make this first you will need picture you will call it picture and you will resize it right now it is too large for our project so I will open it in paint and I will resize it 480 by 480 is largest you want to go this will be even smaller so I will resize it and I will save it now you will go on this site you can find link in description so I will go choose file I will choose picture okay make file and I will go to download and I will save this in same folder I will open this with any text editor I will select all and I will copy it so I will open code you can find code in the description and I will select all I will delete this paste my picture size of my picture is 480 by 270 so here I will write these numbers 480 by 270 and here is the size of our screen we are using TT go so size of screen is 240. bye 135 so how this work here we have a buffer large buffer which is whole image and here we have small buffer which is size of our screen here we need to put screen with multiply by screen height so 240 by 235 is 32 and 400. and now I will connect my TT go and here are results that's it thank you I hope you learned something and I hope I will still be alive next week for next video thank you and goodbye

Channel: Volos Projects

Views: 29,655

Keywords:

Id: 1LqBUb73HkI

Length: 8min 0sec (480 seconds)

Published: Wed Sep 21 2022