Create UI in Unity Part 1 - Screen Overlay Canvas

Offered By
Coursera Project Network
In this Guided Project, you will:

Unity's User Interface (UI) Toolkit

C# code for editing UI components at run-time

UI animation for user feedback

Clock2 hours
BeginnerBeginner
CloudNo download needed
VideoSplit-screen video
Comment DotsEnglish
LaptopDesktop only

In this 90-minute, project-based course, you will be introduced to Unity's User Interface (UI) Toolkit for building a Heads Up Display (HUD) for your game. This project covers creating and setting up each UI component and writing simple scripts that will update the UI for player-feedback. The guided project will introduce you to the following Unity UI concepts: - Canvas - Rect Transform - Text - Image - Animation - Coding techniques including the Time Class, String Formatting, Inheritance and Polymorphism This is Part 1 of a four-part series on creating a user interface for your game or other Unity application. Part 2 covers creating a world-space canvas, part 3 will demonstrate how to create a settings menu and part 4 will show you how to design the UI to automatically adapt to the aspect ratio of any screen. This is a stand-alone guided project, and also serves as an optional but recommended foundation for the "User Interface" series. This series makes use of the sci-fi-themed Unity project created in Create Power-Ups and Obstacles with C# in Unity. It compliments this guided project and, although not a prerequisite, is recommended for a more well-rounded understanding of the concepts presented herein.

Skills you will develop

Video-game DevelopmentC sharp (C#) Programming LanguageUnity 3DUnityApplication development

Learn step-by-step

In a video that plays in a split-screen with your work area, your instructor will walk you through these steps:

  1. Introduction and License Activation

  2. Create a Player Name Display and a Clock Showing Survival Time

  3. Create TimerUI Component

  4. Create a Health Bar

  5. Create HealthUI Base Class - Introduction to Inheritance and Polymorphism

  6. Create HealthUI Component

  7. Create an Animated Whole-of-Screen Damage-Indicator Overlay

  8. Create Script to Pulse the Screen when Healing or Taking Damage

How Guided Projects work

Your workspace is a cloud desktop right in your browser, no download required

In a split-screen video, your instructor guides you step-by-step

Frequently asked questions

Frequently Asked Questions

More questions? Visit the Learner Help Center.