Unity UI Cookbook

Implementing a linear health bar

In this recipe, we are going to create a linear health bar. The health of the player will be displayed as a bar that shortens when the player's health decreases, and extends with the player's health increases. To achieve this, we will use the Image (Script) component in a different way than what we have in previous recipes, and develop a script to manage the length of the bar.

How to do it...

1. First of all, we need to create our health bar, so let's open a graphic program and create it. We can create something that should looks like the following:
   
2. Then, import it in to our project. If the project isn't set to 2D, remember ...