Reader small image

You're reading from  Unity 5.x Animation Cookbook

Product typeBook
Published inMay 2016
Reading LevelExpert
PublisherPackt
ISBN-139781785883910
Edition1st Edition
Languages
Tools
Right arrow
Author (1)
Maciej Szczesnik
Maciej Szczesnik
author image
Maciej Szczesnik

Not interested. Too busy with current game project. Source: Linkedin.
Read more about Maciej Szczesnik

Right arrow

Using filled images for creating animated progress bars


In this recipe, we will create a very common UI mechanism: progress bar. The same concept can also be used for creating health bars, cooldown indicators, and so on.

Getting ready

Before we start, you should prepare at least one sprite image and import it to Unity. You can also use the provided example Unity project and go to the Chapter 03 2D and user interface animation\Recipe 07 Using filled images for creating animated progress bars directory. You will find an Example.unity scene there. Open it and play the game to see the effect.

How to do it...

To create an animated progress bar, follow these steps:

  1. Import the progress bar image to Unity and set its type to Sprite (2d and UI).
  2. Open a scene and create a new Image by using the Game ObjectUI |Image command.Canvas and Image game objects will be created.
  3. Select the Image game object and change its name to ProgressBar.
  4. Find the Image component in the ProgressBar game object's Inspector.
  5. Set...
lock icon
The rest of the page is locked
Previous PageNext Page
You have been reading a chapter from
Unity 5.x Animation Cookbook
Published in: May 2016Publisher: PacktISBN-13: 9781785883910

Author (1)

author image
Maciej Szczesnik

Not interested. Too busy with current game project. Source: Linkedin.
Read more about Maciej Szczesnik