2D UI HealthBar follow Player

Hi, I created a healthbar and I want it to follow the player, this is my script :

Code (CSharp):

1. using UnityEngine;
2. using System.Collections;
3.  
4. public class SpeechFollow : MonoBehaviour
5. {
6.     public GameObject Player;
7.  
8.     void Start()
9.     {
10.        
11.     }
12.  
13.     void Update()
14.     {
15.          //gameObject follow the Player
16.     }
17. }

 

Why don't you just make the healthbar object a child of the player?

 

Your script did nothing. I guess you must create a script that transform the position of the Health bar in UI with the player position.
Or maybe it's possible to attach a GameObject "HealthBar" to the player...
I will try the both and I came back.

 

It doesnt work like that with UI elements

 

I guess but therr is no tutorial on how to do that so I dont know how to do that..

 

Uh actually, is your canvas on world space?

 

Hello ! I tried and I did it, but it works only in my game because we need more information.

Actually, do you want that the HealthBar only show when the monster is Hit, or do you want that the bar is Always on screen ?

what is the caracteristic of your camera ?

In my case, I did a script like that :

Code (CSharp):

1. //First I create 2 variables
2. public GameObject healthBar; //To get the Slider Information, and Position
3. public float healthBarCorrection; //To correct the position of the healthbar
4.  
5. public void Start()
6. {
7.         healthBar.GetComponent<Slider>().minValue = 0; //the minimal value of the slider
8.         healthBar.GetComponent<Slider>().maxValue = hp;//the maximal value of the slider
9.         healthBar.GetComponent<Slider>().value = currentHp; the value of the slider when the monster pop.
10. // we need to instantiate the value of the bar
11. }
12.  
13. public void Update() //we need to update each seconds the position of the bar, and the value of the slider
14. {
15. Vector3 monsterPosition = new Vector3(transform.position.x, transform.position.y + healthBarCorrection, transform.position.z); // we need to correct the position of the bar
16.         healthBar.GetComponent<Transform>().position = Camera.main.WorldToScreenPoint(monsterPosition); // we say that the position of the bar is a conversion of the position of the monster in my UI units.
17. healthBar.GetComponent<Slider>().value = currentHp;
18. }

It works fine for me but you must adapt it to yours.
But it's not perfect. I need to show it when the monster pop, and destroy it when the monster is dead. Or more ...

 

I guess that the ultimate script Instantiate a Health bar in a canvas, this instance is linked to the monster that instantiate it, and it update the Health each time the monster is touched. It's a little difficult for me now. but I think about it ...

 

I did it ! I create a good script ! It show you a Health bar that follow the enemies and it's destroyed when the monster die.
You need some prerequisite :
A folder "Resources" in your assets that contain a folder ''Prefabs"
You need to create a GameObject Slider in your main Canvas, your Health bar, and drag it in this Prefabs folder, and name it HealthBar.

Here is the script :

Code (CSharp):

1. using System.Collections;
2. using System.Collections.Generic;
3. using UnityEngine;
4. using UnityEngine.UI;
5.  
6. public class HealthFollowMonster : MonoBehaviour {
7.  
8.     public GameObject healthBar;
9.     public GameObject canvas;
10.     public GameObject instance;
11.     public float healthBarCorrection;
12.     public Vector3 monsterPosition;
13.     public Vector3 barPosition;
14.  
15.     // Use this for initialization
16.     void Start () {
17.         canvas = GameObject.Find("Canvas");
18.  
19.         if (!healthBar)
20.         {
21.             healthBar = Resources.Load<GameObject>("Prefabs/HealthBar"); //Chopper le prefab dans les fichiers
22.         }
23.  
24.         instance = Instantiate(healthBar);
25.         instance.transform.SetParent(canvas.transform, false);
26.         monsterPosition = new Vector3(transform.position.x, transform.position.y + healthBarCorrection, transform.position.z);
27.         instance.GetComponent<Slider>().minValue = 0;
28.         instance.GetComponent<Slider>().maxValue = GetComponent<EnemyScript>().hp;
29.         instance.GetComponent<Slider>().value = GetComponent<EnemyScript>().currentHp;
30.         instance.transform.position = Camera.main.WorldToScreenPoint(monsterPosition);
31.     }
32.  
33.     public void HealthBar()
34.     {
35.         float t_hp = GetComponent<EnemyScript>().currentHp;
36.         monsterPosition = new Vector3(transform.position.x, transform.position.y + healthBarCorrection, transform.position.z);
37.         instance.GetComponent<Transform>().position = Camera.main.WorldToScreenPoint(monsterPosition);
38.         instance.GetComponent<Slider>().value = GetComponent<EnemyScript>().currentHp;
39.         if (t_hp == 0)
40.         {
41.             Destroy(healthBar);
42.         }
43.     }
44.  
45.     // Update is called once per frame
46.     void Update () {
47.         HealthBar();
48.     }
49. }

You need th attach the script to your monster. You must rename the "EnemyScript" in you script that rules the enemy life and get the right values in this script.
In this script, you need to add Something like this

Code (CSharp):

1. public void DestroyHealthBar()
2. {
3. Destroy(GetComponent<HealthFollowMonster>().instance);
4. }

and use the method when the hp of the monster is <= to 0.

To avoid any error, you must add the the Start method this :

Code (CSharp):

1. //Get HealthBar Script if the life is shown
2.         HealthFollowMonster t_hfm = GetComponent<HealthFollowMonster>();
3.         if(t_hfm != null)
4.         {
5.             hfm = t_hfm;
6.         }
7.         if (t_hfm == null)
8.         {
9.             hfm = null;
10.             Debug.Log("No Health bar attached");
11.         }

and add a private HealthFollowMonster hfm;
If there is no HealthFollowMonster attached to the monster, the debug console will show you a Debug.Log and not an error.

Here is a video of what it looks like in my game :

Bye bye

 

Ok

Ok so Im doing a gladiator game, so i need it to always show on the screen, and my canvas is set to camera fit , idk if its any problem with that, its like an arcade game

 

You put a lot on work to help here, and I do apreciate that! U rock! But, I need it to actually fit the things I did now, I made an UI Image as a health bar, and I want it to stay on the players head like to stick there , and just follow him, like a child , but Idk why this is so difficult, It should be easy, I really need an 2d side scroller tutorial

 

Ur game is awesome btw

 

THANKS DUDE it worked!!!

 

Yeah, Unity3D College is a great YouTuber to follow. Very good programmer who understands Unity in great detail.