Search icon CANCEL
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Mastering UI Development with Unity

You're reading from   Mastering UI Development with Unity Develop engaging and immersive user interfaces with Unity

Arrow left icon
Product type Paperback
Published in Jun 2024
Publisher Packt
ISBN-13 9781803235394
Length 638 pages
Edition 2nd Edition
Tools
Arrow right icon
Author (1):
Arrow left icon
Dr. Ashley Godbold Dr. Ashley Godbold
Author Profile Icon Dr. Ashley Godbold
Dr. Ashley Godbold
Arrow right icon
View More author details
Toc

Table of Contents (28) Chapters Close

Preface 1. Part 1: Designing User Interfaces
2. Chapter 1: Designing User Interfaces FREE CHAPTER 3. Chapter 2: Designing Mobile User Interfaces 4. Chapter 3: Designing VR, MR, and AR UI 5. Chapter 4: Universal Design and Accessibility for UI 6. Chapter 5: User Interface and Input Systems in Unity 7. Part 2: Unity UI Basics
8. Chapter 6: Canvases, Panels, and Basic Layouts 9. Chapter 7: Exploring Automatic Layouts 10. Chapter 8: The Event System and Programming for UI 11. Part 3: The Interactable Unity UI Components
12. Chapter 9: The UI Button Component 13. Chapter 10: UI Text and TextMeshPro 14. Chapter 11: UI Images and Effects 15. Chapter 12: Using Masks, Scrollbars, and Scroll Views 16. Chapter 13: Other Interactable UI Components 17. Part 4: Unity UI Advanced Topics
18. Chapter 14: Animating UI Elements 19. Chapter 15: Particles in the UI 20. Chapter 16: Utilizing World Space UI 21. Chapter 17: Optimizing Unity UI 22. Part 5: Other UI and Input Systems
23. Chapter 18: Getting Started with UI Toolkit 24. Chapter 19: Working with IMGUI 25. Chapter 20: The New Input System 26. Index 27. Other Books You May Enjoy

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...

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at €18.99/month. Cancel anytime