Arduino OLED Menu Tutorial (for beginners - Arduino UNO, 128x64px SSD1306 OLED screen, u8g)

------------------------------------------------------------------------------

This tutorial is for beginners, and I try to describe every single step in an understandable way. We would be using Photopea to create graphics, image2cpp to convert images into C code arrays, and WOKWI online Arduino emulator to test our sketch before running this on the real Arduino UNO. The final project uses Arduino UNO, a prototyping shield (but any breadboard is fine), an OLED display, and 3 push buttons (and, of course, some wires).

------------------------------------------------------------------------------

Links from the video:

Related videos:

------------------------------------------------------------------------------

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!

------------------------------------------------------------------------------

Hashtags:
#OLED #arduino

------------------------------------------------------------------------------

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 and reading the video description, and I hope to see you next time. Good luck with your projects!

------------------------------------------------------------------------------

[ChristianBehnke]

I always love that you provide full instructions for these projects. While I'm no novice with graphics, I'm still learning Arduino, so I can jump ahead, but for users who have no clue, omitting the graphic portion assuming they know how would leave them guessing and frustrated.

[ibendiben]

Man, you went out of your way for this. You deserve a medal of honor!

[ryleebrownfox]

judging by how fast he talks, his processor is probably an overclocked i7 with a 2hp water cooling system. this comes with a twin cooling towers with forced air drafts. learned a lot from this tutorial. thanks

[Shamanestr]

Most useful material about OLED menu, i ever seen!
Great work!
TNX for doing these!

[raymondmichael]

Consider part two, with the following addition.
1) using 5 buttons (up/down, left - / right +, select (center button) or one rotary encoder with button to handle both, select, change (-/+)
2) functionality to select the current menu and change it's settings, like values, etc.

BTW, I always rewatch your videos a lot, keep up the good work

[nkronert]

Don't you just hate it when someone draws a 16x16 pixel black and white image and it looks perfect in one go? 😂

[biiLLbonG]

Really like your projects, when i see them, there is always some inspiration for me. When i was younger i often thought outside the box - and maybe cuz i am getting older, its getting harder and harder for my mind. But then i see some of your stuff and can create something with it, so thanks for that! :D Keep up the good work 👍

[tbwpf]

Thank you so much for this amazing tutorial!! I will have to buy you a whole week worth of coffee for this valuable information. My project is looking so nice now!

[dienthongminhesmart]

Thanks for sharing, the video is really detailed and easy to understand. I will learn your way to develop IOT products!

[kshysztof]

Yeah, that's about it...
We obviously have had slightly different approaches around the images and text itself due to the nature of our workflow, but you handle the code "more conciously", whatever that means.
Anyway, it's a great learning material as always. I'll definitely come back to it in some time, and try to adapt it to my own needs.
Thanks ! <3

[donutoplack]

I knew nothing about coding getting into this video. But I somewhat sort of maybe kind of understand now

[bob-nykn]

IIC PROTIP:
A5 has 5 letters, as does CLOCK
A4 has 4 letters, as does DATA

[leonardogalli]

I love your menus bro, keep going we need more of them ❤️

[RamBrosWorkshop]

I was just looking for this! Detailed and Easy to understand tutorial
Thanks man

[alexxustube]

I've learned so much in this video. I'm just speechless. Thanks for your awesome work! 👍😊

[damianwiecaw]

Best tutorial i have seen... great job man!

[jezclark]

This is great - can you show a version with a rotary encoder (with push button) instead of separate buttons?

[Gooloso]

Thank you for the extensive tutorial, in the code I just would change the if statements to check the end of items, with modulus operator, and put the prev/next variables inside the loop as consts like so: const int item_sel_previous = (item_selected - 1) % NUM_ITEMS;
no need to banch out code.

[ayourk]

I'd love to see a version of this that can also display the same output on an HTML5 Canvas at the same time for web clients connected.

[Jindraxx]

In the video the int item_sel_next is not set to 0 when overflows :) You just substract with 0 which ends up with nothing :P

I know it's so minor but I couldn't prevent myself from mentioning it :D

Thank you for the great content !