Modern UI Development in Unity 4.6/5.0
4.6 (108 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,164 students enrolled

Modern UI Development in Unity 4.6/5.0

This series goes over the core concepts of Unity's UI system and also shows the creation of an entire game using the UI.
4.6 (108 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,164 students enrolled
Last updated 5/2015
English [Auto]
Current price: $13.99 Original price: $19.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 13.5 hours on-demand video
  • 2 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Become familiar with Unity's UI system
  • Create an entire game using the UI for all of its visual aspects.
  • Apply all of what is learned in a real world scenario.
  • Learn to think like a UI developer.
Course content
Expand all 23 lectures 13:30:32
+ Introduction to the UI
9 lectures 05:36:25

A comprehensive introduction to the core of the UI system and how it works.

Preview 16:44

This video is all about getting your feet wet with the UI system! We don't go into depth into the different components, however. Instead, we get a birds eye view of this system and what you can do with it!

Preview 29:39

The UI system requires that we place all of our elements in a root element - called the Canvas. The Canvas lets us describe how and where we want the UI to be rendered. This video talks about the three types of Canvases that we can create!

Preview 32:21

Arguably the most important component in the UI is the rect transform. This component tells the UI how to size and position each UI element. This video goes over the details of how this process works exactly - providing a great foundation for our UI endeavors!

Preview 54:56

Now that we can position and size our elements; but how do we display things on the screen? This video goes into depth of the visual nature of the UI system. We talk about how to render images and text - and also special effects and rendering order.

Preview 40:27

Displaying images and text is important, sure - but what about interaction? In this video, we talk about the Selectable - the base type for all intractable components. We also show the built-in controls: such as sliders and input fields. We also talk about navigation, transitions, and events.

Preview 51:14

Masking elements from views using an image is a very common way to achieve certain effects. In addition, we can combine it with the ability to scroll elements around in a fluid manner.

Preview 17:37

The Rect Transform gives us a bunch of flexibility for describing our interfaces. However, sometimes we want the process to be automated - such as a grid, horizontal, or vertical layout. This video covers the basics of the auto layout system, and shows the underlying concepts. We also introduce the auto layout groups that Unity provides by default.

Preview 15:41

This video brings everything we learned together in a fully working menu system! This is a real world example of how we can build up our games using the New UI!

Preview 01:17:46
+ Practical Game Development with The UI
14 lectures 07:54:07

This video shows the end product of what we will be building and explains the motivation of using this as an example.

Preview 04:44

We start off by importing all of our visible assets that we will be using. We also show how we can import those assets into a component in the game that can be used by our code.

Symbol Database

The first major visible component we create is the board tile. This component is responsible for the visible aspects and interaction logic of the tiles of the game board.

Board Tiles

Now we use a custom automatic layout group to accomplish the construction of nontrivial layouts.

Board Layout Group

We kick off the creation of the game board by constructing the stub for the game board logic. We also build a test fixture so that we can test our game board in isolation of the rest of the game.

Game Board Stub and Test Fixture

Now we're ready to put together the logic of the game board!

Game Board Implementation

With the game board out of the way, we start building up our main game UI - such as the options panel and game HUD.

Main Game UI

In this video, we create the options panel. We hook it up to our game model, as well as put together the required animations to make it appear and disappear from view.

Options Panel

Now we put together the logic and animations for our Game HUD. The Game HUD is responsible for showing time left and the points that the player has accumilated.

Game HUD

In this video, we construct the prefabs and scripts required for putting our gutter together.

Gutter: Construction

This video constructs the game controller - the component that manages the game state itself and handles the time limit, as well as awarding points to the user.

Game Controller

Now we hook into the UI's drag and drop system! By the end of the video, the game has all of it's essential components working together!

Gutter: Drag and Drop

The last major component to our game is the concept of a win or lose. We implement the concept of winning and losing in the game controller, and throw in some cool looking win and lose dialog boxes as well!

Win and Lose

We made it! Our game is fully functional! Now, all that's left is to throw in more polish and make sure it's all ready to go for deployment on all devices! We also talk about some neat effects we can get from blend trees, as well as how to make sure our screen resolution settings makes the UI properly visible in many different screen types.

Polish, Mobile, and Conclusion!
  • You will need Unity 4.6 or later.
  • For the code, we use Visual Studio 2012 - however, you could also follow along just as well with Mono Develop or Visual Studio Express 2012 or later!

Create a FULL, UI DRIVEN GAME using Unity 4.6, or the latest version, Unity 5.0! Start out by learning the core concepts of the new UI system. Unity's new UI system gives you the flexibility and WYSIWYG (what you see is what you get) experience to create quickly! You will take what you learned about the UI system and apply it to your game, digging even deeper into advanced features of the system. You'll also see how to put together a solid, event driven architecture that powers your game, all from the UI. Nothing will be left out: you will get the experience of building a production-ready application. Section 2 really brings everything together into a wider context, showing that if we work with the UI, we are given all of the power and flexibility we've been promised by Unity Technologies!

Who this course is for:
  • This course is for anyone wanting to become familiar with Unity's UI system and those wanting to learn how to construct their own user interface. This series is probably not for advance programmers who already know what they're doing.