Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Mastering UI Development with Unity
  • Table Of Contents Toc
  • Feedback & Rating feedback
Mastering UI Development with Unity

Mastering UI Development with Unity

By : Dr. Ashley Godbold
5 (4)
close
close
Mastering UI Development with Unity

Mastering UI Development with Unity

5 (4)
By: Dr. Ashley Godbold

Overview of this book

Mastering UI Development with Unity covers the creation of captivating, functional UIs for player interaction and engagement. Learn design considerations, animation, particle effects, and UI optimization for various genres and platforms. Implement UIs using Unity's UI systems and input systems, creating visually engaging elements like HUDs, menus, and progress bars. Discover how to develop and implement UIs across multiple platforms and resolutions with practical examples. By the end, you'll confidently develop game UIs with technical and aesthetic considerations using Unity's versatile UI elements.
Table of Contents (28 chapters)
close
close
1
Part 1: Designing User Interfaces
7
Part 2: Unity UI Basics
11
Part 3: The Interactable Unity UI Components
17
Part 4: Unity UI Advanced Topics
22
Part 5: Other UI and Input Systems

Examples

In this chapter, we’ll expand on the scene we’ve been building further and also add a new scene that occurs between our start screen and our main game screen.

Creating animated text

First, we will create a new scene that acts like a cut scene between our start screen and our gameplay scene. It will include our cat introducing itself. The text will animate as if it is being typed, and the user will have the option to speed it up by pressing a button. Once the text is fully displayed, pressing that same button will either show the next block of text or go to the gameplay scene. The text windows will appear as follows:

Figure 10.33: The end result of our animated text box

Figure 10.33: The end result of our animated text box

Let’s start by creating a prefab to save us some development time.

Creating a Background Canvas prefab and a new scene

Before we can start making animated text, we need to build out our scene. In both the scenes we have created so far, we used Background...

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech

Create a Note

Modal Close icon
You need to login to use this feature.
notes
bookmark search playlist download font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Delete Note

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Edit Note

Modal Close icon
Write a note (max 255 characters)
Cancel
Update Note

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY