Arduino Tutorial: OLED Display Bitmap Graphics on Arduino Uno using U8g library

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 พ.ค. 2015
  • Arduino Tutorial: OLED Display Bitmap Graphics on Arduino Uno using U8g library and LCD assistant.
    Dear friends in this video we learn how to load bitmap graphics on a tiny 0.96' 128x64 OLED display. It is a very easy procedure. First you create your bitmap graphics on a software like paint.net or Photoshop. Next you transform these graphics into byte arrays using the LCD Assistant software. Next all you have to do, is to use the u8g graphics library for Arduino in order to display these graphics into the tiny OLED display.
    💻 Code & Parts: educ8s.tv/arduino-oled-display...
    Want to learn to code?
    👨‍💻 Check my new TH-cam channel: bit.ly/3tku2n0
    🎮 My Android Game: bit.ly/QuizOfKnowledge
    LCD Assistant: en.radzio.dxp.pl/bitmap_conver...
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 58

  • @HariWiguna
    @HariWiguna 9 ปีที่แล้ว +8

    That looks awesome! Turning it into a playable Space Invader would be fun!
    PS: I didn't know about LCD Assistant, thanks for sharing.

  • @anudeep.20
    @anudeep.20 6 ปีที่แล้ว

    Thank you so much
    I have been trying so many ways but the way u suggested is absolutely working..!!

  • @tycstahX
    @tycstahX 5 ปีที่แล้ว

    Love your videos! very clear. very helpful.

  • @MkmeOrg
    @MkmeOrg 9 ปีที่แล้ว +2

    Nicely done!

  • @kaigrey1653
    @kaigrey1653 7 ปีที่แล้ว

    thank you so much for this video, it really helped)))

  • @iansterling9150
    @iansterling9150 8 ปีที่แล้ว

    Your videos are very helpful

  • @tubical71
    @tubical71 7 ปีที่แล้ว

    This one maked me subbed to your channel....i actually want that game on my uno as i´m using the same kind of display myself ;)

  • @petarmarkovic3737
    @petarmarkovic3737 5 ปีที่แล้ว

    I can't even describe how long it's taken me to realize that "PROGMEM" was supposed to be inserted, if you hadn't said this i'd be lost for who knows how long. Thank you

  • @DogRox
    @DogRox 9 ปีที่แล้ว

    Nice!!!!! That would be killer to see that as an actual mini space invaders game! :-)

  • @luiscanabarra
    @luiscanabarra 9 ปีที่แล้ว

    Amazing, thank you !

  • @wero55
    @wero55 6 ปีที่แล้ว

    great job & this is very interesting thanks for the tutorial

  • @eli221982
    @eli221982 7 ปีที่แล้ว +3

    hi!!! awesome video
    but i"m trying to copy paste other graphics in your scatch and it dosen"t work.
    i"m only changing the pixels what can i do wrong??

  • @SimplyDudeFace
    @SimplyDudeFace 9 ปีที่แล้ว +8

    Yes please. Space Invaders please. :-)
    While I am waving my hand in the air, I would also request you base it on a small, cheap Arduino clone, and show the details of integrating the buttons. :-D

  • @DameRavla
    @DameRavla 5 ปีที่แล้ว +1

    Thank you for your video !
    But i have some trouble : " "frame" was not declared in this scope".
    But like you, i wrote the code in void draw and void loop. Did i miss something ?
    (Forgive my english and thank you for your tutorial).

  • @codebeat4192
    @codebeat4192 6 ปีที่แล้ว

    I did some test with different SSD1306 libraries, u8glib is not usable for graphics/animations, it is the slowest of all and the most difficult to use of all. Adafruit lib is ok but bulky and the OLED_I2C library is stunning, small in compile size, fast and easy to use. Search google or github.

  • @LBSiUK
    @LBSiUK 5 ปีที่แล้ว

    Awesome video!

  • @mdafroz4190
    @mdafroz4190 8 ปีที่แล้ว

    THANK YOU SIR i have made it thank you very much can you make a vedio on running animations again thank you very much

  • @ryanwakebradtelle8682
    @ryanwakebradtelle8682 5 ปีที่แล้ว

    Can you tell me what I need to make 1in battery powered screen squares that display images that I make in Ms paint?

  • @yetonlock2596
    @yetonlock2596 7 ปีที่แล้ว

    very interessting, thx for sharing

  • @THIAGO_ELETRICISTA
    @THIAGO_ELETRICISTA 3 ปีที่แล้ว

    Hello Friend! I like many of your videos. serial is it possible to use such an animation on the 128x64 lcd display? and what changes would be needed

  • @Ambr1942BR
    @Ambr1942BR 2 ปีที่แล้ว

    thank you so much.

  • @bigsailboatproject
    @bigsailboatproject 4 ปีที่แล้ว

    Ha! I wish I'd have seen this before. I ended up writing code to grab flash (swf) generated images and convert them into gfx for this OLED. My program uses no libraries though for easy distribution (ATMEGA2560) but the oled() config. is based on Adafruits library code.

  • @khageshroy7766
    @khageshroy7766 7 ปีที่แล้ว

    sir, i am having a problem with the adafruit library. well my oled is working fine but the problem is that the whole adafruit logo is not fitting in my oled. i am using the adafruit1306 SPI example. my oled is 128x64 SPI oled. please help me

  • @CristiIstrate
    @CristiIstrate 8 ปีที่แล้ว

    Is this another OLED from the Yellow 1/3 one ?

  • @voa.aquino
    @voa.aquino 8 ปีที่แล้ว +1

    Where I can find the LCD Assistant?? The official site is unavailable.

  • @FakemonFactory
    @FakemonFactory 7 ปีที่แล้ว

    can I program custom graphics to move to programmed code?

  • @duncanyoung8688
    @duncanyoung8688 7 ปีที่แล้ว

    Hi can you make tutorial about drawing bmp images? like how to write text so small,the text doesnt go that small when you use 128x64 the smallest text size is 8 i think and too big,how do you get the small squars to show so i can fill each square to make the text.is there a grid in paint? Do you understand what i mean?
    There should be a dedicated bmp creator for monocrome displays that shows each pixel so you can fill it in to create pictures easyer.

  • @mdafroz4190
    @mdafroz4190 8 ปีที่แล้ว

    Sir can you show how to make running animation or font side and about liberary please

  • @ernestorivero3596
    @ernestorivero3596 3 ปีที่แล้ว

    Buen video y muchas gracias por la traducción al español de los subtitulo si todo el que hiciera un video y lo traducirá así su trabajo sería más generalisado

  • @ctbram0627
    @ctbram0627 4 ปีที่แล้ว

    Black and white. I have a 1331 color oled that is 96 x 64. I have a 19k bitmap I want to display but I cannot find any program to convert it into a c array that can be stored in memory and then read from the array into the display?? There only seems to be black and white converters and drawImage routines in the adafruit gfx lib only seem to read in black and white or grey scale images???
    If you want to display a color image on the display you HAVE TO READ IT FROM AN SD CARD! I do not have nor do I want to add an SD CARD just to display what I want as a splash screen logo! 96 x 64 x 24bits is just around 19KB. Is this to large to store in mem?

  • @hiyoshi177
    @hiyoshi177 5 ปีที่แล้ว

    Hello i need help i have the same oled screen but i have a board wemos d1 and the microcontroller is a esp8266 but i cant use the library u8glib with this screen i try to use Adafruit_SSD1306 library but that dont work what i can do for make to work this project.

  • @TheXuism
    @TheXuism 6 ปีที่แล้ว

    Hi , great video . What I want to know is how you can draw the bitmap so vividly ? it seem difficult to do it one by one pixel manually . so any shortcut to create the array ?

    • @pash4394
      @pash4394 ปีที่แล้ว

      try using an image to C array converter

  • @thegovenor6166
    @thegovenor6166 6 ปีที่แล้ว

    I connected my screen to the arduino the same way you did and used your code but for some reason, the screen wouldnt work. Plz help

  • @rallekralle11
    @rallekralle11 7 ปีที่แล้ว +1

    maybe you could do an updated video for the new u8g2 library? the old one doesn't seem to work anymore.

    • @gigajoules6636
      @gigajoules6636 7 ปีที่แล้ว

      It's the same. Only problem is because you have to divide the width by 8 and my sprites are a width of 7 I have to make the far right column transparent.
      This causes the screen to go fucking mental so I'm just using the drawing tools to create functions for the sprites

  • @sergiomoranavarrete9426
    @sergiomoranavarrete9426 5 ปีที่แล้ว

    Me encantaría compartirte el resultado fruto del estudio de tu video, gracias por haber hecho este video de todo corazón.

  • @dezinecoparvezilahi3713
    @dezinecoparvezilahi3713 8 ปีที่แล้ว

    whic library you are using it is gfx or u8g

  • @diegomestrecam7674
    @diegomestrecam7674 5 ปีที่แล้ว

    do som one knows how to connect the Oled display to other pins rather than A4 and A5??

  • @akshaydighole7785
    @akshaydighole7785 9 ปีที่แล้ว

    Is it possible with nokia 3110 display

  • @wen1co
    @wen1co 2 ปีที่แล้ว

    can you help me to build a sketch, based on your code with an animated "asus republic of gamers" logo ? im a noob in arduino and need it for my gaming pc :D i want to place the little oled in my case.

  • @mdafroz4190
    @mdafroz4190 8 ปีที่แล้ว

    my ide is telling it is invalid library

  • @jparky1972
    @jparky1972 6 ปีที่แล้ว

    I know this is old.
    But does anyone know how many bitmap images are likely to fit into an arduino.
    Assuming the code is something that simy displays a new image every few seconds?
    Thanks.

    • @Samuel-km5yf
      @Samuel-km5yf 5 ปีที่แล้ว

      Jason Park - I wondered that too. The program in this example used 26% of program memory and the program cycled only three images. So, I’m guessing you could fit somewhere around 12-15 bitmaps in the Arduino program memory???

  • @TheBrainlessSteel
    @TheBrainlessSteel ปีที่แล้ว

    why manually download libraries?? why not use the library manager in the Arduino software?

  • @korin8iouslissome818
    @korin8iouslissome818 3 ปีที่แล้ว

    I realy think you should make a linux tutorial also thank you in advance.

  • @bombasticcat
    @bombasticcat 10 หลายเดือนก่อน

    i have reached maximum dinamic memory. I cant display anything. pls help me

  • @Shanoo5142
    @Shanoo5142 7 ปีที่แล้ว

    How would I do this for 1.44'' TFT display?

    • @Educ8s
      @Educ8s  7 ปีที่แล้ว

      Check this video: th-cam.com/video/7ER1fbDoc20/w-d-xo.html

  • @hasmorais
    @hasmorais 6 ปีที่แล้ว

    Hi, i have done all the steps that you explained and i can't apply any image that i created. Also used same programs. I tested your example and it works fine except the height that is different.
    The only diference is the type of screen. I'm using the 0.91 Inch 128x32 IIC I2C Blue OLED LCD Display DIY Oled Module from Banggood:
    U8G2_SSD1306_128X32_UNIVISION_1_HW_I2C u8g2(U8G2_R0, /* reset=*/ U8X8_PIN_NONE, /* clock= SCL*/ 5, /* data= SDA*/ 4); // pin remapping with ESP8266 HW I2C
    Can you help me?

    • @hasmorais
      @hasmorais 6 ปีที่แล้ว

      Almost got it... My image isn't align

  • @07745343536
    @07745343536 6 ปีที่แล้ว

    heres a good bitmap to c converter thingy for mac. worked well for me..
    github.com/hoiberg/bitmapToC
    i used photoshop to first convert jpegs etc, to bmp files

  • @Gredy16
    @Gredy16 6 ปีที่แล้ว

    Eres españolo?? wey

    • @Educ8s
      @Educ8s  6 ปีที่แล้ว +1

      Νο, Soy Griego

  • @wondercraftnl8138
    @wondercraftnl8138 4 ปีที่แล้ว +1

    it's very stupid, it cant work!