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
--------------------
http://educ8s.tv/arduino-bitmap-graphics-tutorial
--------------------
Quiz of Knowledge Android Game
--------------------
You can download my latest Android Game which is called Quiz of Knowledge here:
📥 http://bit.ly/QuizOfKnowledge
--------------------
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
Видео Arduino Tutorial: Bitmap graphics on an Arduino Touch Screen and other top Arduino Displays канала educ8s.tv
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
--------------------
http://educ8s.tv/arduino-bitmap-graphics-tutorial
--------------------
Quiz of Knowledge Android Game
--------------------
You can download my latest Android Game which is called Quiz of Knowledge here:
📥 http://bit.ly/QuizOfKnowledge
--------------------
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
Видео Arduino Tutorial: Bitmap graphics on an Arduino Touch Screen and other top Arduino Displays канала educ8s.tv
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![How to create a simple Touchscreen GUI || Arduino LCD & Touchscreen Tutorial](https://i.ytimg.com/vi/SIo_Gv7K7Fo/default.jpg)
![Nextion+Arduino Tutorial #4 Custom Gauge And Play Video](https://i.ytimg.com/vi/eDn7LFyoEm8/default.jpg)
![Arduino OLED Bitmap Graphics Display](https://i.ytimg.com/vi/6WXB8e4xR_A/default.jpg)
![Arduino Display Functions - FREE CODE!!!](https://i.ytimg.com/vi/U5hOU-xxQgk/default.jpg)
![How to make a DIY Smart Mirror](https://i.ytimg.com/vi/DjPGoGmO5VY/default.jpg)
![How to convert images to Arduino Arrays for use on LCD displays! - Tutorial](https://i.ytimg.com/vi/Q1iVtLQOZOI/default.jpg)
![You can learn Arduino in 15 minutes.](https://i.ytimg.com/vi/nL34zDTPkcs/default.jpg)
![how to display images on 0.96" oled using arduino](https://i.ytimg.com/vi/kSRytu8Q0Vo/default.jpg)
![Animations on OLED display - Arduino](https://i.ytimg.com/vi/0KGMFhFQ0YY/default.jpg)
![Arduino Mega Draw bitmap on 3.2" 480 x 320 TFT LCD Shield using UTFT](https://i.ytimg.com/vi/rw1nzJSd8Q0/default.jpg)
![Arduino | Simple GUI on LCD TFT Touch Screen to Control LED and Display Temperature and Humidity](https://i.ytimg.com/vi/hJCeRvi-YcQ/default.jpg)
![Tutorial Arduino ITA 19: Display TFT Touchscreen](https://i.ytimg.com/vi/43S2HzgR8NA/default.jpg)
![Arduino Touchscreen Display - Using a Resistive Touchscreen](https://i.ytimg.com/vi/_GT_sgbKQrc/default.jpg)
![Display examples - which one to use?](https://i.ytimg.com/vi/H4OuxIwLgHw/default.jpg)
![Arduino-friendly 240x320 LCD Display Tutorial (ILI9341)](https://i.ytimg.com/vi/EFAfcsYOriM/default.jpg)
![Arduino Tutorial: 1.8" TFT Color Display ST7735 128x160](https://i.ytimg.com/vi/NAyt5kQcn-A/default.jpg)
![Making animation from GIF files for TFT screen (ESP32 ,ESP8266 , Arduino)](https://i.ytimg.com/vi/-h9Vm0Ow_Is/default.jpg)
![Tested: Display Libraries - Adafruit, u8glib, Homebrew Code](https://i.ytimg.com/vi/lkWZuAnHa2Y/default.jpg)
![Video Tutorial: Arduino Uno: Bitmap animation on ILI9341 TFT Touchscreen Display Shield with Visuino](https://i.ytimg.com/vi/rZh4QVcyGe8/default.jpg)
![OLED Displays with Arduino - I2C & SPI OLEDs](https://i.ytimg.com/vi/7x1P80X1V3E/default.jpg)