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.
To display grey and yellow star icons for multiple object pickups using tiled images, follow these steps:
Make a copy of your work for the previous recipe.
In the Hierarchy panel, remove the four Image-star0/1/2/3 UI Images in the Canvas.
Select the Canvas in the Hierarchy panel and add a new UI Image object (Create | UI | Image). Rename it
Image-stars-grey
.Select
Image-stars-grey
in the Hierarchy panel...