The blue background of our menu's main camera is not very nice. Let's set a black background for the camera, and add our space tiling sprite to make this better:
- Select our MainMenu GameObject from Anchor, and create a new sprite by navigating to NGUI | Create | Sprite, or press Alt + Shift + S.
- Select the new Sprite GameObject from MainMenu and perform the following steps:
- Rename it as
Space. - Set its Atlas type to our Game atlas.
- Set its Sprite to our Space tiling sprite.
- Set its Sprite Type parameter to Tiled.
- Rename it as
- Attach a Stretch component to it by navigating to Component | NGUI | UI:
- Set its Style parameter to Both.
You may notice that we have ugly lines between each repetition of the Space sprite. That is simply because there is a 1-pixel-wide border on the sprite. We can easily correct this by reducing the sprite's border value of 1 pixel.
Select our Space GameObject from MainMenu, and click on the Edit button next to the Sprite field, as shown in the following screenshot:
Set a value of 1 for each of the four Border parameters as shown in the following screenshot:
That's better; our tiling sprite now tiles correctly without any lines between each pattern.
Now that you have learned how to add sprites and fonts, I would like you to change our Main Menu elements' backgrounds to make it look better. You may proceed as you wish—add more sprites if you want, change colors, and use your imagination!
The following is an example of what you can achieve with the Window and Button sprites:
