Every Type of Progress Bar available in Godot | Dicode
HTML-код
- Опубликовано: 2 авг 2024
- No matter what game you are creating you will need to make a progress bar. Progress bar are not just limited to health bars but can be use in many others ways like in showing data or to make a visual timer bar.
Not only some basic progress bar but you can also make some custom progress bar in Godot by combining two different progress bar in one
Time stamp:
(0:00) : overview
(0:37) : basics of progress bar
(1:39): Horizontal progress bar
(2:25): vertical progress bar
(3:00): circular progress bar
(4:10): custom style progress bar
If you have questions like:
How to make progress bar in Godot?
How to make health bar in Godot ?
What type of progress bar are available in Godot ?
How to make custom progress bar in Godot ?
all these question is answered in this video
If you found it helpful
like and subscribe !
straight to the point. thank you
Awesome tut thank u, will take this directly in my kh fan game
This technique for combining progress bars is so simple and effective I can't believe I didn't think of it. Great stuff.
Happy to help!
Right? That was a major lightbulb moment for me, haha...
Wow... the combined bar solution is amazing in its simplicity, but crazy in the power it gives. REAL good work showcasing that!
great tutorial! I dont need it right now, but I will save it for later!
i thought id have to do some actual coding and trickery to make that circular health bar, thanks for this tutorial!
This should be a thinking-out-of-the-box guide for every indie game dev.
Excellent mini tutorial! I look forward to checking out more from you!
Thanks , new video is comming soon
fantastic guide - I've really enjoyed your videos, keep it up!
Awesome tutorial, thank you! Never thought of combining them...
Thank you for the quick yet useful tutorial!
fixed everything thank you
So cool how simple this technique is! Excellent tutorial, thanks! Thorough and concise. Sub earned 👍
I already knew most of this, but it is a good reminder + custom progress is great! I will try it!
Great tutorial! Thanks a lot, I didnt realize you could combine two progress bar types like that.
Great work man! You certainly need more subscribers!
Great work! didn't know it was so easy thanks, you've just earned yourself a sub!
Thanks, nice to hear that it helps...
I have to watch Godot videos in English, because in Spanish Godot is not too popular, and this channel is too good
Thanks
Thank you very much for the excellent class!!!
That's actually a pretty neat and creative solution
Thanks...
Excellent Tutorial. Thank You
very informative video thank you :)
Yooooo this is amazing. Thank you.
awesome :) looks like the Kingdom Hearts health bar
Yup, it's very similar to that
ok that's very creative and impressive!
Excelent video, thank you
that's a lot of useful infos!
Estimated friend, you have a lot of potential, nobody had made a video like yours that will show all the options, you explained well, your videos are well prepared, congratulations, that is why I definitely subscribe. So I could make a pentagonal progress bar?
Thanks 😊, I am glad you find it helpful.
And yes you can make pentagonal progress bar by aligning several horizontal bars or whatever works for you.
really cool and helpful
Great quality video!
Thanks...
Thanks a lot!
Nice idea
Great work man
Thanks 😊
You are not gonna believe but youtube sent notification of this video today, yes
😂
@@dicode1q another one today, bro you hacked youtube algorithm
Awsome!=)
Thank you
Good info
wow Godot is insanely good
Wow cool tysm
thank you🙃
Welcome 🙃
drnd ايش تسوي هنا 😂😂
@@kingandroid5088 ليش تبحث في تعليقات الاجانب 🙂
You see, I tried to make circular progress bar I set the minimum size and tic the expand nine patch rec but when I load the texture the size does not follow the property I set before. Does anyone have solution for this?
Can I make a progress bar like where the value is just a little image that travels to the end of progress bar in Godot?
What about slanted fill edge? Something like kirby star allies's boss HP meter?
You have to use images in that case, you have to create background image, overlay image(foreground image) and one image for the progress.
@@dicode1q what about making it so that if at 0%, the bar would be not have a triangle at the starting point (furi game has this, and the triangle entirely disappears rather than goes off the edge) and not have a triangle of empty space at 100%?
@@ghb323I don't think it can be done with progress bar node. Also I am not sure it's the best way, but i would do it by masking using Light2d node. I will first create a white rectangle image representing the area I want to display. Then In Light2d node there is a property called "mode" there you can select mask and put the rectangle image in it.
Then I will place the progress bar's background image and progress image (with a slope edge) on the top of background.
(Light2d will be at the top of everything)
Now throught code I will move the progress image left and right.
And because of masking when the progress image go out of the background image it will not be visible.
You can see this video about masking to understand better: ruclips.net/video/2ZD82i71-90/видео.html
how do i make the corners round to make the progress bar feel less blocky?
In the inspector go to
"Theme Overrides" then "Styles".
Now you can edit background and foreground seperately.
So from the drop-down select "New StyleBoxFlat" .
Click on it and You will get
"Corner Radius".
how do i code this?
your irish accent is too thick
I am not from Irish, I am from India
poo in loo
Thank you
You're welcome...