Revealing icons for multiple object pickups by changing the size of a tiled image

Another approach that could be taken to show increasing numbers of images is to make use of tiled images. The same visual effect as in the previous recipe can also be achieved by making use of a tiled grey star image of width 400 (showing four copies of the grey star icon), behind a tiled yellow star image, whose width is 100 times the number of stars collected. We'll adapt the previous recipe to illustrate this technique.

Getting ready

This recipe follows on from the previous recipe in this chapter.

How to do it...

To display grey and yellow star icons for multiple object pickups using tiled images, follow these steps:

1. Make a copy of your work for the previous recipe.

2. In the Hierarchy panel, remove the four Image-star0/1/2/3 UI Images in the Canvas.

3. Select the Canvas in the Hierarchy panel and add a new UI Image object (Create | UI | Image). Rename it Image-stars-grey.

4. Select Image-stars-grey in the Hierarchy panel...