Modern UI Development in Unity 4.6/5.0

Name: Modern UI Development in Unity 4.6/5.0
Rating: 4.7 (247 reviews)

This series goes over the core concepts of Unity's UI system and also shows the creation of an entire game using the UI.

Highest Rated

Created by3D BUZZ Programming and Digital Art training

Last updated 5/2015

English

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

2 sections • 23 lectures • 13h 30m total length

Introduction16:44
A comprehensive introduction to the core of the UI system and how it works.
UI Crash Course29:39
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 Canvas32:21
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!
Rect Transforms54:56
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!
Images, Text, Rendering and Effects40:27
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.
Input, Selectables, Navigation, and Transitions51:14
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.
Scrolls and Masks17:37
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.
Automatic Layout Groups15:41
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.
Main Menu System1:17:46
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!

Introduction4:44
This video shows the end product of what we will be building and explains the motivation of using this as an example.
Symbol Database46:25
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.
Board Tiles33:59
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 Layout Group34:46
Now we use a custom automatic layout group to accomplish the construction of nontrivial layouts.
Game Board Stub and Test Fixture44:18
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 Implementation37:08
Now we're ready to put together the logic of the game board!
Main Game UI39:53
With the game board out of the way, we start building up our main game UI - such as the options panel and game HUD.
Options Panel25:08
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.
Game HUD21:14
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.
Gutter: Construction29:38
In this video, we construct the prefabs and scripts required for putting our gutter together.
Game Controller21:21
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.
Gutter: Drag and Drop45:29
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!
Win and Lose33:05
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!
Polish, Mobile, and Conclusion!56:59
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.

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!

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!

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.

Modern UI Development in Unity 4.6/5.0

What you'll learn

Explore related topics

Course content

Introduction to the UI9 lectures • 5hr 36min

Practical Game Development with The UI14 lectures • 7hr 54min

Requirements

Description

Who this course is for: