Arduino Tutorial: Bitmap graphics on an Arduino Touch Screen and other top Arduino Displays

In this video tutorial we are going to learn how load bitmap graphics in our Arduino Touch Screen projects using Adafruit's GFX library. We are going to use some of the most popular Arduino displays. Let's get started!
The procedure that I am going to describe works with all the color displays that are supported by Adafruit's GFX library and by the displays that use the TFTLCD library from Adafruit with a small modification. So from the displays I own I can use the color OLED display, the 1.8" ST7735 color TFT display, the 2.8" Color Touch Screen that I reviewed a few weeks ago and the 3.5" Color TFT display. You can find links for all the displays below.
💻 Code & Parts: educ8s.tv/ardui...
Want to learn to code?
👨‍💻 Check my new KZbin channel: bit.ly/3tku2n0
🎮 My Android Game: bit.ly/QuizOfKn...

[@eshansingh1]

Hey, I just wanted to say thanks for providing CC (captions). My deaf friend loves your channel because it's pretty much the only electronics hobby channel that provides this.

[@Educ8s]

Hello Eshan! Thank you very much for your comment. I am really glad that captions are useful to your friend! Comments like yours motivate me to improve the channel even more! Thanks again!

[@alessiocolbacchini7439]

Thank you for sharing, I finally got my ILI9341 to display bitmaps thanks to your tutorial

[@Ribos25]

Μπράβο Νίκο! Τα βίντεό σου με παρότρυναν να παραγγείλω διάφορα πραγματάκια από banggood! Συνέχισε έτσι ρε φίλε!

[@JBM_95]

Very good tutorial to learn how to use this library and display pictures on TFT screen :) Thanks !

[@interlinkknight]

I enjoy the video and thanks for the help, but I always thought this displays were too slow for real graphics (is so slow you can see the frame loading from up to down). I have a future project I am planning to do and require to show gauges on a color display. I search everywhere and find that arduino is just too slow. But arduino is all I know. So later I found a display called nextion and it seems much better than any other display used for arduino because it has its own graphic processor, so is very fast displaying graphics. Not sure if you ever tried nextion, but I think is a better option for this kind of projects. With that I don't mean stop making this videos, though. I am subscribed to your channel and I plan to keep it that way. Is just a suggestion for the future.

[@VasilisKarastergios]

Ευγε απογονε ελληνων, αναλυτικοτατος οπως παντα!!

[@Educ8s]

Ευχαριστώ Βασίλη για τα καλά σου λόγια!

[@issecret1]

I might just now understand why I couldn't get this right. THANK YOU

[@charlesmwamba6452]

Awesome!! this is now a solution to what i would like to work on. Some more tutorials of this kind please........thank you

[@nickmccullough7955]

This is perfect timing for a project I'm working on. Thanks!

[@Educ8s]

Hello Nick, I am glad the video was useful!

[@themonkey4465]

Please make tutorial on how to get the image to code Java utility.

[@ohnoeehiddengemamardanial793]

Thank you so much for such amazing tutorial as always.✨✨ Is there's a tutorial to display GIF for 2.8 TFT touchscreen LCD?

[@brewdog223]

Love the video! this should help me design boot up screens and menu icons for several projects! however i am having some trouble with the demo code, even trying your examples loaded directly from the folder. I get a white screen that flashes everytime it would change colors of your bitmaps.

[@ARiLDSONV]

brilliant video! thank you so much for the extremely useful information - keep up the great content!

[@SergeiJonovich]

Thanks Nick, another really interesting tutorial - already have a few ideas to utilise these. Seasons greetings by the way! Jono

[@Educ8s]

Hey, thanks for the nice words! Greetings !

[@pearinnovation1419]

Sir how can we run Img2code in gradlew or in short how to open java utility img2cod3

[@ovalwingnut]

👍😁 OUTSTANDING! Thank You (I love you man:)

[@roberthorwat6747]

BRILLIANT!!! Thank you so much!!!!!

[@jamest.5001]

I would like to use a display like this for gauges in a car. would this be reliable enough for that? could arduino hold all the program for that. I have some awesome ideas. if this will work. great video as usual.

[@LUCKY007725]

nice work as always I saw one LCD brand name is Nextion could you please make a tutorial on it to make a temperature and humidity controller with DHT22 Thanks for valuable support

[@arduino5267]

Very good explained...thanks bra

[@Cesar-dt9nl]

Any chance to explain how to work with gradle to change the bmp to arrays?

[@rafaelmarroquin4429]

really good and very easy to follow thanks for ur videos. (I have a fingerprint sensor but all wire are the same color (red) and i dont know how to test which wire is for vcc and gnd and the others pinout) if you can help me plse.

[@Educ8s]

Thanks for the nice word! Unfortunately I can't help you, you have to see the details from the manufacturer.

[@code4arcmop]

Great tutorial. Thanks

[@fumanschu13]

Very interessting video. Keep it up. How can i make that code running on a 1.8 Display with st7735 driver?

[@Simoncressey99]

