Nrthugu

So I've designed a custom HP bar and aligned it where I'd like it to be as well as how I'd like it to look.

However, when I press play (Not full screen mode, haven't even tested for that)either the image background slides slightly right or the green filler image slides to the left.

I have no idea why it's doing this or how to fix it. I'm willing to offer whatever information you require such as code or screenshots of the inspector.

This is a screen shot of the bar as it is in the sceneview canvas.

As you can see when the Play isn't pressed the bar functions normally. The above pic is Half-Full. The below image is Empty.

Part 2 of the issue:

I'm also having trouble with the HP bar rotating properly with the player.

However, when I turn left or right or face up:

]9

So you can see the HP bar doesn't properly rotate with the player's movement; although it does follow perfectly, the bar doesn't rotate accordingly. I can provide some movement code and the code I use to track the position of the player. What I have done was created a sphere and attached it to the player. I then attached the script for tracking the player onto that sphere. I then removed the mesh render and box collider of the sphere.

Health Bar Script

using System.Collections;

using System.Collections.Generic;

using UnityEngine;

using UnityEngine.UI;



public class PHealth : MonoBehaviour {



[Header("HP Bar Images")]

[SerializeField]

private Image HpBarBG;

[SerializeField]

private Image HpBarFillBar;

private float imgFill = 1;











void Update () {

   FillBar()

}

private void FillBar(){

   HpBarFillBar.fillAmount = imgFill;

}





}

Player Movement Script

public GameObject player;

public Vector3 localscale;

// public Transform start, end;



[SerializeField]

private float speed = 5;







void Start () {



}



// Update is called once per frame

void Update ()

{

    /*

                ******** RAYCAST TO DETECT WALLS BELOW *******

     */

   //  WallDetection(); //Cast ray to detect walls



    /*

           *********      MOVEMENT CODE BELOW       *********

     */

    if (Input.GetKey(KeyCode.W)|| Input.GetKey(KeyCode.UpArrow)) // Move 

        Forward

    {

        player.transform.Translate(Vector2.up * speed * Time.deltaTime, 

        Space.World);

        transform.eulerAngles = new Vector2(0, 180);

    }

    }//End of class

I'd recommend adding your code to your question so we have the full picture. Before you do that, I can only give you some recommendations and suggestions. I'll amend this answer, so it becomes a real answer, afterwards.

In the mean time, what type of canvas are you using? Judging from the hierarchy, I'd imagine it's in either of the screen space modes. Have you considered a world-space canvas parented to your player? I believe it'll naturally rotate in the way that you want it to. Can the players zoom in and out, and is the player character's rotation fixed to 90-degree increments?

In addition, are you sure you want the healthbar to rotate? To be upside down? Won't it be a better idea to keep it fixed in a regular position, above the character's sprite, even if that's technically "below" the character at the time?

Finally, if you don't mind me asking: why Unity 5? It's been a couple of major releases after it, and 2018 is almost at its cycle's end. Though to be fair, I don't know if the version will make any difference for this, so I'm just being curious.