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

Поделиться
HTML-код
  • Опубликовано: 9 дек 2016
  • 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/arduino-bitmap-graph...
    Want to learn to code?
    👨‍💻 Check my new RUclips channel: bit.ly/3tku2n0
    🎮 My Android Game: bit.ly/QuizOfKnowledge
  • НаукаНаука

Комментарии • 72

  • @eshansingh1
    @eshansingh1 7 лет назад +31

    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
      @Educ8s  7 лет назад +9

      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
    @alessiocolbacchini7439 3 года назад

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

  • @Ribos25
    @Ribos25 7 лет назад

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

  • @JBM_95
    @JBM_95 3 года назад

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

  • @nickmccullough7955
    @nickmccullough7955 7 лет назад

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

    • @Educ8s
      @Educ8s  7 лет назад

      Hello Nick, I am glad the video was useful!

  • @charlesmwamba6452
    @charlesmwamba6452 5 лет назад

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

  • @ARiLDSONV
    @ARiLDSONV 4 года назад

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

  • @ovalwingnut
    @ovalwingnut 5 лет назад +1

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

  • @issecret1
    @issecret1 3 года назад

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

  • @arduino5267
    @arduino5267 5 лет назад

    Very good explained...thanks bra

  • @mohamedalfalasi4428
    @mohamedalfalasi4428 7 лет назад

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

  • @roberthorwat6747
    @roberthorwat6747 3 года назад

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

  • @code4arcmop
    @code4arcmop 5 лет назад

    Great tutorial. Thanks

  • @brewdog223
    @brewdog223 7 лет назад

    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.

  • @VasilisKarastergios
    @VasilisKarastergios 7 лет назад +1

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

    • @Educ8s
      @Educ8s  7 лет назад

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

  • @SergeiJonovich
    @SergeiJonovich 7 лет назад

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

    • @Educ8s
      @Educ8s  7 лет назад

      Hey, thanks for the nice words! Greetings !

  • @interlinkknight
    @interlinkknight 7 лет назад +2

    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.

  • @ohnoeehiddengemamardanial793
    @ohnoeehiddengemamardanial793 3 года назад

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

  • @LUCKY007725
    @LUCKY007725 7 лет назад

    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

  • @themonkey4465
    @themonkey4465 6 лет назад +3

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

  • @Simoncressey99
    @Simoncressey99 6 лет назад

    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

  • @mohammedissa9448
    @mohammedissa9448 7 лет назад

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

  • @jamest.5001
    @jamest.5001 7 лет назад

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

  • @adamjensen6376
    @adamjensen6376 7 лет назад

    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

  • @Cesar-dt9nl
    @Cesar-dt9nl 3 года назад

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

  • @pearinnovation1419
    @pearinnovation1419 5 лет назад +1

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

  • @rafaelmarroquin4429
    @rafaelmarroquin4429 7 лет назад +1

    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
      @Educ8s  7 лет назад +1

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

  • @fumanschu13
    @fumanschu13 4 года назад

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

  • @jamest.5001
    @jamest.5001 7 лет назад

    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.

  • @migueldoliveiracomposer
    @migueldoliveiracomposer 6 лет назад

    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

  • @seanhardy_
    @seanhardy_ 6 лет назад

    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!

  • @UnDiodoDosytresLeds
    @UnDiodoDosytresLeds 4 года назад

    the bitmap can be saved in a EEPROM ?

  • @flyingbrick88
    @flyingbrick88 6 лет назад +1

    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
      @anthonyscottbaker 6 лет назад +1

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

    • @colindevaux4476
      @colindevaux4476 6 лет назад

      tft.reset(); before bitmap may fix it

  • @seaha3750
    @seaha3750 7 лет назад

    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

  • @Vishank
    @Vishank 6 лет назад

    Awesome

  • @raybright5805
    @raybright5805 7 лет назад

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

    • @Educ8s
      @Educ8s  7 лет назад

      I have prepared a video on that already. You can check it out here: ruclips.net/video/cURh2-dTuI0/видео.html

  • @ctbram0627
    @ctbram0627 4 года назад

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

  • @timonkaczorowski9685
    @timonkaczorowski9685 Год назад

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

  • @fanBladeOne
    @fanBladeOne 5 лет назад

    Efcharistoume :)

  • @AlxMnor
    @AlxMnor 7 лет назад

    i love ur channel, where are you from?

    • @Educ8s
      @Educ8s  7 лет назад

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

    • @AlxMnor
      @AlxMnor 7 лет назад

      im from Spain, thank you for your reply!

    • @Educ8s
      @Educ8s  7 лет назад

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

  • @pembatamang8233
    @pembatamang8233 6 лет назад +1

    cannnot run Image2code converter...please show how

  • @MiguelGPerez-lt9lk
    @MiguelGPerez-lt9lk 2 года назад

    que ingles mas buenoooo!!!

  • @rodo19724
    @rodo19724 2 года назад

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

  • @dtiydr
    @dtiydr 3 года назад

    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
    @flushyoudowntheloo 5 лет назад

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

  • @moatazkh90
    @moatazkh90 3 года назад

    where is this guy from

  • @saraemanuel1
    @saraemanuel1 7 лет назад

    saca la traducción en español

  • @loukask.9111
    @loukask.9111 7 лет назад

    first :D

    • @Educ8s
      @Educ8s  7 лет назад

      The fastest subscriber ;-)

    • @loukask.9111
      @loukask.9111 7 лет назад

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

    • @Educ8s
      @Educ8s  7 лет назад

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

    • @loukask.9111
      @loukask.9111 7 лет назад

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

  • @goned216
    @goned216 5 лет назад

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

    • @pearinnovation1419
      @pearinnovation1419 5 лет назад

      Same here I m also stuck there

    • @goned216
      @goned216 5 лет назад

      its sad..

    • @ouzhanuglu
      @ouzhanuglu 5 лет назад +1

      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
    @guys-in9vd 4 года назад

    the graphics are all a mess