How to make a HEALTH BAR in Unity!
Let's create a simple health bar using the Unity UI-system!
Get up to 91% OFF yearly Hostinger Plans: hostinger.com/brackeys/
Code: "BRACKEYS"
● Brackeys Game Jam: itch.io/jam/brackeys-3
● Project Files: github.com/Brackeys/Health-Bar
····················································································
❤️ Donate: www.paypal.com/donate/?hosted...
► Join Discord: / discord
● Website: brackeys.com/
● Twitter: / brackeystweet
● Instagram: / brackeysteam
····················································································
► All content by Brackeys is 100% free. We believe that education should be available for everyone.
❤️ Donate: www.paypal.com/donate/?hosted...
····················································································
♪ "ES_Dress Code_Black - oomiee" by Epidemic Sound
Пікірлер: 1 400
Top 10 intros
@TrimorphMC
4 жыл бұрын
Hey Dani big fna
@uwaisqarni5676
4 жыл бұрын
Hi dani boy
@KashTheGamerYT
4 жыл бұрын
hi dani
@alexanderspencer14
4 жыл бұрын
Dani love your vids . Can you upload more?
@uwaisqarni5676
4 жыл бұрын
Hey Dani, could you make a tutorial on 2d ragdolls and the movement cause I can't find any other tutorial that isn't garbage.
His sense of humor is questionable. And it's perfect for a developer
@Nickgowans
4 жыл бұрын
Jobs done!
@babanizprolar9727
4 жыл бұрын
Yup
@CabVideoz
3 жыл бұрын
LOL hilarious devs are not to be trusted
Brackeys in 2014: sounds really tired Brackeys in 2020: sound like the most energized man alive
@datarioniboii3986
3 жыл бұрын
He is aging, just backwards
@hackerulroman
3 жыл бұрын
because of quarantine
@yourm8markas
3 жыл бұрын
GamerulRoman what bout 2019
@yourm8markas
3 жыл бұрын
datarioniboii y
@yourm8markas
3 жыл бұрын
datarioniboii interesting
2:06 (a game jam) is a great way to challenge yourself in a stress-free environment ??? am i doing game jams wrong ?_?
@cohenschellenberg3325
4 жыл бұрын
lol
@Creere
4 жыл бұрын
the environment might be stress-free but not you! :D
@JarmamStuff
4 жыл бұрын
Ill let *you* decide... ... but the answer is yes xD
@wolfyanimations5078
4 жыл бұрын
O_O
@blubobbie
4 жыл бұрын
yes.
I will miss Brackeys, I hope you come back someday, you magnificent beast.
@kalpnamishra7424
3 жыл бұрын
🥺
@sillicon8227
3 жыл бұрын
Why u saying "beast" lol
@ECSOrder66
2 жыл бұрын
@@sillicon8227 4 months late
@bastiaantheboss4976
2 жыл бұрын
@@ECSOrder66 2 months late
@ECSOrder66
2 жыл бұрын
@@bastiaantheboss4976 3 days late
One of the best intros, I love how you used examples from other games to show that this basic code and setup is basically used in EVERYTHING, just animated, drawn, and colored differently!
Thank you brackeys! You have left us but your knowledge and wisdom we will never forget thank you for inspiring and teaching a generation of game devs and teaching them the code the basic some intermediate and complex stuff as well
You can also set the Image Type to "Filled" and set the progress there. This also allows for example round shapes, circles, etc.
@SweetVibesOfficialMusic
3 жыл бұрын
oh u here!xd
@codinginflow
3 жыл бұрын
@@SweetVibesOfficialMusic you here too!
@InvisaPotion
2 жыл бұрын
holaaaa
@alirezaizadparast5443
2 жыл бұрын
Yes that was a better way...i wonder why he won't do that..just its not seem sense to me we have a canvas in each character
@thediamondleaf5111
6 ай бұрын
OMG My Idol
Even when I know how to make a proper health bar, this taught me so much for example the gradient. I wanted to make something like this with coloring sprite under void update but this is so much comfortable. Also the billboard script is so useful. Really good tutorial
Thank you so much Brackeys, I looked at other tutorials for over an hour before coming to yours and always ended up confused but you made everything simple and easy to integrate. Thanks so much.
The amount of stuff I have learned and actually used in my games from Brackeys is insanity !!
always releasing tutorials when I most need them
Thanks for this! I'm surprised by how simple and easy to use the Slider is. Also the Canvas world space stuff is super useful!
Hey Brackeys I just love this kind of videos where we can reuse this thing in all our own games ( like the menus videos, awesome) PLZ make more of this, great content thanks
@webdevolop5476
4 жыл бұрын
hi, i think this video is really worth it :)
@toucannfroot9107
4 жыл бұрын
that's great, but even something as simply as copying the code from his screen word-for-word is a great learning experience, and helps you understand the code you're using more. Just, unless you're in a rush, try not to copy/paste!
@assi3147
3 жыл бұрын
69 nice
Your ability to speak and smile at the same time amazes me!
Yes!! I can't wait for the game jam, I had a blast during the last one😆
Great tutorial that hit on all the dangling questions I had when watching other tutorials. You seem to know exactly what a noob would ask about. There were two things I had to figure out though... one was how to stop the HealthBar from rotating around the parent object when it rotates, and then how to get the ui to show over the player and enemies.
@pikachiu6345
2 жыл бұрын
and how did you do it?
Fascinating! I came back to this tutorial because I wanted to double check how to make a neat healthbar and if anyone is following this tutorial in 2022 and wondering why they're encountering strange squashed and stretching issues despite following everything it's probably because you didn't change the image type and brackey's doesn't seem to need to do this in this version of Unity. For a horizontal bar, change the image type from simple to fill, then left to right for the direction, that should fix the behaviour, if you have the fill image connected to the slider component then the value in the image will be disabled and it will give you a notice that it's connected to the slider component.
@randomakatsukipr4570
2 жыл бұрын
Did you run into any problems with the gradient? Every time I try to click on it, the hub for the gradient does not appear. Can anyone help with this?
@lethn2929
2 жыл бұрын
@@randomakatsukipr4570 Have you double checked that you've declared everything properly in the code? I'll need to check because I don't use those kinds of components often but they may have changed it again.
@mumr1ken
2 жыл бұрын
Hey! Where do I change the image type "from simple to fill"? Cant find it in my settings
@cemtheone
4 ай бұрын
@@mumr1ken Hello! I know this is too late but if you still did not found it and just rolled with how it is , here is the fix: You just need to add a source image! You can open your preffered photo editor and create a blank white png. Then you add it and you can choose image type afterwards.
I've only been learning coding for about like 3-4 days and this coding is already starting to look easy to understand.
@TornadoPro2712
Жыл бұрын
That's good, when i started coding i had no idea what i was doing until about 2 weeks later.
Thanks for your help, Brackeys! Because of you, I'm slowly becoming a mildly impressive game designer!
Perfect tutorial i needed for my health bar to work. got it to work fine. Now im gonna search your playlist to see if i find anything on enemy interaction that effects the health when my character gets hurt
Dude yesterday I was searching on KZread about health bars what a coincidence!
@XPLexi_
3 жыл бұрын
Google tracks your searches and history to reccomend videos
When I saw that he was working with a rotating camera, all I thought was "that's quirky." Now I understand
Having the project files is a life saver!
This is the first tuto I can follow entirely.
Brackeys thank you for making us these decent quality vides, I hope to see you guys grow as a company/team whichever is correct. Your tutorials always gets me going in the right direction, cheers for that! Have a nice day :)
@unitynoob4437
3 жыл бұрын
Well....
Hey man , I only want to say THANKS for everything , you are helping me a lot
Fair play Mr. Brackey. Staying up to all times of the night to show us valuable skills. Really recommend this mad man.
Really nice tutorial here are some notes for others: To reduce "random" problems set your currenthealth = maxhealth in awake() not start(). That way if you do check stuff with help in the update function there will never be "random" problems with it. Also takeDamage function should never reduce below zero! Catch that as well with a simple if(currenthealth The render with the UI on world is happening because you scaled down the canvas to 0.01 i think. If you just lower the width and height and then scale it to like 0.2 it will be more crips i guess :)
@martinboros9516
Жыл бұрын
Thank you very much
Is it just me is this health bar looking kinda *THICC*
You are SO close to 1 million subs! Congrats man! I've been here since your early Unity tutorial days :P
I’ve been using sprites for my health bars so I can use different hp designs then tie the health value to the fillamount and it works well
Hey Brackey! Thanks for the tutorial, i was blocked with the health bar, but can you one day make a tutorial for a top-down dungeon game ? that would be awessome
Finally a Health Bar tutorial
@m.r3052
4 жыл бұрын
Kalpact right
@DeathGOD7
4 жыл бұрын
Code monkey had done it before FYI, if you had searched in YT or google
@m.r3052
4 жыл бұрын
David Lad r/woooosh
@aquaarmour4924
4 жыл бұрын
@@DeathGOD7 ngl, codemonkey is much better than brackey, clean code, advanced topics and variety of content. I miss old brackeys. Now he just does beginner stuff.
@Terror1046
4 жыл бұрын
There are much better ones out there.
My plan is to mix a lot of tutorials into creating my 'own' fps shooter game so I can show off to my friends. Thank you Brackeys
thanks man your videos have been a really big help with my tight deadline uni project
If anyone else has the issue of the images in a canvas not showing up, try scaling the size of your sprites and backgrounds up to match the huge size of the canvas! It turns out the Unity canvas cannot render past a certain point of smallness. I didn't realize my images and background sprites were so small! Hope this helps the next person who's wondering why their health bar seems to be invisible XD
If you're using Unity 2D and every time you make your character look the other direction your health bar inverts and moves to the other side, just move your canvas so it's under the Main Camera, instead of your character. This means if your camera moves, the health bar moves with it, so it'll stay in the same position.
@pikachiu6345
2 жыл бұрын
not such a good idea if your character moves and the camera doesn't :/
@xoomzera2830
Жыл бұрын
just make the canvas above the transform of the player no need to attach it to the player itself
This tutorial is VERY helpful. Thank you for your amazing content!
Such a useful channel. Thanks for making these videos!
Its my holiday now and the jam is next week.
@ruchikarai3542
4 жыл бұрын
Which jam?
@ruchikarai3542
4 жыл бұрын
@Kommen Tiere wenn ich kommentiere ? Thanks
@greensmall4086
4 жыл бұрын
@@ruchikarai3542 Brackeys jam
Hey Brackeys, Great video, very informative, and I definitely learnt an extra thing or two. Using render scaling to fix that issue might not be the best idea though, especially in terms of performance as it also renders everything in the game at a much higher resolution and may lead to lower FPS. What I've been doing in my game is a bit more complicated, but I'm using a Screen Space Overlay Canvas setup, and then using WorldToScreenSpace on the game object , and then using a vector 2 variable of canvas.sizeDelta / (camera. pixelWidth, pixelHeight) to multiply that with. Anchor your UI element to the bottom left of the canvas, and it should work perfectly fine. not sure if that's a better way to do things, but I feel it's better than increasing the render scale
Didn't know about the gradient field, that's an awesome feature!
This was really useful! Thanks for making this video :D
I needed this tutorial, and I noticed it was posted exactly 1 year ago from now (today is feb 10 2021). RIP BRACKEYS WE MISS YOU!
0:44 That's a mod from WC3 called Winter Maul Wars. Is there a WmW fan at Brackeys? :D
I'm kicking myself now. I made a health bar a couple of months ago and figured out the gradient thing on my own, but I went through this whole complicated thing of scaling the health down to the 0 - 1 range (health/maxHealth) so it would work with the fill settings along with all sorts of masking tricks. I never thought of using a slider, and I didn't realize the slider min and max could be set. If you would have made this video sometime last year it would have saved me a bunch of complexicated calculationing.
OMG! you added it when i want it 😍 thank you
this is really useful and all but how do i make it go down when the hitbox connects with another hitbox with an 'enemy' tag? im very new to programming and still using videos for everything.
what about when you have multiple enemy objects and want to display their HP bars simultaneously ... (like in warcraft) .... will we have to make and adjust canvas for each of those objects?
Exactly what I was looking for, thank you!
That Was Really Helpful, Ive watched a couple of Healthbar Tutors and its always been confusing when trying to Stick it to the HUD, well, at least for me..
0:00 Worst best joke
I have a problem, the health bar works perfect with an enemy, but when I create another type of enemy and copy the health bar and of course change the life points of the newest, the new bar never moves when the enemy takes any damage. Only works with the original, the enemy even dies when health reach 0, but the health bar never moves.
I was using the UI image fillamount and scripted the life system with numbers from 0 to 1 which are the values of the fillamount! This slider option makes it much easier with the max and min values! Didn't know about that! Definitely using this next time.
Its just so sad that he stopped but I respect that. May god bless you brackeys and best of luck
@Lnk-xh7ln
3 жыл бұрын
i agree sad ngl
Can u do like a Tile Turnip effect,from Pvz 2,like when u meet a special requirement,2 or more things on a special floor will activate
@vegitoblue2187
4 жыл бұрын
Use booleans for conditions in a manager script . Make another script for the floor and write whatever you want to happen in a function there. Make an array of the floor class object and assign it's values in the inspector. If conditions meet call the functions in each array element
@wewemaster197
4 жыл бұрын
@@vegitoblue2187 true,but i want to see how brackeys do it :)
When I learn C# Im going to start my own tutorials :D
@joechristo2
3 жыл бұрын
Kretencuga Neve give up!
@astickman2486
3 жыл бұрын
Good luck :D
Awesome Videos !!!! For someone, who has to hear everything twice, he is the perfect Teacher! BTW now you have to write Health instead of HealthBar ;) THANK YOU FOR ALL THE VIDEOS U MADE!
The intro left me speechless
"I have achieved comedy"
Hey how about a 2d fighting game collision tutorial? That would be great
Dude holy cow I was just searching this up today and I was following your tutorial for movement in a fps game and wanted a health bar yaay
Awesome video! Wish you best of luck in the future!
This works fine and when i hit space it reduces health value each time. However also in play mode i can't actually see the healthbar, icon or border at all. It only appears and works just as shown in edit mode.
@mitchellaustin8894
2 жыл бұрын
Check the z value in the transform.
At 10:09 the "public HealthBar healthBar" could not be found even tho I've done everything he's done in the vid. Can someone please help?
@Peis6453
4 жыл бұрын
i have the same have you found the solution?
@christiandiehl6804
4 жыл бұрын
Me too...
@d4rkwells688
4 жыл бұрын
Same with me
@christiandiehl6804
4 жыл бұрын
It’s a public slider now, not health bar. Slider is capitalized.
@d4rkwells688
4 жыл бұрын
And i fixed it, what comes after "public" it's the name of your health bar script. You might have named it with a different name
Thanks for this tutorial! Its gonna help me out alot
Oh my gosh guys, a simple thank you would have worked. Funny you have to make corrections in his comment sections and not on your own videos. Thank you so much. I can't believe I just watched a 20 minute video on how to have a health bar, but thank you so much for continuing to add to it until it looked perfect.
Hello The Scripts Give my Error: CS0120: An object reference is required for the non-static field, method, or property 'HealthBar.SetHealth(int)' Any suggestion thanks :)
@superjeek16
3 жыл бұрын
Myabe check your references in the health bar and your player script.
@Secretlycat31
3 жыл бұрын
Yeah I have the same issue did you find a fix?
@pilotrl2709
3 жыл бұрын
@@Secretlycat31 no i have not fix it but i will you send a link that it work
@waelalzoubi4473
2 жыл бұрын
@@pilotrl2709 i Think i know ur problem because i just had it too its because of the name and i just saw this is a year later
16 min late.....Yay..What wanted in my FPS Game
Missing Brackeys in 18-05-21. unparalleled knowledge and humour!
I have a question about versions. I just downloaded 2019.4 LTS is this backwards compatible with all other 2019.X releases? I have been trying to follow your and many other peoples tutorials (mostly ones from anywhere from 1-5 years old while using unity 2017) and end up with a lot of errors along the way halting my progress. My thought is that I should stick with the new LTS release in the hopes that once I learn something it will work for quite a while and that I can just watch Unity 2019 content to bolster my knowledge, rather than trying to download 10 versions of unity to follow outdated tutorials. Is this a correct line of thinking on my part?
@yesimoz2701
4 жыл бұрын
I have the same problem, but many people also do so when you face a problem, just write it on google and it shows the result 100%.
When my health points are low 🤕 I just watch a Brackeys Tutorial! 💊😃👍
@ashulman1931
3 жыл бұрын
True
Hello, i have a question: Y cant i drag my Health Bar into the "Health Bar" Slot? Is it because i am using Unity 2020.1? Please can someone help me
@joechristo2
3 жыл бұрын
RayCat_LP Is there even a health bar slot there? If not, then make sure that the Health Bar variable is public.
@joechristo2
3 жыл бұрын
RayCat_LP And make sure to put the name of the healthbar class after public
@just.james.
3 жыл бұрын
@@joechristo2 i just downloaded the Project, got the Scripts out of the scripts folder and got the "Player" and the "HealthBar" Scripts. But i just cant drag the Helath Bar object in the slot. The solt exists
@GetTheFreakingOreo11
3 жыл бұрын
I am having the same issue...
@GetTheFreakingOreo11
3 жыл бұрын
Okay I figured out what I did wrong. I moved the file location of my HealthBar script, manually, into the folder containing the Player script. After doing this, I was getting an error in Unity with my HealthBar tab about having some misplaced mono script. Then you just drag the healthbar script from your assets back into the "Script" option. Hope this helps.
Thank U So Much And I hope That I Will Have Enough Time To Participate In The Jam
Best Unity tutorials on youtube!
alright, got the health bar, but how do I take damage when an enemy attacks instead of when pressing a button? been having trouble with that aspect.
@Keksboi2
2 жыл бұрын
kzread.info/dash/bejne/hnyiy9iyd5OzptI.html watch at 5 : 25 he explains how to damage or TakeDamage you can ofcourse use the same script on your player too
@LorenZo-ix7lp
Жыл бұрын
why cant i see the reply
please do diablo style grid based inventory where some items take up multiple cells and can be rotated
@computertech3986
4 жыл бұрын
I found this from a quick search: kzread.info/dash/bejne/a6yuwc2Ser3Fqto.html Don't know how useful it'll be for you but there ya go
@HallyVee
4 жыл бұрын
You'd get mouse cords when over pack ui element, get item backdrop data (just use xy) then start from mouse point - 1/2xy offsets to center item and set each pack square as potentially occupied. If all squares underneath unoccupied place item.
dang, im watching this cause im making a game for a shcool project, and i wouldda been screwed if it werent fo good ol' brackeys. God bless ya, man
Man it's so good to see that the health bar is done but still we have half of the video with more content on the various options and settings we have to implement that in the game. Great video!
Me still using unity 2018 seeing 2019 ui for the first time: WHAT IS THIS WITCHCRAFT!
the second script didn't work when I tried it, it keeps saying "The type or namespace 'Healthbar' could not be found"
@HalcyonVoid
3 жыл бұрын
Same here. Ever figure it out?
@jacobhudson1014
3 жыл бұрын
@@HalcyonVoid brackeys used health Bar as it is the name of the first script he wrote. If you didnt name your script healthBar, you will have to change it to the name of your first script. e.g. public HealthBarScript healthBar; [Healthbarscript for me NOT healthBar] void Start() { currentHealth = maxHealth; healthBar.SetMaxHealth(maxHealth); }
@starsquad9814
3 жыл бұрын
@@jacobhudson1014 Thank you so much. You have no idea how much you just helped me. You’ve made my day. Thank you
@chrisogb11
3 жыл бұрын
@@jacobhudson1014 omds thank you
I was about to create this healthbar tut for unity, with a fluid effect. ;)
Wow, super high quality tutorial... I would watch brackeys tuts endless....thanks so much, I hope to give you back one day what you learn us every week.
10:17 I cant drag the Health bar object into the the slot of the playerscript. just shows the sign that its not possible, any clues? :( edit: fixed it. i forgot to add the HealthBar script to the Health bar object first :) thanks for the tut!
@aidenhurley5074
3 жыл бұрын
I have the same issue and I'm not sure how to fix it, I checked and everything's where it's supposed to be...I think
It's a good tutorial but... how about those health bars that will show how much damage it takes on the bar with a different color area, and then the area gradually decreases in size?
@skyline2601
4 жыл бұрын
make two sliders with different values
@K2MusicKSquare
4 жыл бұрын
But how to adjust the speed? It may be too slow or too fast for the second slider...
@K2MusicKSquare
4 жыл бұрын
@@joshuazollner2995 Thank you!
Brackeys, never stop making tutorials plzz u r the only person with these amazing tutorials. U explain really well u r the BEST ❤❤❤❤❤👏👏👏👏👏
@pablogoni6267
2 жыл бұрын
sadge
@EpheitStudios
Жыл бұрын
Aged like milk
So cool the gradient thingy
Why does his health bar looks HD type and my looks pixelated?
@aFriendlyGhost_
4 жыл бұрын
you have to change the filter mode to "Point(no filter)" and compression to "none" you can do that by selecting your sprite in the assets folder
Hey Brackeys, Assuming you have been with contact Dani (found out from his Discord server) it would be a very funny and entertaining video for you and Dani to do a collab or a project together. Just saying, not forcing you to.
@cohenschellenberg3325
4 жыл бұрын
also everytime he needs to figure out something he looks for one of your tutorials, XD
@BishalKhan01
4 жыл бұрын
@@cohenschellenberg3325 what do you mean?
@cohenschellenberg3325
4 жыл бұрын
@@BishalKhan01 look at anyone of dani's tutorials. Lets say he doesn't know how to make an fps controller, (as shown in his first 3d game video) he would look up a Brakeys how to
@BishalKhan01
4 жыл бұрын
@@cohenschellenberg3325 oh yeah true
Awesome Tutorial, really appreciate it
I spent HOURS making my health bar, so it can be resized and still work, and now I finally give up, and find this? Nice tutorial btw.
@QuotivationOfficial.
3 жыл бұрын
By any chance do you know how to make it so the health bar goes down if the player hits an (enemy)
Why is every unity youtuber uploading new videos right now? I have to sleep 😂😂
@ibrahimimran5318
4 жыл бұрын
I'll explain, Brackeys lives somewhere else. So it's different Times there.
@aquaarmour4924
4 жыл бұрын
I see you on every codemonkey and brackeys video
@mehmedcavas3069
4 жыл бұрын
@@aquaarmour4924 because I like both channels :D
I'm making a 2D game and instead of pressing the space bar, if you want to take damage when you touch an enemy do, void OnTriggerEnter2D(Collider2D other) { if (other.CompareTag("Enemy")) { TakeDamage(20); } } Then create a tag for the enemy called "Enemy" and it should work. If you want to do this in 3D just remove the 2D from OnTriggerEnter2D and (Collider2D other)
@bigchungusonline4773
2 жыл бұрын
do i need to give them collider and do I need to do other stuff?
@kimzamusic
2 жыл бұрын
THANKS!!!! i was trying to do this for like 3 hours lol
@graptik8
2 жыл бұрын
Oh my god you're a fucking legend. Was looking everywhere for how to do this. Why the hell didn't he just include it in the video???
@guilhermeferreira5316
2 жыл бұрын
I'm probably dumb, but u man, i have no words, i have no fucking words for what u have saved my ass, i love you with all my heart
congrats on 1 mil
I've only recently picked up the hobby, but you know what? I'll join the game jam anyway.
Could you do a 3D grapple hook
@drsvenlp
4 жыл бұрын
Sykoo actually made a pretty cool tutorial on how to make one (kzread.info/dash/bejne/f4Zluq1moZWcZag.html)
How would I make the player loose Health whenever an enemy goes near it
@Abazel
4 жыл бұрын
Cajus Lehmann I’m fairly new to coding and I’m literally using tutorial videos for every feature of my game, so I wouldn’t know how to turn that into code. I’m hoping these videos will make me better at coding though
@GeniusK
4 жыл бұрын
@@Abazel you should watch brackeys 2D shooting tutorial video.
@Abazel
4 жыл бұрын
Genius K would it be good for a 3D fps game
@GeniusK
4 жыл бұрын
@@Abazel yes sure watch it.
@Terror1046
4 жыл бұрын
Use a trigger area around the enemy and in script you use an event to call a function in the player to lose health. Remember you can pass variables using the eventsystem.
I happen to be wearing my Brackeys t-shirt today and this vid just came up in my feed. hope you're doing well!
You are the Best Unity Tutorial Maker in the whole World!!!!!!