Cool vid just subbed your vid on rotary encoders helped me out on a project you seam to know a lot about arduino displays I am a little suck on an idea I had is there a way to run video clips on an arduino

[@timonkaczorowski9685]

Can someone explain the drawThecloud thing, after watching this it just came out of nowhere and i cant get my code to work

[@ctbram0627]

So why no way to display 24bit color bitmaps? the 96x64 1331 oled is supposed to support 24bits per pixel isn't it?

[@migueldoliveiracomposer]

Hi Nick. Great tutorials. My TFT does not work with Adafruit_TFTLCD tft(LCD_CS, LCD_CD, LCD_WR, LCD_RD, LCD_RESET); instead needs #include MCUFRIEND_kbv tft; which means nothing then works. Is there a way to fix this? Many thanks in advance

[@jamest.5001]

or would a teensy 3.2 work better? for something like a gauge for automotive use?

[@adamjensen6376]

Hey there I tried you library with my 3.5 tft lcd shield and it doesn't work is there another version I don't know about for that

[@mohamedalfalasi4428]

thanks for these amazing videos ,, keep it up :)

[@mohammedissa9448]

Is there any way we can display a full color logo on the screen? Thanks!

[@flyingbrick88]

Many thanks for the video! However I do have some issue with the bitmap/Progmem function. Unfortunately the screen displays random pixels when using this function. The strange thing is that no matter what bmp data I put into the .c file the result on the screen does not change- I could change the whole block of bitmap data or completely delete it from the .c file but still nothing will change. I wonder- Do i need to do something as silly as remove and re-add the .c file into my sketch to make it refresh what is in the progmem? I'd appreciate any help- this is driving me nuts. All other functions from the GFX library work really well and the x/y plus color part of the bitmap function work fine (they position the random pixels around the screen in the correct color) I'm using a 128x128 color oled with a NANO, im happy to post the very basic code here for your expert help!

[@anthonyscottbaker]

I have the same problem, it displays as a bunch of static.

[@colindevaux4476]

tft.reset(); before bitmap may fix it

[@raybright5805]

Does this also work with .96inch i2C OLEDs with 4 pins being GND - VCC- SCL & SDA Love your work

[@Educ8s]

I have prepared a video on that already. You can check it out here: kzbin.info/www/bejne/mYa1mWVjmbmof5I

[@dtiydr]

I'm sad that these displays (I guess is the reason and not the cpu) are so slow on update the graphics that you can see it.

[@flushyoudowntheloo]

copied exactly but didnt work. I have checked that the method is being called but nothing occurs.

[@UnDiodoDosytresLeds]

the bitmap can be saved in a EEPROM ?

[@seaha3750]

hey man i really like your videos they helped me alot. but now i have a problem. can you make a video how to make an easy menü fir an color oled. so only one button switches througt different screens. i tried it hours and hours but didnt get a good result. Maybe you and your skill can do this. thx man

[@rodo19724]

Where do PINS SD_CS, SD_MOSI, SD_MISO,SD_SCK, and F_CS go ?

[@pembatamang8233]

cannnot run Image2code converter...please show how

[@firelods5650]

have u find how to?

[@seanjhardy]

Hey i really love the channel! Can you create a tutorial on how to use the micro sd card with this TFT display to generate multicolour images?? i really need help. If anyone could provide some code or a link to a tutorial that would be immensely appreciated!

[@AlxMnor]

i love ur channel, where are you from?

[@Educ8s]

+Alx Mnor Hey thanks for the nice words. I am from Greece and you?

[@AlxMnor]

im from Spain, thank you for your reply!

[@Educ8s]

Spain! What a fantastic country! I visited, Madrid, Cordoba and Sevilla last summer. It was great!

[@Vishank]

Awesome

[@moatazkh90]

where is this guy from

[@MiguelGPerez-lt9lk]

que ingles mas buenoooo!!!

[@fanBladeOne]

Efcharistoume :)

[@saraemanuel1]

saca la traducción en español

[@goned216]

WHY DO PEOPLE NEVER SHOW HOW TO RUN THOSE WEIRD NODE AND JAVA STUFF?

[@pearinnovation1419]

Same here I m also stuck there

[@goned216]

its sad..

[@ouzhanuglu]

in order to open java app install JDK 1.8.1 and download Adafruit-GFX-Library then extract Adafruit-GFX-Library-master zip file that you have downloaded. double click gradlew windows batch file which is inside Img2Code folder then wait for the build. after the succesfull build create shortcut of gradlew the windows batch file (right click > press "Create shortcut") then right click the shortcut that you have created > properties > then type run the end of target section. it must be like "C:\Users\DESKTOP\Downloads\Compressed\Adafruit-GFX-Library-master\Img2Code\gradlew.bat run" then double click the shortcut app should start.

[@guys-in9vd]

the graphics are all a mess

[@loukask.9111]

first :D

[@Educ8s]

The fastest subscriber ;-)

[@loukask.9111]

yes, remember me? i am the half greek :D

[@Educ8s]

Yes i remember you! Do you live in Germany or in Greece?

[@loukask.9111]

i live in germany but i lived 4 years in greece!