Arduino OLED Animations -- tutorial for beginners, Arduino UNO, u8g2, Adafruit GFX, SSD1306, SSD1309
HTML-код
- Опубликовано: 30 авг 2023
- Do you like video? Please consider buying me coffee, thanks! www.buymeacoffee.com/upir
PCBWay - www.pcbway.com/setinvite.aspx...
WOKWI project - wokwi.com/projects/3742941662...
SOURCE files: github.com/upiir/arduino_oled...
------------------------------------------------------------------------------------------
In this project, I will show you how to show a simple animation using Arduino UNO and OLED display (SSD1306 IIC OLED). The graphics library for drawing images is u8g2 and Adafruit GFX. Enjoy!
------------------------------------------------------------------------------------------
Links from the video:
WOKWI animator: animator.wokwi.com/
Animated icons: icons8.com/icons/set/popular-...
128x64 SSD1306 OLED Display 1.54": s.click.aliexpress.com/e/_DCY...
128x64 SSD1306 OLED Display 0.96": s.click.aliexpress.com/e/_DCK...
128x64 SSD1306 OLED Display 2.42": s.click.aliexpress.com/e/_DFd...
Arduino UNO: s.click.aliexpress.com/e/_AXDw1h
Arduino breadboard prototyping shield: s.click.aliexpress.com/e/_ApbCwx
Image2cpp (convert image to c-style array): javl.github.io/image2cpp/
Photopea (online graphics editor like Photoshop): www.photopea.com/
Piskel Application: www.piskelapp.com/p/create/sp...
Related videos with Arduino UNO and 128x64 OLED screen:
Arduino OLED menu: • Arduino OLED Menu Tuto...
U8g vs U8g2: • U8g vs. U8g2 Arduino G...
Arduino Parking Sensor - • DIY Parking Sensor wit...
Turbo pressure gauge with Arduino and OLED display - • Turbo pressure gauge w...
Arduino Car Cluster with OLED Display - • Arduino Car Cluster wi...
Knob over OLED Display - • Knob over OLED Display...
Arduino + OLED = 3D ? - • Arduino + OLED = 3D ?
Arduino OLED Gauge - • Arduino OLED Gauge
Smaller & Faster Arduino - • Smaller & Faster Arduino?
------------------------------------------------------------------------------------------
PCBWay is a service for manufacturing custom PCBs. If you click the link above, you will get a coupon for $5, which is exactly the price of 10 pieces of custom PCBs. In that case, you will only pay for shipping. Do you have any experience doing this? Please let me know in the comment section!
------------------------------------------------------------------------------------------------------------------------------
Do you have any questions? Suggestions for the next video? Please put those down in the comment section. I try to answer as many questions as I can. Thank you for watching, reading the video description and I hope to see you next time. Good luck with your projects!
--------------------------------------------------------------------------------------------------------
#arduino #oled #animation
--------------------------------------------------------------------------------------------------------
Do you like this video? Please consider buying me a coffee, thank you! www.buymeacoffee.com/upir
Finally someone found out about the Wokwi Animator 😉
It’s a great tool, thank you for creating it! Do you have any idea why the second animation was not generating any data?
@@upir_upirIt was a bug in the app. Most animations have a transparent background, and were correctly converted to 1-bit bitmap for the SSD1306. This specific animation had a white background, which caused the issue. It should be fixed now!
@Wokwi ok, thank you for fixing it!
Now pay him
Your content has been so fundamental to my projects and learning. Truly a wonderful age to live in technologically, but your personal effort is what really makes this happen. Thank you.
Thank you for your nice words, I really appreciate it! Good luck with your projects and stay tuned for more content.
Máš prostě nejlepší arduino kanál na celým yt.. fakt nejzajímavější věci, žádný přiblbaný meteostanice jako každej.. díky za to!
Dobře, píšu si, žádné meteostanice :) Každopádně nevím jestli je kanál nejlepší, to určitě ne, ale díky za pěkný komentář.
This helped so much. Been wanting to play around with a bitmap animation for a long time. Finally got one working.
That´s great to hear, I´m glad it was helpful. Good luck with your project!
Thanks upir ♥, you always came up with new tools that most of us didnt know ☺, Thanks a lot ♥♥
You are welcome, thank you for your comment!
The walking animation looked great !....cheers.
Thank you, I can always count on you! :)
Thanx alot ur video saved me a tons of times coding the byte array ❤
Glad to hear that. Thank you for your nice comment and good luck with your projects!
This is perfect, fast but not too fast, full of details and yet not overcomplicated to show off so...I will be coming back to your channel. I try to teach robotics to primary school kids and I am always looking for projects that will be fun and educational to young kids. I know I will need to simplify a lot further but having a reliable source like yours it is priceless. I work in a public school so money it is not abundant, but if I can contribute to your channel, let me know.
Thank you for your nice words, I really appreciate it. There are always many ways how to contribute - watching videos, liking, sharing.. and of course providing some constructive feedback and criticism. That´s something that I´m missing a lot.
Super helpful!!! Nice vid 😆
Thank you, I’m glad it was helpful!
I learn a lot from your videos! In 13 I got plenty of information! Thanks for sharing!
Thank you, I´m trying to squeeze as much information as possible, I know nobody has time :)
@@upir_upir Thats why I like your videos! straight to the point! No wasting time about things no one cares! Keep your great work! Can't wait to see the next one :)
@GnobarEl thank you! Please feel free to check my other videos as well.
That's some high level content!!!!!! Congrats for the video!!
I'm using the ESP8266 but the steps are almost the same!!!
That’s great to hear! Thank you for your comment.
Awesome, very cool brother 😉👏👏👏
Thank you, I´m glad you like it!
Difference between those addresses is that 0x3c/0x3d is 7-bit addr for lcd as in i2c spec and 0x78/0x7a is 8-bit data which must be sent thru bus with LSB set for i2c direction (read/write).
Thank you for the clarification. It would still make more sense to list 7-bit addresses on the PCB as those are the addresses that you set in the code.
Have you ever created any animations for OLED display? I would love to see them!
A calculator popping out from the left
I made the animation of a RGB LED ladder that displays the same visual effect pattern of the led strip before displaying on it.
I've created animations for CRO's in X-Y Mode
does that count
What is CRO?
@@upir_upir CRO = Cathode Ray Oscilloscope
Good work 👍
Thank you, I´m glad you like it!
Your projects are always interesting. Thank you.
I saw simplification here. The black ball will pass through the coordinates of this icon. Sorry for being smart.)
Thank you for your nice comment, but I’m not quite sure if I understand the second part.. which ball? What coordinates?
figure eight coordinates. those. the ball runs along the track like a sports car and paints the icon itself black on a black background. Sorry for the english.
Thanks a lot!
You are welcome! Good luck with your projects
I have login to say thanks for simulator and lopaka. It save me a lot of time for working with display modules
Thank you for your nice comment, but of course big thanks goes to the creators of those great tools. Good luck with your projects!
Thanks!
Thanks a lot sir, I really appreciate that!
You speak Adafruit in an interesting way
Not quite sure what is the correct pronounciation.. I´m sure I have it wrong.
thanks 🌹
You're welcome 😊
It's listed as 0x78, because it is what you send for real to address this screen, depends how you use it, it is either {0x3C
Thank you for your comment and for the clarification. Is the IIC address generaly listed as 7bit or 8bit? Is there a way by looking at the address to know if it´s 7bit or 8bit?
@@upir_upir I can't say for sure, but it is propably up to device/manufacturer. If you would want to move r/w bit to another byte, then you could have 8-bit address, but you would always need to send at least 2 bytes in order to tell a device if you want to read or write. I had only "experience" with two I2C devices, LM75A temperature sensor and this SSD1306. LM75A had same addressing mode. One of the methods to check if unknown device have 7 or 8-bit address, is to use I2C scanner and look how many device you'll find, with 7-bit devices, you'll always find two of them (for e.g. 0x78 and 0x79). Internet says that I2C device is always 7-bit address followed by read/write bit, but there is nothing to stop you from using 8-bit address if you'd build your own I2C device. It is sometimes valuable to know how I2C address byte is made because while hardware I2C may operate on 7-bit values and you may never know what is really sent, it might be an onset of really hard (bat maybe really short) brainstorm when you have to make a software implementation of I2C from the grounds. :)
I advice to store difference between frames instead of whole frames
Also you can try to use RLE compression
Do you have any example of using the RLE compression with Arduino uno and this oled display? It would surely be worth trying, but I’m worried about the performance.
Please make a video for using Xbee with Oled display and the parking sensors! I am making a rc project and your code is 90% of the project and I learned soooo much from your videos!
Thank you for your comment. Have you seen the parking sensor video? Perhaps that might be a good starting point?
Terimaksih informasinya, sukses selalu semoga ilmunya berkah.
What?
@@upir_upir
Thank you for the information, always success, hopefully the knowledge will be a blessing..
I'm really surprised it works this fast over I²C, the examples I've seen so far are all a lot slower.
Perhaps it´s because I´m only drawing pictures sized 50x50px? Drawing a fullscreen picture would be surely slightly slower.
I am learning alot from your content and i request you to make a video on displaying of our picture animation or picture with happy birthday display and song.
Thank you for your comment, can you just use this video as a start and choose a different animation? As for the song, this might be a good start - projecthub.arduino.cc/Sparkbuzzer/happy-birthday-tone-using-arduino-uno-66a676
🙋♂️👍👍good my friend
Thank you!
Hi. A good explanation there. Do the patterns also work with the 32x64 oled?
Yes, they do. Just make sure the animation size can fit the display, but if you are talking about the SSD1306 display, it should work without any problems.
What about displaying animations alongside custom text or even more complicated; alongside variable values being updated in real time as well?
Yes, I have both scenarios covered in my other tutorials, please feel free to check my playlist with OLED displays.
incredible skills. Really amazed. Could all of this also work the same using small sized graphical monochrome lcd displays?
Yes, that should be possible. Google "u8g2 gallery" and you will find a lot of different displays for which you can use this technique.
@@upir_upir thank you for this suggestion. I am pretty new to this and surely will learn more from your channel... ofc subscribed!
Please make a video of Esp32 with OLED displays as it can be used with much more diverse applications.
(With u8g Library
That´s exactly my plan!
@@upir_upir 🔥🔥🔥
esp32 is exactly the same, did you even try it?
@@justinc2633 yup bro. I was able to get it working. I was just suggesting him to implement WiFi and Bluetooth with oled to make them even more interesting 🙂
really interested as to why the animation plays slower on the R4 even though it has a faster processor
I have seen this on a couple of other boards that have higher clock speed than UNO
maybe it has something to do with the Arduino IDE board package for the device?
Not quite sure what is the reason, but it was slower also when using the Adafruit library. I need to investigate it little bit more, as I would like to switch to R4 because I enjoy the bigger memory.
@@upir_upir I have also seen slower animation on RP2040 based board as well as NFR5280 based devices .
is it possible to do this to the eyes? eye movement, have I seen such a project, thanks to the tutorial that you gave me, will I be able to?
You mean animated eyes? That should be possible.
is there a way to convert the gif into an array similar to the walking man example, where each line seems to be a frame and which I can use with the Adafruit library? I think it's more elegant and uses up less space in the IDE.
Sure, the walking man -is- originaly a gif image. If you want to do this manually, you can open the GIF in Photopea and it will create layers > than export those layers, and convert those using the image2cpp website.
🎉Наверно все супер. Но не чего не понятно. Но видно что человек со знанием дела
English please? Thanks!
Did you have any issues with the OLED flickering while on camera? If so how did you address it? Thanks :D
I do, all the time. You need to set the camera settings correctly, and even then, I still see the flickering from time to time. Thankfully it´s only on camera, not visible in real world.
Thank you so much, worked great. But now have idea for valentines gift. But with flaticon the animation has 2 colors and when i did this its not bringing over the teal color. Is there a trick or way to bring jpg over in one color
You are welcome, try playing with the threshold slider and hopefully that will help.
Du bisch brudal! :o)
What is "brudal"?
@@upir_upir Hi my Friend. Its a German dialected Word
(In Germany called "schwäbisch")
what u can use for great, fantastic or any other positive Description. :-) A german Reader would still understand.
🙏🙏🙏
You are welcome!
Hi, I'm using a 2.42 Oled Display SSD1309 SPI with 7pins .... I was wondering how to make the animation code from Wokwi work for my oled display
Please see my older videos where I was also using SPI displays, which should give you some clues about the connections. Otherwise, code-wise, it´s not a big difference.
@@upir_upirthank you so much😄🥰
I really liked your video today @upir ... And it's just where I have a problem with an Array of 1000 samples, but I'm doing a 560 Hz sine signal through a matrix without the screen that you use, just I am using a R2R Network with an amplifier... If you make the same signal with 256 samples you can see the output signal, but increasing to 1000 samples the signal is distorted... By the way, I am using interrupts to increase the frequency... According to your experience, what could be the problem you have when you increase the number of samples of a matrix from 256 to 1000???? Greetings.
What is the type of the variable for sample counter ? Maybe it's byte (char) 🤔
@@jankomuzykant1844, At first I used byte, but then I changed it to char and in neither of the two modes it works, the output signal is distorted... I have come to the conclusion that the array has many elements (1000 samples)... Greetings.
@@juancarlos1549 Then you need integer because 1000 samples is 10-bit counter and char is only 8 bit
@@jankomuzykant1844...I am going to tell you what I did, first I know that the R2R that I was going to use needs a number of 2^8 = 256, this is because of the Arduino ports, so my sinusoidal signal cannot exceed those values, the smaller number is 0 and the largest is 255... I did all this in MATLAB as with 256 samples the sinusoidal signal comes out very distorted in MATLAB and in the Arduino output, I put 1000 in MATLAB and a perfect sinusoidal signal comes out with 1000 samples, but the Arduino only outputs a very distorted signal, but not the signal I want... Now do you understand the problem? Greetings.
Looks like someone was quicker with the answer, hopefully that did solved your problem. Yes, both byte and char are 1 byte variables, and could only hold 256 values - either -128...+128 or 0..256
Is it possible to use multiple animation using SD card instead of increasing code size in esp32
Sure, but going with a microcontroller with more memory would be probably easier and maybe even cheaper. You don´t need to go with ESP32, there are other options like UNO R4, or many boards from Seeed Xiao.
My SSD1309 has 7 pins, does it work with this? If so, what's the connections?
It will work, your is SPI version. Just use a different initialization. I believe I have the connections listed in my "arduino turbo gauge" video.
im kinda new at this. this works with 0.96in oled but my 1.54in oled didn't, is there something I can do here?
Sometimes, the display uses SH1106 chip instead of SSD1305, try changing the initialization accordingly to see if that works. You can also include pull-up resistors on the i2C line. Finally, the SSD1306 chip can have two different addresses, perhaps you need to see the address first. Run the I2C scanner sketch first to find out the address. Hope this helps!
I tryed everything but every time a get this snow crash screne can someone help me out please?
Can you provide more details? Does it show an image and than it stops animating? Do you see any content at all?
Is there any equivalently easy way to do it for micropython/pico, that you are aware of?
I have used micropython with pico in my older video, and was able to display image in a very similar way, so I believe that you can use this approach and just slightly modify it to run on pico. I will try it and let you know how it went..
@@upir_upir Thank you!
Hi Upir, is it possible to add multiple animation in one code if so can you make a video out of it please !
Yes, it is possible. You can have multiple animations by programming to switch to the next animation automaticaly or by pressing a button.
Someone was quicker with the reply, but yes, it is possible. You can have as many animations as you want as long as it fits into the available memory.
@@SyncMotion27 thanks ! I will try that.
@@upir_upir Thanks !
You are welcome. Please feel free to check also my order videos as I have quite a lot of them using the same display and showing animations.
Can we use with nodemcu 8266
Yes, that´s possible. I don´t think you even have to modify the code.
♾
:)
On ferait ça en 1985 avec un Thomson to5 😅😅😅.
Do you mean mo5? 😳
Bro... The way things are going, in a few videos you'll make arduino gameboy 🤣
Don´t say it twice :)
How many more open source resources does this guy know about?
I´m sure there are many tools that I don´t know about yet!
It Work with esp 8266 ?
Yes, it should work with ESP as well. If your is ESP32, you can also simulate it on WOKWI.
@@upir_upir ok bro
Nothing Works!!! I have tried soo many tutorials on how to do this and nothing works!!! I have followed all the instructions...
Can you perhaps share what Arduino board and what display are you using?
@@upir_upir thanks for the prompt reply. I was frustrated as I have tried everything and nothing was working. I am running an Arduino uno, breadboard, 1.3” I2C 128x64 OLED. 4 pin. Code would verify and run but the OLED would do nothing, I have imported the 2 libraries. (Adafruit.GFX and SSD 1306.) to no avail…
if you need more memory the solution is most definitely not another arduino lol. get an esp32
Agreed. But there are some Arduino clones that have plenty of memory.
i was looking for something like img2cpp, ty
I’m glad it was helpful. Feel free to check also my other videos, as there are a few more useful tools like Lopaka.
What if i need to use this with SH1106 driver based OLED's?
For u8g2 library, you just use a different initialization. For example:
U8G2_SH1106_128X64_NONAME_F_HW_I2C(rotation, [reset [, clock, data]]) [full framebuffer, size = 1024 bytes]
I have no sound on your video
I´m sorry to hear that but that´s most likely a youtube issue.
whyd
What?