ฝัง
- เผยแพร่เมื่อ 28 พ.ค. 2024
- Do you like the video? Please consider buying me a coffee ☕, thank you! www.buymeacoffee.com/upir
Transparent display: s.click.aliexpress.com/e/_ABpnu7
Arduino source code is here: wokwi.com/projects/3282716580...
Learn how to draw a 3D cube with Arduino UNO and Transparent 128x64px OLED display with SSD1306 or SSD1309, using the u8g library.
This is a simple tutorial for beginners. Could be completed with any Arduino (Arduino UNO, MEGA, NANO, ESP32, Teensy, etc), and any OLED display, but it´s preferred to use the 128x64px resolution.
Please let me know in the comments what you would like to see next on this channel. Thank you!
---------------------------------------------------------------------------------------------------------------------
Useful links from the video:
u8g documentation: github.com/olikraus/u8glib/wi...
Wokwi starting project: wokwi.com/arduino/projects/30...
Arduino UNO: s.click.aliexpress.com/e/_AXDw1h
Arduino UNO MINI: store.arduino.cc/products/uno...
Multidimensional arrays: www.tutorialspoint.com/arduin...
2D Rotation: en.wikipedia.org/wiki/Rotatio...)
Normal OLED Display: s.click.aliexpress.com/e/_AWSVnt
Transparent OLED Display: s.click.aliexpress.com/e/_ABpnu7
Big OLED Display: s.click.aliexpress.com/e/_ADL0T9
Arduino breadboard prototyping shield: s.click.aliexpress.com/e/_ApbCwx
---------------------------------------------------------------------------------------------------------------------
#arduino #3d #oled
Keywords related to this video:
Arduino UNO, Arduino, OLED, u8g, u8g2, SSD1306, SSD1309, Arduino Display, Arduino Free Code, Wokwi emulator, Arduino, esp32, arduino project, arduino OLED display, Arduino display, Arduino OLED, OLED Arduino, ssd1306 OLED display, ssd1309 OLED display, arduino ideas, new project ideas, Arduino 2022, arduino oled 128x64, arduino project 2022, arduino project ideas, Arduino tutorial, microcontroller, ssd1306 Arduino, 3D cube, 3D projection, 3D rendering, Arduino 3D, 3D calculations, perspective projection, 3D mesh Arduino, Arduino Polygons, Triangles, Polygons, Simple 3D, arduino uno, arduino uno projects, ssd1306 oled display, volumetric oled display, transparent oled display, transparent oled display arduino, wokwi, free online arduino emulator, arduino emulator, online arduino emulator, arduino art, arduino gui, arduino ideas, arduino pov display, arduino projects 2022, arduino tft, arduino transparent display, diy arduino, diy arduino projects, how to make transparent display, lcd arduino, microcontroller, microcontroller projects, oled monitor, volumetric display, volumetric oled, wokwi arduino
![เปิดบ้าน เปิด Supercar อั๋นโอกิ เคยเอา rolls Royce เเลกพระ องค์ละ 100 ล้าน l [Nickynachat]](http://i.ytimg.com/vi/FeGwJwXauZ0/mqdefault.jpg)
Do you like the video? Please consider buying me a coffee ☕, thank you! www.buymeacoffee.com/upir
I wonder if these displays can be stacked to produce a volumetric multi-layer display. Looks like it's transparent enough to allow about 6 layers.
They could, and someone has done this already. It’s pretty cool - th-cam.com/video/sVv1oc14X1w/w-d-xo.html
@@upir_upir Ha, I figure I was recommended your video because in the past I watched that other video.
Yea but you would need eye tracking or the layers will shift as the eye moves. I bet you could do the same thing with one bent into a v and then mirrored and then one in front and to the back of the 2 v's
Real 3D hahahahhaha
im asking the same question
You just explained 3D projection better than any of my teachers ever could! Subscribed!
Thank you, I´m glad it was understandable. Please feel free to check my other videos as well and good luck with your projects!
I am hooked! Your presentation is clear, concise, fast enough not to be boring and information rich. Liked, Subbed, can't wait to see more.
I don´t know what to say other than THANK YOU! Your comment made my day. I´m glad you like it and I hope to record more similar tutorials soon.
As a programmer a really apreciate your way of expressing your knowledge. SIMPLE, CLEAR and EFFECTIVE. This can be extrapolate in other many projects. A huge thanxs for this piece of art ♥
Thank you for your very nice comment, I´m glad you like it!
Somehow I stumbled on this video going down a rabbit hole about 3D printing…now I have to make this and print a case for it! Awesome video! ~Subbed
God damn, the amount of your content I've consumed in the past month... I just love seeing how you work through all of these problems -- you've certainly reignited my interest in trig. Please keep making this stuff.
Thank you for your comment, I´m glad my videos are helpful, and of course good luck with your own projects!
Спасибо бро, это было самое понятное объяснение принципа формирования 3D картинки.
Thank you, but I would be lost without google translate :)
If my math teacher teach math like this instead of mug up I will definitely be interested in learning Math.
I feel like when teachers teach about trigonometry functions, they do not even know how you would use it in real life... while you pretty much use them all the time in computer graphics.
I loved this tutorial and have subbed, I won't pretend to understand the maths but I get a lot of takeaways ! I would love to see more stuff like this you have a great teaching style. Seeing these graphics reminds me of playing 'Elite' on my old BBC micro...cheers.
Thank you for a nice comment! I have checked the Elite game and it looks like something that might be recreateable with Arduino. I like the style.
Ahhh I love this combination of basic mathematics and code. Great video
Thank you! Yep, it´s great that you really need a basic math to do something like this.
Great tutorial!!! I will recommend it wherever it makes sense!
Thank you Chris, I’m glad you like it!
Absolute blast of a video. Gonna order a handful of these.
Thank you! I agree, this display is great. Feels like we are living in the future :)
I just found your channel and i love the whole theme behind it and i want to work with you! I love displays and want to learn as much as i can about them!
That’s great to hear, thank you for your comment and surely we can work together 🙂 my contact information is in the about page of this channel
Brilliant work! Reminds me of the graphics I played with on my ZX Spectrum.
Thank you! It surely has the retro nostalgic feel.
Very good and precise explaination ( surprisingly all the math was interesting to listen and understand), thanks for the tutorial.
Thank you for your nice comment, I´m glad it was helpful and understandable. Good luck with your projects!
Quick update, I have tried a different 128x64 I2C OLED (non-transparent) display, and it works fine with the "fast I2C" connection, so it´s probably just a problem with this particular board? I don´t know the answer yet, but I will keep investigating the problem...
Hey bro, I am some sort of a newbie in embedded, So...How can I ensure that displays are Paspbery compatible or not?
you're awesome ! learned so mutch in so little time, thank u !
That´s great to hear, good luck with your project!
you just blow my mind. I need to walk like 2Km to get all the pieces of my brain. Amazing work. I will definitely subscribe. 👌🏻
As long as you enjoy walks, that´s great! :) I mean, seeing this video again, I need to slow down a little bit. It was too fast even for my own standards.
@@upir_upir I enjoy the walk. Regarding the sepped.. it may be .. I'm a software engineer and I build a Corne Keyboard so I can follow you but maybe the average audience struggle a little bit.. it was a really really good video. you show the code on Excel, almost nobody do that 🦊👌🏻
@@DanelonNicolas I have checked the keyboard, looks cool! Thanks again for your comment, I´m glad you find it inspiring, and good luck with your projects.
Haha, saw this and thought the oled knob guy would love it, but it's you. Enjoying these videos dude, keep it up.
I would rather not be called the oled knob guy, but I guess I that´s outside of what I can control :) Anyway, thank you for your comment, I´m really glad you like it!
@@upir_upir Knoled?
@@TwoDogsFighting :)
Your explanation is very detailed.it is easy for me to understand and learn it. thanks and keep up good job
Thank you, that´s great to hear!
Cool watching you doing that doesn't look so hard how i thought.
It´s not that hard if you split it into small steps. Thank you for your comment and good luck with your projects!
Amazing items. Never heard about both of them.
I’m glad you found them! The transparent OLED is still my favorite display.
Whaouuu ! Thank you for the lesson. A little bit too fast for me but i understood the main idea and construction !
Thank you! Yep, I will slow down a little next time. In the meantime, please use the slower playback speed if needed. Thanks
@@upir_upir yes sir
I love the stuff you come up with
Thank you, that’s great! That said, if you have any ideas for next videos, I’m all ears 👂
awesome！it is the best tutorial video that i had ever seen before！good job！thanks
Thank you, that’s great to hear!
Love the detail in your videos! I suggest having a look at the GC9A01 Round Displays. They are neat! Also running two displays at once would be cool! Keep up the good work!
Thank you for your comment. I’m actually looking at that display for some time, but I would need to switch to some faster Arduino or perhaps ESP32. The uno is too slow for the display. I will post some video once I have some project running. Good luck with your projects!
Nice work and clean code. subbed
Thank you!
You can speed up the calculation a little bit more - you are calculating the radians 32 times, but you only need to calculate it 1 time. And then there is a hack. instead of using sin and cos, you can use a precalculated lookup table... yes that take more memory, but is way faster than calculating sin and cos. i dont know how much faster this would be on an arduino, but i expect a lot.. this was some of the tricks i did like 30 years ago
Thank you for your suggestions. I’m actually using lookup tables for sin/cos functions, but good point about calculating radians, that’s surely not needed. I will try some changes and see how much faster it could be.
One of the best video ever for embedded development
Thank you George for such a nice comment! I´m glad you like it
Nice trick for 3d effect, thank you for sharing.
Thank you, I’m glad you like it!
Cool! This display like a hologram!
That´s right, it´s a cool technology! :)
Wow this is cool!! Amazing tutorial. The right speed, everything explained, no questions left. Subbed!
Thank you for such a nice comment and I´m glad to have a new subscriber!
Would love to see the explanation of the hidden lines problem. I started getting into 3D graphics back in the early 2000's in BASIC, but never fully understood the matrix multiplication needed for rotation. Now as an engineer I get it but havent had the motivation to implement it myself.
I actually don´t know how to do it in some "easy" way. The "standard" way is to define normals for vertices, and calculate visibility based on the normals orientation. Which of course involves either a lot of individual rotations, or matrix multiplications. In the cube example, I´m just faking it, since I know which lines would be invisible at which point.
Would be a cool screen to use with a accelerometer / gyroscope to make some AR-alike solution.
That’s a good idea, thank you! I will try it soon.
thats one of the many projects i wanna make, dunmo how to animate like a gyro map that moves when i move the accelerometer
I dabbled in this a few years back just for laughs but it didn't work, as expected since you need some mirror and lens to simulate depth by changing the focal length of the image being produced on the retina and at that point you might as well use a normal display and mirror and lens XD
@@XxBanziixX1 I just thought that you can calibrate the gyro somewhere in 3d space. and then have a 3d model that you move according to the gyrodata. Then its like you move a camera over the 3d model. I have not tried it, but it should be possible.
I can’t help but see this as a gun sight …and I absolutely have to have one now.
Yes, this would be a great display for a gun sight.
No clue what you doing but it is awesome 🎉
Hopefully my other videos will be helpful if you decide you want to understand this a little bit more 🙂
Excellent! Thanks for sharing :)
Thank you, but it wouldn’t be that good without your excellent website! 🙂
@@upir_upir Thanks :) Any feedback for what we should improve?
@@Wokwi Evething is perfect! :) But I´m glad you ask, I do have few ideas. Do you perhaps have an e-mail? Thank you!
@@upir_upir Thanks! for some reason, replies with the e-mail address are not getting through. Do you use Twitter or Discord?
i didnt even started to watch it yet and im shure its going to be a good video :)
Thank you, I’m glad you think that. Let me know if it met your expectations after you watch it!
@@upir_upir it was, the information is very detailed and haves depth to it, thanks!
Thank you, that’s great to hear!
Tohle je fakt super :D
Díky díky :)
Truly Amazing 🙏
Thank you!
Tried this a long while ago (non-Arduino Mega2560, ASM code and parallel bus, 16 BPP screen - holds 60 FPS with antialiasing). It is much more fun to code if in color, as the 320x240 framebuffer will not fit into the SRAM, so a lot of bus transfers (wanted a background image to remain).
That´s great to hear. Do you have any links to your project? I would love to see it!
@@upir_upir Will upload one day (was actually a useless feature built into a service tool just because why not).
Subscribed! How the frequency/speed of the loop is controled? which determines the refresh rate of the screen or the other way around?
Thank you! The loop is trying to run as fast as possible, so the speed is determined by how fast are the calculations and drawing operations performed
Please keep making videos like this 👏
Thank you, I will 🙂 that said, if you have ideas for future projects, please feel free to post them
Yes please show us how you made the dotted lines!
Sure thing, I will record part 2 soon!
Finally we can make scouters
Eye AR
That´s interesting idea! It will probably not work as the display is quite big, but it might look cool for some kind of cosplay I guess...
Is there much difference between u8g and Adafruit SSD1306 libraries? I'm currently using the adafruit one and it takes 43 ms to erase and refresh the screen. Guessing it doesn't matter too much.
The u8g should be slightly faster, but probably not too much. Otherwise, those are both very similar libraries.
Great video! Please show how to draw those dotted line at back.
Thank you. As for dotted lines.. yeah.. I need to finally finish that video :) It´s in the works..
I think for this kind of application, micropython with numpy would be advantageous for the calculation of matrices
Yes, once you start multiplying matrices, it would definitely make sense to use some optimized library.
Great project! I have one questions though, why do you use u8g instead of the newer u8g2?
Thank you! No particular reason except I like the documentation more. Otherwise, it should not be a problem to use u8g2 - I do use it in some of the newer videos.
@@upir_upir ok that makes sense, being the older version. The thing is that I was running some very simple u8g2 sketch in wokwi and it was unbearably slow, taking 10-15 seconds for the first render so I thought it might be due to the performance overhead of the newer library. Do you know something about this?
This is just wowww, I'm speeches
Thank you, I’m glad you like it!
Fantastic!
Many thanks!
can you please make a video about how did you do the dotted lines
Yep, that´s already on my todo list..
We can make our own red dot sight now :D
That´s right - but it would be a blue dot sight :)
Hmm... I would like this to be in the car as a HUD. Showing all the necessary output on the screen. It's perfectly transparent to be applied for it. Although i would opt for a little bit of a bigger screen. I know there are kits out there that do this but doing it with this is more fun.
I agree completely. It would be great to have a bigger screen, and I’m sure that sooner or later, it will be available. Once it’s out, I will create the HUD project 🙂
@@upir_upir that would certainly be a interesting little project to see. To be continued??🤔😋
@ That´s surely possible! :) I will add this to my to-do list for projects
Wow! Awesome
Thank you, Andrew!
It looks like those glowing transparent screens they use in star wars
Yep, I also get this retro futuristic feel from this display! Funny those kind of displays didn’t exist when Star Wars were made
Would it be possible to display a 2d image (or animation) on this? Like is there some way to quickly convert an image to pixels and display that?
That’s surely possible. Please watch my other videos, they describe exactly that in more detail
KEEP UP THE GOOD WORK
Thank you! I will do my best 🙂
This is the tamagotchi update that's needed
Actually tamagotchi might be a cool project with this display. Good idea.
@@upir_upir well please get ahold of me if you ever do it first customer ryt here remember Digimon ones were able to connect and battle haha so much investment into a couple of pixels
@@TheSsjAnts Yep, it brings back a lot of memories for sure :)
Add an IMU and you can move the screen to see the 3D box around!
Good idea!
Is this the same display which used on heads up displays?
Probably not, this is quite big and has small resolution. But you can try to use it.
I would love to learn or even know what is all of this...:(. Great video though pretty cool stuff
I would suggest watching my older videos - for example the turbo gauge, that one has more details and it´s slower pace. If you don´t know anything about Arduino, please start with some generic "intro to arduino" video first. After that, buy the Arduino UNO board, this display, connect it together and start playing. The biggest advantage of Arduino is the learning curve, as you can start with a very little and add more complex stuff later. In any case, let me know if you have any questions, I would be glad to help or at least give you some direction! Good luck.
i telling you bro if you are continuing video making your channel will gonna hit 100k in this year.
I´m not quite sure about that but I´m not in it for the subscriber count, so I´m fine. That said, I will do my best to record more videos.
There are 15 OLED products in the link. Which one is used in the video?
Choose the one with PCB and for 5volts. There are two of them - with purple PCB or green PCB. That´s mainly just a cosmetic difference, they just look different, but will work the same.
nice job
Thank you!
this graphic maybe could work for a mineral detector, analizing the interior of a rock , no? 😊
That´s an interesting idea, it should work at least as a movie prop :)
The IIC bus should have pull-ups. That MIGHT be why the high-speed doesn’t work
Good idea. I remember adding pullups for a different OLED display (that was the 16x2 OLED), because it was not working without those at all. I might try it here as well to see if it helps.
You should calculate radians and use calculated value instead of calculate radians every lines twice.
Thank you for the suggestion. You are right that there are more optimizations that could be done to the code, but since I´m only transforming 8 points, the transformation wasn´t the slowest part of the code (it was the display connection - I2C vs. SPI)
Excelente!👍
Thank you!!
Yo this would be dope for guns and airsoft you can get a custom reticle
That would be great. Not sure about the functionality, but it would surely look cool.
anyone find a bigger one available? I wanna use one for a project but cant find
If you mean this transparent version, I have found many different modules but they all use the same size display- unfortunately.
You should make a tutorial of munti-oleds display that can display more info on the screen using 1 arduino
That´s a great idea! I just need to figure this out on my own :)
Taking of the sheet: HOOOYEEEAAAH!
Finally someone has noticed! That said, I was hoping it would make a better sound...
@@upir_upir 😂😂 sometimes the lack of sound is just as crisp.
I've just subbed btw if you keep this content coming, you're gonna get big bro, well done 👏
F4 for locking the cell/row/column in Excel ... THANK YOU! :)
You are welcome, I´m glad that at least some information was helpful! :)
Wow amazing 🙄👍👍
Thank you!
amazing
Thank you, doctor! 🙂
Cool
Thank you, I´m glad you like it!
Works with ESP32-ILI9341 320x240 SPI mode but has a glitch..odd lines at the initial start and the last frame of the rotation. I had to put a delay in because it spun too fast.
Thanks for sharing
Thanks for letting everyone know! Do you perhaps have a video of the project running?
@@upir_upir th-cam.com/users/shortssOFFgF2tCzk Link to source code
drive.google.com/drive/folders/1tOAnoLebt8yYAtpwPEj_This14S4bJtw?usp=sharing
Code has a glitch I thing it's the 1st few lines drawn are wrong "shrug'
That’s great!
comeee oon maan, now i want to start do it too :( I should buy arduino :3 :D
great job, do it do it do it mooooreee
Thank you, but you don´t need to buy anything :) You can simulate everything on WOKWI.
I wonder if the faster bus speed is a glitch on that 328 chip. Maybe try it on a different arduino.
If the edges of the generated signal are to 'round' for the display you might wanna decrease the length of the wires.
I will definitely try other Arduino. I was trying to google this problem, but haven´t found much information about the fast I2C connection. Good idea with the wire lenght, I will try that for sure.
where buy the screen transparent ?
The link is in the description. Let me know if you cannot find it
12:15 which shortcut did you use here?!?..edit: ok it's f4
Yep, you got it. It´s quite powerful shortcut, if you are not in the cell, it will repeat the last action.
super
Thank you, I’m glad you like it!
thanks for sharing ! +1 sub
You are welcome, thank you for your comment!
Can you push a live video signal at 12 FPS ?
Yes, that should be possible. With a more powerful microcontroller than Arduino, you can even get 60fps.
I was wondering if it was possible on my parallel nonI2C 16x2 LCD, and now it works!
That’s great!
So what's the use case? HUD?
Whatever you can think of :)
Dobrá agličtina chlape 😎
Diky diky!
wow.. this is nice for a telescopic sight ( airsoft user )
That´s an interesting idea!
Wow ;) 👍👍👍
Thanks! :)
nice
Thank you!
Using Illustrator for visuals !? Respect+
Thank you! Respect to you for recognizing the application 🙂
Cool video ever
Thank you, Andri! I’m glad you like it
Smart glasses confirmed the future is literally tomorrow
The future is now! :)
Thats a bad tv. Epic
I would say a transparent TV would be still pretty epic ,:)
cant find the same OLED any link for it?
nevermind found it.
That´s great. The link is in the description.
I tried so hard to get one of those but they sold out on me
Try searching around AliExpress, there are multiple sellers selling this display, hopefully you will have some luck!
Se puede jugar Doom con ese display?
Sure, you can! th-cam.com/video/wJG04DSo7Xw/w-d-xo.html
So this is what matbatwing did in minecraft
Do you have a link?
Wait is it just 2 transparent lcds?
Could you please clarify a little bit more? This is just one transparent display
@@upir_upir oh ok, i thought maybe it was 2 screens overlapped. Pretty cool.