Unity UI Cookbook

Implementing a radial health bar

In this recipe, we are going to create a radial health bar. The health of the player will be displayed as a ring that reduces circularly when health decreases and fills with increasing health. To achieve this, we will use the Image (Script) component and develop a script to manage the length of the bar.

How to do it...

1. First of all, we need to create our ring, so let's open a graphic program and create it. It should look like the following:
   
2. Then, import it in to our project and, if the project isn't set to 2D, set the Texture Type of the image to Sprite (2D and UI), and then click on Apply.
3. Next, create a new image, ...