In this section, we will add three images of the Cucumber Man's head beneath the health label and meter, each image representing a life remaining:
- Download the cmLives.png file from the publisher's website
- Drag that image into the Assets | Cucumber Man folder in the Project panel
- Select the imported image and, in the Inspector panel, change the Texture Type to Sprite (2D and UI)
- In the Hierarchy panel, right-click the HUD_Canvas and select UI | Image
- In the Inspector panel, click the small circle to the right of the setting under Image (Script) | Source Image
- Select the cmLives.png image you added in step 2
- In the Inspector panel, rename this image as Life1
- Click Rect Transform | Scale and change the scale of Life1 to 0.4 for X, Y, and Z
- In the Scene view, reposition the Life1 image so that it is directly preceding the health label
- In the Hierarchy panel, right-click and duplicate Life1 twice, and rename the copies Life2 and Life3
- In the Scene view, reposition the three images so that they are in sequential order and aligned in a visually pleasing manner
Your finished work should look similar to the following screenshot from the Game view:
Make any necessary adjustments before moving on to the next section.