Arduino & OLED: No Coding Needed (Arduino UNO, SSD1306 OLED IIC, Lopaka, Photopea, u8g2)
HTML-код
- Опубликовано: 7 авг 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/3724814023...
SOURCE files: github.com/upiir/arduino_oled...
------------------------------------------------------------------------------------------
In this project, I will show you how to create a project using Arduino UNO and OLED display (SSD1306 IIC OLED) without writing any code - using the Lopaka application (lopaka.app/). The graphics library for drawing images is u8g2. Enjoy!
------------------------------------------------------------------------------------------
Links from the video:
Lopaka editor: lopaka.app/
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 array to image): javl.github.io/image2cpp/
Photopea (online graphics editor like Photoshop): www.photopea.com/
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
--------------------------------------------------------------------------------------------------------
Do you like this video? Please consider buying me a coffee, thank you! www.buymeacoffee.com/upir
Everything he says is important. But highly intelligent people think faster, ergo they speak faster. If he speaks too fast and you get confused, don't abandon his tutorials for another. Simply go down to the settings icon at the bottom of youtube video screen and select "Playback Speed" and choose 0.75 It's worth it! Good luck my friends. Thank you upir for this and all the other videos. They're awesome.
Thank you for your nice words, I´m glad you enjoy my videos. Yes, hopefully everyone can adjust the playback speed to the individual needs.
You saved my life 😄
Im an UI designer and having the ability to translate everything in code is very nice.. It's a game changer..
Glad to hear that! Thank you for your comment and good luck with your projects. Do you have any examples of your work that you can share?
Awesome tutorial! Thank you man. Lopaka rocks 🤟
Thank you. I fully agree, lopaka is great!
So far one of the best tutorial video maker👌😍
Thank you, that’s great to hear!
Excellent presentation , thank you . Keep going I love your videos.
Thank you for your nice words, I really appreciate it!
very very cool man! I love it, cheers!
Thank you!
Wow, Lopaka is super helpful!
I agree, it is!
Awesome information, thank you so much!
Thank you for your comment, I’m glad you like it!
very easy to understand. Thank you!!
That’s great to hear! Thank you for your comment.
That's very useful , thanks a ton ❤
You are welcome, I agree, the lopaka application is very useful!
omg thank you sooooooo much . subscribed right away :D
You are welcome, thank you for the sub and good luck with your projects!
You do solid work.
Thank you!
thats awesome, thank you for sharing us
Thanks for watching!
Wonderful work brother!!!
Thank you, I’m glad you like it!
@@upir_upir I'll be watching your videos Crack ;v
Awesome, Thank you.
You are welcome, thank you for your comment!
Excellent, thank you
Thank you!
so cool like allways, thz!
Thank you, I’m glad you like it!
Pretty good!
Thank you, I’m glad you have enjoyed the video!
Time comes to my mind when i hardcoded everything for the same thing... With tears also😢
I feel the pain 🙂 doing unnecessary work is always painful.
Úžasné 👍
Diky!
this is really cool!
Thank you!
Kudos to the flipper guy.
Yep. And also to the guy that created Lopaka 🙂
Another great piece of software to make our lives easier, thanks for the tutorial ! on a side note did you mention the 'Flipper zero' ? have you played with one ?...cheers.
You are welcome! As for the Flipper Zero, I have used as an inspiration for the menu project, and played with this device a little bit, but not too much.. it´s quite a rabbit hole :)
Thank you.
You are welcome!
Amazing tutorial! Thanks again. How's that motorcycle dashboard project?
Thank you for your comment! The motorcycle project is unfortunatelly stuck at this point. I still hope to make some progress until the end of the year. I will surely share my next steps here. Are you making something similar?
@@upir_upir My goal was to find a speedometer for my electric motorcycle that would also integrate Android Auto or at least show turn by turn directions. Unfortunately here in Brazil if you leave your phone on your dash to see directions it gets stolen while you're riding 😅 Since there isn't such thing in the market I went the DIY route. It is a Vespa style scooter, so I have some size restrictions to still be able to fit the display inside the original plastic fitting. Initial thoughts were RPi + 4.3" waterproof touch display, but it is very hard to source such display, so I've settled on ESP32 + OLED display for speed, odometer, indicators, etc, and a 3D printed enclosure for a mini rugged Android Phone (King Kong Mini 3 Rugged) running HA Head unit (standalone android auto server) that will live inside the panel.
NICE
Thank you!
thx you for lopaka ❤❤
Don’t thank me, but the creator instead 🙂
@@upir_upir thank you, because lopaka is not famous and the most of us didn't know it like me 😄
then i will thank the creator of the best arduino ui tool 🤩
Ok, fair enough 🙂
All the source files are on GitHub: github.com/upiir/arduino_oled_lopaka
Really nice video!
Do you know why there's flickering on the OLED display when the progress bar is almost full? I've also seen such behavior especially with larger OLED displays greater than 128*64.
Thank you. The flickering is only visible on camera- just because updating the display is unsynced with the video capture. In real life, there is no flickering at all, there is no chance you can see it with the naked eye.
@@upir_upir Thanks for the reply. Just wanted to know your experience with OLED displays. Whenever I drive 2 oled displays with ESP32 in SPI mode, one of them does tend to have flickering. The same isn't there of driven by Arduino.
Thank you Thank you Thank you very much !! Thanks for the advices ❤❤❤❤♥♥♥♥
Keep going, i wasn't know that Lopaka is a ui tool for arduino !
can you do a tutorial on how to animate ui when clicking
You're so welcome! And good luck with your projects!
What driver do you use on the larger display? I have a 2.42-inch display but it is very slow with the U8g2 library.
I use the very same initialization as for the smaller display, and it runs on the same speed (= fast). Are you using HW IIC (and not SW)? It is also possible to increase the IIC speed - u8g2.setBusClock(400000); you can try it if it helps, but call it before the begin() function.
I am trying to make a vertical progress bar which reduces from top to bottom. I have been able to make one using help from your code but it fills from top to bottom. do you have an idea on how to make it reduce from top to bottom? thanks
Something very similar is described in this video, perhaps you can use it as a starting point? ruclips.net/video/dCofwhHcW7Y/видео.html
I'm using 1.3 inch i2c oled display
I having issuse that there is a white line at right side of the display. Can you help me !? what's the issue with it ?
I would start by testing the display with other libraries - like the older u8g or Adafruit one to make sure it´s not a hardware problem. If it´s not, the u8g2 library has a lot of settings that sets all of possible offsets. I would try change those, since every OLED display might be wired in a different way to the SSD1306 controller.
Bro, which was that display which you showed in 0:08 and what is it’s size,resolution and is it oled?
Please tell me bro
The link is in the description, it´s the - 128x64 SSD1306 OLED Display 2.42"
It has the same resolution, chip, and connection as all the other displays used in the video. It´s just a little bit bigger and slightly more expensive.
@@upir_upir thank you so much bro
Do you need to change the code when you change to bigger display? Or it just work directly?
This bigger display has the same resolution, same connection, same chip, so it will work out of the box, same as the small one and the middle one.
@@upir_upir thật awesome. Thank you for the answer, Brother
@@NgocPhamVN96 You are welcome. Good luck with your project!
Hi it is posible to meake it faster. You delete delay so whole procesor time is consuming for this animation it is mean we dont have eny free time to other proces .
Depends how fast you need to animate it. If removing the delay and adding a custom code is too much, you can try to use a faster Arduino board - for example UNO R4.
btw does it come pre soldered? my soldering absolutely sucks
It depends, but most of the displays that I have ordered from AliExpress were presoldered. My soldering skills are terrible as well..
@@upir_upiri see thanks for replying(i managed to solder the two i bought but they didnt look so nice but if it works it works)
Can you make a video on spi version??
I´ve already done this, please check my older videos. Thank you!
will this work with an arduino feather?
Any Arduino board should work as long as you use the proper IIC pins - those pins are different on different boards.
Tks a lot, :(
You are welcome, but why the sad face?
HOW CAN YOU CHANGE THE COLORS?
Color of the display? You cannot change it, it’s a monochrome display, meaning you can only display one color. But you can get this display in a few different colors- white, yellow, blue, sometimes yellow or green.
Does this work with ESP32
Sure, the u8g2 is supported on ESP32, and you can even simulate it on WOKWI.
Sick faketoshop youre using
You mean Photopea? It´s actually better in some ways than the real Photoshop.
Very informative. Already subbed & donated a cup of coffee. You have a great channel...are there any advantages to subscription to woki? The graphics creation is very convenient.
Thank you for your comment and also for the coffee! I appreciate it. When you subscribe to WOKWI, you have a "vote" for what will be developed next. Also for advanced users, you can upload custom libraries and if you use SD card, you can upload files to that virtual SD card. There might be other advantages as well. Good luck with your projects!
@@upir_upir I notice some changes since your tutorial. 'Alert' is now 'warning' image on wokwii...graphic flickers on my ardunio...But it isn't an R3.....older Uno, maybe that's an issue, not sure...also wokwii is using rectangle, which gives a hollow progress bar...so I typed 'Box' in the code, to get a paint fill progress bar....it works....more coffee