Book Image

Mastering UI Development with Unity

By : Ashley Godbold
Book Image

Mastering UI Development with Unity

By: Ashley Godbold

Overview of this book

A functional UI is an important component for player interaction in every type of video game. Along with imparting crucial statistical information to the player, the UI is also the window through which the player engages with the world established by the game. Unity's tools give you the opportunity to create complex and attractive UIs to make your game stand out. This book helps you realize the full potential of Unity's powerful tools to create the best UI for your games by walking you through the creation of myriad user interface components. Learn how to create visually engaging heads-up-displays, pause menus, health bars, circular progress bars, animated menus, and more. This book not only teaches how to lay out visual elements, but also how to program these features and implement them across multiple games of varying genres. While working through the examples provided, you will learn how to develop a UI that scales to multiple screen resolutions, so your game can be released on multiple platforms with minimal changes.
Table of Contents (12 chapters)

Masks and Other Inputs

The most popular UI objects are Buttons, Text, and Images, but there are a few other interactable UI objects available.

In this chapter, we will discuss the following topics:

  • Appropriate use all the UI objects available
  • Creating a settings menu with a mask, scrolling text, an input text field, checkbox, and toggle
  • Attaching code to each of the inputs

All the examples shown in this section can be found within the Unity project provided in the code bundle. They can be found within the scene labeled Chapter7Text in the Assets/Scene/ExamplesInText/Chapter7Text folder.

Each example image has a caption stating the example number within the scene.

In the scene, each example is on its own Canvas and some of the Canvases are deactivated. To view an example on a deactivated Canvas, simply select the checkbox next to the Canvas' name in the Inspector:

...