Easy Way to make this "Electronic Circuit" User Interface

hello I need your help I can't decide which one I like more this blue design or this purple one they both look nice hmm maybe if I change the brightness yes here is another internet clock and I'm using Lily goatee display S3 again but this video is not about internet clocks in this video I will teach you how to make similar design for your project hello how this turned out and I'm sure this will look great on my work desks my friends will probably ask me where to buy this like always I will share my code for this clock and I will show you how to upload it to your TD display board using Arduino IDE there are few settings you will need to modify so stay tuned you can use this method for any project or any interface sometimes we need just good idea we don't need fancy software Library force or magic while digging in this mess I find that this clock this is a PCB I designed many years ago I made a video about this clock and that video was the first video I made for PCB way company PCB way was my first sponsor and they helped me a lot with this channel I will always recommend them because their pcbs are really well made and cheap you can find this project on their site I will share links in description don't forget to check their site you can find many interesting projects and pcbs there I wanted to see if I still have files for this clock and when I found them an idea came to my mind I can use this as the background image of my project so I designed a new fake circuit just for this purpose you can use keycat for example because it is free in preview mode I used Windows sniper tool to make a image out of this then I used a paint net you can even use basic paint software to edit pictures and by painting some of these lines I made many similar images which will make this nice random animation then I converted each image to format TFT SPI needs and I created two dimensional array of these images data are stored in header file it is important that the images have the same resolution as our display which is 320 by 117. here is the code every second another random image is used as the background of this clock so we have SIMPLE animation time is fetched from the internet you solve this so many times on my channel like always code is free and you can find it in description but before uploading you will need to set up your Wi-Fi data here you will need also to set up your time zone here and you will need to adjust a few settings in Arduino IDE flash size need to beat 8 megabytes and you will need to set partition settings you will choose this one also 8 megabytes images inside these header files needs lots of memory so default 4 megabyte is not enough you will notice that this code is pretty short maybe 100 lines of code so it is pretty simple the trick is background images I hope you will learn something from this code it is pretty simple and but the final result is nice if you don't own the display S3 you can find links in description you can choose version which shell or without them I love this black and gray shells and you can even put batteries inside I hope this video was helpful I hope this video will release your creativity I hope you will make something nice and good looking using this method and I hope my clock design will be used around the world if you want to help me run this channel you can buy me a coffee a link is in description but it was hard week so um more in the mood for beer I hope you don't mind thank you for watching the whole video I really appreciate it uh have fun with this and have a nice day I will see you next week maybe thank you goodbye

Channel: Volos Projects

Views: 22,498

Keywords:

Id: -XcWou2sskc

Length: 6min 30sec (390 seconds)

Published: Fri May 19 2023