Book Image

Unity3D UI Essentials

By : Simon Jackson
Book Image

Unity3D UI Essentials

By: Simon Jackson

Overview of this book

<p>Unity is a powerful cross-platform development engine that provides rich framework to create 2D and 3D apps or games. Through Unity3D, users are able take master the complexities of game development with ease, including animations, physics, renderings, shaders, scripting and now, Unity have released a new and advanced system to cope with the UI demands for modern applications and games.</p> <p>Unity 3D UI Essentials is a complete walk-through of the new UI system in Unity V4 and beyond (including Unity 5). This fast-paced practical tutorial provides you with in depth details of the new UI controls and layouts that can be used to create stunning and multiresolution UI.</p> <p>Venture forth into the highly componentized and advanced UI system, covering new features such as responsive designs and layouts. Also you get to deep-dive into the scripting side of the UI system as Unity has made the entire framework open source, giving free access to the source code of the new UI system to all developers.</p> <p>So get ready for a wild ride into the new Unity3D UI system and set your course for awesome!</p>
Table of Contents (14 chapters)

Resolution and scaling


Since there has been a UI and the need to display on more than one type of screen (basically since the days of arcade when you knew what you were running on), there has always been the challenge how to best design and implement a good UI that will work on any resolution, especially in Unity!

Note

We will just cover the basics in this section, and full examples will be given in Chapter 4, Anchors Away when we cover building responsive layouts with Anchors.

To answer this call with the new Unity UI system, Unity has created a resolution scaling component that is attached to a Canvas by default in order to control the resolution-based drawing of the GameObjects and components within; this component is called the Canvas Scaler.

The Canvas Scaler has several modes of operation that alter how the Canvas is scaled when drawn to the screen:

  • Constant Pixel size

  • Scale with Screen Size

  • Constant Screen Size

Tip

The Canvas Scaler script shows some interesting ways to write a script...