Exploring the Editor Layout

Navigation in the Editor - 2019.1 & 2019.2

Project Organization

Working with the FBX Exporter Setup and Roundtrip - 2019.1, 2019.2

Importing Assets

Introduction to Nested Prefabs

Working with Scripts

Working with Switch Statements

Creating Basic UI with uGUI

Creating a Screen Space Overlay UI

Creating a Worldspace UI

Grouping and Layout Techniques for UI Components

QuickStart to TextMesh Pro

Introduction to Sprite Animations

Using 9-Slicing for Scalable Sprites

Working with YAMLMerge

Managing Projects with Multi-Scene Editing

Introduction to Optimization in Unity

Working with LODs

Working with the Stats Window

Working with the Frame Debugger

Working with the FBX Exporter Setup and Roundtrip

During development of any project in Unity, there will be a need to import assets, whether they be 3D or 2D. Assets come in various file formats such as .fbx, .png, and .tga. These are just a few, but are commonly used in Unity development. In this tutorial, you will learn different ways to bring in your assets.

Sprite Animations are animation clips that are created for 2D assets. There are various ways to create Sprite Animations. One way is to create them from a Sprite Sheet, a collection of Sprites arranged in a grid. The Sprites are then compiled into an Animation Clip that will play each Sprite in order to create the animation, much like a flipbook. Sprite Animations can also be created by using keyframe animation in Unity, via the Animation window.  

SpriteSheet.png

Creating Sprite Animations Using Sprite Sheets

Import Settings

Sprite Editor

Slicing Sprite Sheets

Creating Sprite Animations from Selected Sprites

Creating Keyframe Animation

Blending Animations

Conclusion

Next Steps

What are Sprite Animations?

Unity allows you to have multiple scenes loaded simultaneously in the Unity Editor. Multi-scene editing allows you to lay out a huge game world one chunk at a time, moving everything into place, and even transfer assets from one scene to another. In this workflow, we’ll explore how we can use multi-scene editing to build a game world from modular sections.

Creating and Editing Multiple Scenes

Creating or Loading Additional Scenes for Multi-Scene Editing

Transferring Assets Between Scenes

Introduction

Setting up the first Scene

The Frame Debugger is a handy tool that allows you to freeze playback for a running game on a particular frame to view the individual draw calls used to render that frame. The debugger also lets you go through frames one-by-one so you can see in greater detail how the scene is constructed.  In this tutorial, you will learn about the Frame Debugger and how to use it for analysis.

The Frame Debugger

Using the Frame Debugger

How to get the most out of the Frame Debugger

Viewing Shader Properties

These Companion Tutorials are related to the activities of this instructor-led Workshop. These Tutorials will refresh your memory as you apply new skills to your own projects. Come back to these Tutorials as a reference as you proceed through your learning journey with Unity. 

Using workshop assets, or assets of your own, use these Tutorials to get up and running with Unity, focusing on the features you will need to build 3D mobile games. With these tutorials, you will add objects, animate objects, build UI components, and optimize your game’s performance. 

2019.4

2019.1

2018.4

Introduction to 3D Mobile Games for Engineers--Companion Tutorials (2019.1)

9db6f662-e057-5132-a2f3-3bbd6ea67d55:IJ50VM7ryBj2kIwUvpBGOn

Unity features several different types of User Interface options that allow users to create UI that precisely fit their application’s needs. There are two main types of UI categories: Screen Space and World Space. In this tutorial, you will learn to create a Screen Space UI. 

Games

Film

Automotive

DoozyUI - Related Tutorials

Introduction to 3D Interactive Development - Workshop project files

Developing Interactive User Interfaces--Companion Tutorials (2019.2+)

Introduction to 3D Mobile Games for Artists--Companion Tutorials (2018.4)

Introduction to UI in Unity

Architecture, Engineering and Construction Curricular Framework Resources

This tutorial has been verified using Unity 2019.4.10f1 LTS.

Unity features several different types of User Interface options that allow users to create UI that precisely fits their application’s needs. There are two main types of UI categories: Screen Space and World Space. Screen Space projects the UI onto the viewer’s screen and is what most people think of when discussing UI. World Space UI places the interface directly within the scene environment so that it exists in 3D space. XR applications often make use of this kind of UI as it helps make the experience feel more natural. 

Creating UI in Unity begins by creating a Canvas. The Canvas object defines what is and is not part of the UI system and governs how the UI is rendered on the screen.

1. In the Hierarchy, right-click and select UI > Canvas.

2. To more easily view the new canvas, click the 2D button in the scene view. UI elements can still be edited in 3D, but working in 2D allows you to more easily select UI components and use the rect transform tool (Figure 01).
 

By default, canvases are set to be a constant pixel size. This means, regardless of the size of the screen, that the application is viewed on the canvas will remain the same, which may result in parts of the UI being cut off. This can be seen in action by contracting the scene view in the editor. As the window is scaled in, eventually the UI cuts off on the sides. Generally, a UI should scale with the size of the window it's being viewed on, so a different UI mode should be selected.


3. In the Inspector, locate the Canvas Scaler and change the UI Scale Mode to Scale With Screen Size.

4. If your application has a specific target resolution, place it in the Reference Resolution input.

5. Configure the Match slider based on the UI needs. A Match setting of 0 will scale the canvas proportionally along its width, while a setting of 1 will scale along the height. A setting of 0.5 will scale evenly in width and height (Figure 02). 

Multiple canvases of the same and different screen space can be used in the same scene, which can be helpful for organization or specific functionality needs. 

Figure 01: Clicking on the 2D button will switch the scene view to 2D, allowing for easier view of the canvas (pictured in scene).

Figure 02: A configured Canvas Scaler.

You now know how to create a canvas and make it scale with screen size. Now if you create a game or application for mobile devices with different screen sizes you will be able to create UI that will not be cut off and can scale properly with each individual screen. 

Creating a Screen Space Overlay UI

1. Creating a Screen Space Overlay UI

2. Conclusion

Complete this tutorial