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.

——————–
WHERE TO BUY
——————–

Color OLED: http://educ8s.tv/part/ColorOLED

1.44″ TFT: http://educ8s.tv/part/LCD144

1.8″ TFT ST7735: http://educ8s.tv/part/7735

2.8″ Touch Screen: http://educ8s.tv/part/TouchScreen28

3.5″ Color TFT: http://educ8s.tv/part/ColorTFT35

Arduino Uno: http://educ8s.tv/part/ArduinoUno

PowerBank: http://educ8s.tv/part/Powerbank

Full disclosure: All of the links above are affiliate links. I get a small percentage of each sale they generate. Thank you for your support!

——————–
LIBRARIES
——————–

📥 Adafruit GFX Library: https://github.com/adafruit/Adafruit-GFX-Library

📥Image2Code Java Utility: https://github.com/ehubin/Adafruit-GFX-Library/tree/master/Img2Code

The GFX library from Adafruit offers a function which is called drawBitmap which displays a monochrome bitmap image on the display. We can’t load multicolor graphics with this function just single color graphics. But we can change the color of the bitmap image so with a little imagination we can create colorful graphics. If the display we use does not support the Adafruit GFX library but it is using the TFTLCD library we have to copy the code of the drawBitmap function in our sketch before we can use it.

The drawBitmap function takes 6 arguments. The first two are the x and y coordinates of the screen where we want the image to be displayed. The next argument is the array in which the bitmap is loaded in our code. The next two arguments are the width and height of the bitmap in pixels, in other words the resolution of the image. The last argument is the color of the bitmap, we can use any color we like. The bitmap data must be located in program memory since Arduino has a limited amount of RAM memory available.

——————–
CODE OF THE PROJECT
——————–

Arduino Bitmap Graphics Tutorial

——————–
FACT OR FICTION 2018 Quiz Game
——————–

You can download my latest Android Game which is called Fact or Fiction 2018 here:

📥 http://bit.ly/FactOrFiction2018

——————–
MORE PROJECTS
——————–
Arduino Datalogger: https://www.youtube.com/watch?v=oei3Y6tOhVI
Arduino Weather Station Project: https://www.youtube.com/watch?v=9jN-3DtS1RI
Arduino Nokia 5110 LCD Display: https://www.youtube.com/watch?v=aDwrMeu4k9Y
Arduino OLED display tutorial: https://www.youtube.com/watch?v=A9EwJ7M7OsI
DIY Arduino: https://www.youtube.com/watch?v=npc3uzEVvc0

——————–
ABOUT EDUC8S.TV
——————–
Educ8s.tv is a Youtube channel and website which is dedicated in developing high quality videos about DIY hardware and software projects. In this channel we develop projects with Arduino, Raspberry Pi, we build robots and simple electronic circuits. Check out our website as well for more information: http://www.educ8s.tv

——————–
SUBSCRIBE ON YOUTUBE
——————–

Never miss a video: https://www.youtube.com/subscription_center?add_user=educ8s ——————–
Physics Experiments Puzzle Game
——————–

You can download my latest Android Game which is called Incredible Physics Experiments here:

📥 http://bit.ly/IncredibleExperiments

——————–
MORE PROJECTS
——————–
Arduino Datalogger: https://www.youtube.com/watch?v=oei3Y6tOhVI
Arduino Weather Station Project: https://www.youtube.com/watch?v=9jN-3DtS1RI
Arduino Nokia 5110 LCD Display: https://www.youtube.com/watch?v=aDwrMeu4k9Y
Arduino OLED display tutorial: https://www.youtube.com/watch?v=A9EwJ7M7OsI
DIY Arduino: https://www.youtube.com/watch?v=npc3uzEVvc0

——————–
ABOUT EDUC8S.TV
——————–
Educ8s.tv is a Youtube channel and website which is dedicated in developing high quality videos about DIY hardware and software projects. In this channel we develop projects with Arduino, Raspberry Pi, we build robots and simple electronic circuits. Check out our website as well for more information: http://www.educ8s.tv

——————–
SUBSCRIBE ON YOUTUBE
——————–

Never miss a video: https://www.youtube.com/subscription_center?add_user=educ8s

source

Leave a Reply

*

captcha *