
Unity UI Cookbook
By :

In this recipe, you will learn how to create a bar that goes up and down. This decorative UI element is often used in sci-fi HUDs. In fact, it gives a touch of life to our UI. Bars that go up and down can be a nice addition when we are trying to provide the player with an atmosphere in which many different things are dynamic and are being measured, such as a character gaining or even losing an ability over time during a battle, as if monitoring various statistics of a player to demonstrate a dynamic and quite living atmosphere.
First of all, we have to create a UI image that should be like a decorative bar for a sci-fi HUD. In this recipe, we are going to use the bar that we used in Chapter 2, Implementing Counters and Health Bars. To start, right-click on the Hierarchy panel, then navigate to UI | Image, and finally rename it HUDBar. Of course, it is possible to resize it and place the image as we wish. Lastly, we change Source Image with...
Change the font size
Change margin width
Change background colour