How to Scroll Image (ESP32 and TFT display)
ฝัง
- เผยแพร่เมื่อ 14 พ.ค. 2024
- Screens that we are using to show data or sensors reading are to small to show large picture. Here is idea for you. You can scroll image and make this nice animation. In this video I will show you how to do that.
You can buy T-DISPLAY S3 here: www.lilygo.cc/0cAg0r
This video is sponsored by PCBWay company www.pcbway.com/ . PCBWay have always same prices, I respect that. Quality is great and there is many shipping options. And they are fast
Conversion tool for images (jpg to RGB565 array):
www.rinkydinkelectronics.com/t...
Here is code: github.com/VolosR/ImageScroll
I need one subscriber more. Thank you!
If you want support this channel and my work you can buy me coffee here: ko-fi.com/volosprojects - วิทยาศาสตร์และเทคโนโลยี
I like your sense of humor.
Thank you. I must say it is a nice project
Thank you for this. I just received my TTGO today and have plans for using it in a cyberpunk diorama so your video was very helpful.
tnx.where did you buy yours?
@@VolosProjects Sir I'm student. Sir can you give me a Arduino mini computer project components list ? Please 🙏
you can see in videos all the components, 3 push buttons (2pin) , pasive buzzer, potentiometer, arduino nano, i2c oled display and pcb ofc
thanks sir. I am your biggest fan.I can use 1.2k resistor
@@CodeMavenXPT yes, you can
I like to make a simple "smart watch" with one of these smaller screens- minus all the internet and mobile connectivity. All I want from it is: Time & Date (DD/MM/YY)- maybe the current temp and humidity. Maybe also current UV index. Would that be too complex to be compact?
That's very cool. I'm wondering if you could use a similar project with a screen that has touch and be able to manually scroll the image. Hopefully I'll be alive next week to see your next video as well...
Nicely done and keep safe. :)
Is there anyway to show multiple images in one code?
Excelentes todos tus videos, considero que es de los mejores sitios de enseñanza sobre estos temas , altamente recomendado, gracias
Good choice! Jessica Alba...YUM!
awesome video
Many thanks for this video. I appreciate you being able to put out such informative stuff so often, I know you’re a busy guy. I’ll have fun looking at your code. Also, Jessica Alba, Wolverine, burgers and beer will always bait me 😉 If she asks, tell your wife Pete made you do it 😂 Take care 👏🏾👍🏾🤓
I will try, she can't reach you :) :) Cheers Pete
Just in case you’re thinking of upgrading to Arduino IDE 2.0.0, I just found out that it freezes when you use large text files like your image files. So it’s best to use the latest nightly build, which has the fix, until the IDE 2.0.1 comes out. Hope this helps you or someone 👍🏾🤓
tnx, i will wait then😀 i already heard that 2.0.0 have problems
I had to switch from 1.8 to 2.0 because of Java issues. 2.0 has it's own new set of quirks like changing the board your using every time you unplug it and changing setting when you do a library update like the TFT_eSPI
I already have an Arduino mini computer! Thank you for your Video!Let me ask you a question,esp32 How do read the video from the SD card and play it on the TFT screen?
Is there TFT LCD standalone with I2C connection in the market? SPI is difficult to wire for me.
Request tutorial play video on Esp32 + LCD ST7789 please, thanks
You forgot to show the most important part (IMHP) the code the code that does the work. :( and that is why i was watching this one.
i dont undesrstand you, code is in description!
@@VolosProjects
Yeah, but your video was about scrolling the image and that's the part of the code you didn't present. What seems obvious to you might be a mystery for a beginner.
Also you could cover how to avoid flicker and other details that are useful.
Most of your videos seem rushed. My advice is to prepare a little bit better before you film and to not rush so much. You have the knowledge, you just have to find a way to present it better.
Thanks for your work, I appreciate it!
I see, I agree with you, my videos are rushed ,it is still hard for me to explain code and I dont have much time for better preparation. I am trying to make one video per week. I have my full time job, 2 month old kid and house i need to finish. I hope quality of my videos will improve in future.
You have very good technique! How to preview the .C picture file code with Windows?
Jessica Alba from Into the Blue. Definitely click bait! You got me!
(Good video though)
koji je naj veci i naj bolji display, koji radi sa esp32?
za animacije...
Arduino IDE? I'm amazed folks still use it
I'm tring your code on a esp32 and a ili9341 dysplay, and runs fine with width 240px and height 135px, but if I change the parameters to 320px and 240px and the unsigned short imageS[32400]={0} to unsigned short imageS[76800]={0} in order to fit the screen, I get this error during compilation: DRAM segment data does not fit
How can I fix it?
yes it is true, l tried and i get same error, it seems that array is too big, try smaller image, my largest is 234x234
@@VolosProjects My intent was to perform only the vertical scroll of an image.
I managed to get it to work by dividing the ili9341 screen vertically into two parts.
I have replicated your code for the left and right sides using the same imageS variable and now it works perfectly.
All this hassle is to avoid memory allocation problems during the compilation.
But now I should read the image from a micro sd card, instead of an .h file. I am trying to read the image from sd and dynamically convert it to a uint16_t variable but i am not having success. Do you have any idea?
Is there a way to use a much larger image from an SD card and do something similar?
Yes ofcourse, code will be diferent but it is possible.
Me too - hope we are all alive. Curious why you say that?
That info is great - my S3's are on their way.
Not sure where he lives, but his accent might suggest somewhere likely to be affected by the Ukraine-Russia conflict.
I live in Croatia, and i am not affected by war. (exept high prices of fuel and energy ) ... you are right accent is similar. At begining of video i stated that my wife will kill me becouse that scroling picture (good looking girl). So it was just joke :)
@@VolosProjects Good. Wives tend to kill with their look and the silent treatment, but that is just how it is. Never stopped me - after all I am a bloke and the body works like the body works - why hide it?
How can you change the speed
Instead of writing 32400, just put in screenW*screenH. Then you can remove the comment, because you've replaced the magic constant with self-documenting code. (there is no optimization to be gained by calculating constants by hand)
i tried unsigned short imageS[screenW * screen H]={0}; is that the syntax you meant?
Nice video, anyway you should fix the name of your "D" disk drive on your PC, there is some typo in the name :P
hahah, morat cu :)
@@VolosProjects :D
Is it possible to have the same code working with uint8_t arrays instead of uint16_t arrays? Pleaseeeee
no, it will not work
@@VolosProjects why?
@@djste83 watch whole video, each pixel need 16bits to store amount of red green and blue
@@VolosProjects you are right, that's why it wasn't working with uint8_t arrays in my tests. Is it possible to read image from sd card instead of .h file? I'm not able to convert the Image on the fly in a uint16_t array.
Sir I'm student. Sir can you give me a Arduino mini computer project list of components ?
0:01 🤣
You didn't show the full code
code is in description.
Sir I'm student. Sir can you give me a Arduino mini computer project components list ? Please 🙏
What I saw that it was in Arduino I got away
Today is a good day to die 😂😂😂
nice click bait 👍
hi volos, amazing work with the project, im curious as how to make a background and foreground sprite. where the background is dynamic and the foreground is static like an aircraft attitude direction indicator? this is the code that I have now, it works perfectly but the 'ArrowSprite' which is the fixed aircraft symbol flickers when pushed onto the screen therefore I was thinking of making a composite sprite but I don't know how to get started. please advise.
#include
#include "Back.h"
#include
#include
#include "Arrow.h"
Adafruit_MPU6050 mpu;
#define I2C_SDA 20
#define I2C_SCL 21
#include "frame.h"
TFT_eSPI tft = TFT_eSPI(); // Initialize library for the TFT screen
TFT_eSprite AH_Sprite = TFT_eSprite(&tft); // Create a sprite object
TFT_eSprite ArrowSprite = TFT_eSprite(&tft); // Create a sprite object
TFT_eSprite TranSprite = TFT_eSprite(&tft); // Create a sprite object
void setup() {
Wire.begin(I2C_SDA, I2C_SCL); // Initialize I2C communication
tft.begin(); // Initialize TFT display
tft.setRotation(0); // Set TFT rotation
AH_Sprite.setSwapBytes(true); // Set byte swapping
AH_Sprite.createSprite(240, 640); // Create a sprite
tft.setPivot(120,160);
ArrowSprite.createSprite(96,23);
ArrowSprite.setSwapBytes(true);
TranSprite.createSprite(240,640);
if (!mpu.begin()) {
tft.println("Failed to initialize MPU6050! Check wiring and connections.");
while (1); // Infinite loop to stop further execution if MPU6050 not found
}
}
void loop() {
sensors_event_t a, g, temp;
mpu.getEvent(&a, &g, &temp); // Read sensor data
int angle = map(a.acceleration.y, -10, 10, 90, -90); // Map y-axis tilt to angle range
int y = map(a.acceleration.x, -10, 10, 0, tft.height() - 640); // Map x-axis tilt to vertical range
int OF=0;
y += 160+OF;
AH_Sprite.fillSprite(TFT_BLACK); // Clear the sprite
AH_Sprite.pushImage(0, 0, 240, 640, Back); // Place background image on sprite
// Update sprite's pivot point for rotation and vertical movement
AH_Sprite.setPivot(120, 320 + y); // Adjust pivot point for both rotation and vertical movement
// Rotate and draw the sprite based on accelerometer data
// Since we're not using a physical device to display it immediately, you'd need to handle the sprite display to the TFT after rotation if needed
ArrowSprite.pushImage(0,0,96,23,Arrow);
ArrowSprite.pushToSprite(&AH_Sprite,72,145,TFT_BLACK);
AH_Sprite.pushRotated(angle); // Rotate sprite, making the background transparent
}