Skip to content

Latest commit

 

History

History
17 lines (12 loc) · 1.28 KB

README.md

File metadata and controls

17 lines (12 loc) · 1.28 KB

View the entire tutorial on What Up Games.

Use style transitions to animate a menu with UI Toolkit

Including animations in your user interface can take it to the next level and really make it pop. This tutorial teaches you how to use style transitions to animate your UI. It includes very minimal C# code to help stagger the animations, rather than having them all run at once. By the end, you will have the first screen in the Design an interactive game UI with Figma created and animated in Unity via UI Toolkit.

This tutorial is the second part of a 2-part series. Part 1, Design an interactive game UI with Figma, covers the basics of using the free tier of Figma to rapidly prototype a new main menu design. You can skip the first tutorial if you do not want to learn about Figma.

Example

Learning Outcomes

  • Import and use custom fonts
  • Define and use stylesheet variables
  • Use transition properties to animate, including registering event listeners in C#

Prerequisites

  • You should have Unity 2021.2 or later to follow along with this tutorial.
  • This tutorial assumes you have basic knowledge of Unity and UI Toolkit.