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.7 (37 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
636 students enrolled
25% off
Take This Course
  • Lectures 23
  • Length 13.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 5/2015 English

Course Description

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!

What are the requirements?

  • 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!

What am I going to get from this course?

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

Who is the target audience?

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

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: Introduction to the UI

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


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!


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!


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!


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.


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.


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.


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.


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!

Section 2: Practical Game Development with The UI

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


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.


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.


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


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.


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


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


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.


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.


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


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.


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!


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!


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.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

3D Buzz is a company dedicated to providing the world with quality technical education over 3D animation, programming, game design, and much more. We have been producing training videos since 2001, always pushing the envelope in the development of informative lessons with an engaging and personable format. We try to make the viewer feel more like they're involved in a classroom discussion with an energetic teacher as opposed to being stuck in a dry, uninspired, run-of-the-mill training video.

But 3D Buzz is so much more than just training videos. We maintain one of the most helpful online communities on the internet. We do our very best to keep in close contact with our community, and to make sure that when you're here, you feel at home.

Ready to start learning?
Take This Course