In this video we'll cover where you can go to download the Epic Games Launcher. Once the Epic Games Launcher is downloaded and installed, we can then go through the Epic Games Launcher to download Unreal Engine. (Yes, yes you do download and install one thing - the Epic Games Launcher - in order to download another - the Unreal Engine)

THIS LESSON TEACHES HOW TO...

• Download and Install the Epic Games Launcher & Unreal Engine

In this video we'll create our Unreal Engine Project. During this process, we'll decide what type of project we'd like to make, what template we'd like to start from, and what assets we'd like to include to get us started.

THIS LESSON TEACHES HOW TO...

• Create a Project

ASSETS ADDED / CREATED / EDITED...

• Project: CharacterUI

In this video we'll add some FREE content packs into our project that we'll make use of down the road. While these packs are NOT necessary to complete the project (you CAN use your own assets), they will aid greatly in ensuring you've got access to all you need going forward (also, these are some high quality assets....FROM Epic Games!).

THIS LESSON TEACHES HOW TO...

• Add Content Packs from the Epic Games Marketplace

ASSETS ADDED / CREATED / EDITED...

• Content Pack: Paragon: Muriel

• Content Pack: Paragon: Revenant

• Content Pack: Paragon: Sevarog

In this video we're going to import a bunch of assets we'll be making use of throughout this course. NOTE: You don't HAVE to use these assets....you can certainly take the concepts taught in this course and design your OWN layout. But it's HIGHLY recommended that you do import these assets.

THIS LESSON TEACHES HOW TO...

• Import Assets

• Do Bulk Edit Assets

• Create & Color Content Browser Folders

• Move Assets into Content Browser Folders

• Access Editor Preferences

• Dock New Tabs to Main Window

• Download Free Fonts

ASSETS ADDED / CREATED / EDITED...

• Zip File: CharacterUIAssets

In this video we'll create a Widget Blueprint asset and cover the different areas inside of the Widget Blueprint editor.

THIS LESSON TEACHES HOW TO...

• Create a Widget Blueprint

• Identify areas of the Widget Blueprint Editor

ASSETS ADDED / CREATED / EDITED...

• Widget Blueprint: WBP_CharacterUI

In this video we'll create the setup necessary to display our Character Profile UI.

THIS LESSON TEACHES HOW TO...

• Create a Level

• Set Editor Default Startup Level

• Access the Level Blueprint

• Create Script to Display a Widget Blueprint

  
  

ASSETS ADDED / CREATED / EDITED...

• Level: LV_CharacterUI
  

  
  

In this video we'll add our first few Widgets inside Designer Mode of our Widget Blueprint.

THIS LESSON TEACHES HOW TO...

• Add & Edit an Image Widget

• Add & Edit a Text Widget

• Work with Widget Anchor Points

• Size Widgets to Content

• Show / Hide a Widget

• Lock / Unlock a Widget

• Toggle "Show Only Modified Properties" option in Details Panel

  
  

In this video we'll add a Horizontal Box Widget that'll house our character's "Role" display.

THIS LESSON TEACHES HOW TO...

• Add & Edit a Horizontal Box Widget

• Size Widgets to Content

• Edit Horizontal Box Slot Parameters

• Set a Widget Tool Tip

In this video we'll be creating a Custom Widget. Custom Widgets are excellent when wanting to create some kind of stylized UI element you may want to use again and again.

THIS LESSON TEACHES HOW TO...

• Create a Custom Widget

• Add & Edit a Border Widget

• Add, Edit, Use a Named Slot Widget

In this video we'll add another Horizontal Box Widget that'll house our character's "Affinities" display.

THIS LESSON TEACHES HOW TO...

• Add & Edit a Spacer Widget

In this video we'll add a Vertical Box Widget that'll be used to show our character's level, XP, and money status.

THIS LESSON TEACHES HOW TO...

• Add & Edit a Vertical Box Widget

• Add & Edit a Progress Bar Widget

In this video we'll add a Character Change instructional display to our Character UI to help users know how they can quickly swap between characters. We'll make use of several commonly used widgets to accomplish this.

THIS LESSON TEACHES HOW TO...

• Duplicate Widgets using a hot key command (Ctrl + W)

In this video we'll be introducing Button Widgets. These will live inside of a Horizontal Box and act as tabs a user can select between in order to present different character information categories.

THIS LESSON TEACHES HOW TO...

• Add & Edit a Button Widget

• Customize Button Styles

Let's review!

In this video we'll create 2 Structure assets. These assets act as containers that hold a lot of data inside of them.

THIS LESSON TEACHES HOW TO...

• Create Structures (Structs)

ASSETS ADDED / CREATED / EDITED...

• Structure: STR_CharacterAbility

• Structure: STR_CharacterData

In this video we'll create a Data Table from one of our Struct assets we created in the last video. With a Data Table in place, we now have the ability to edit many properties in one centralized place.

THIS LESSON TEACHES HOW TO...

• Create Data Tables

ASSETS ADDED / CREATED / EDITED...

• Data Table: DT_CharacterRoster

In this video we'll learn how to export a Data Table into a .csv file. In doing this, we have an external means of quickly editing a LOT of data in a time efficient manner.

THIS LESSON TEACHES HOW TO...

• Create External .csv files

ASSETS ADDED / CREATED / EDITED...

• Microsoft Excel: DT_CharacterRoster

• Google Sheets: DT_CharacterRoster

In this video we'll learn how to import our exported .csv Data Table. In doing this, we'll notice that Data Table entries in Unreal reflect changes we made to our table prior to importing them.

THIS LESSON TEACHES HOW TO...

• Import .csv Data Tables into Unreal

• Manually edit Data Tables in Unreal

ASSETS ADDED / CREATED / EDITED...

• Microsoft Excel: DT_CharacterRoster_FULL

In this video we'll create a Game Instance Blueprint and assign this to be used by our game inside of our Project Settings. This ever present blueprint will be critical for tons of functionality in our project....everything from extracting data from our Data Tables to updating our Data Tables through creating Game Saves.

THIS LESSON TEACHES HOW TO...

• Create a Game Instance Blueprint

ASSETS ADDED / CREATED / EDITED...

• Blueprint: BP_GameInstance

In this video we'll create a Function inside of our Game Instance Blueprint that'll enable us to extract data from our Data Table.

THIS LESSON TEACHES HOW TO...

• Create a Function

In this video we'll create a Binding within our Character UI Widget Blueprint. This will result in the appropriate character's Name being read from the Data Table.

THIS LESSON TEACHES HOW TO...

• Create a Widget Binding

In this video we'll show how to fix up "broken widget binding" bugs that can occur if you close out and re-open your project. 

THIS LESSON TEACHES HOW TO...

• Convert Variable to a "Validated Get"

In this video we'll create a Binding within our Character UI Widget Blueprint. This will result in the appropriate character's Image being read from the Data Table.

THIS LESSON TEACHES HOW TO...

• How to Fix "Broken" Widget Bindings

• Create a Widget Binding

In this video we'll create a Binding within our Character UI Widget Blueprint. This will result in the appropriate character's Role icon being read from the Data Table.

THIS LESSON TEACHES HOW TO...

• Create a Widget Binding

In this video we'll create Bindings within our Character UI Widget Blueprint. This will result in the appropriate character's Affinity icons being read from the Data Table.

THIS LESSON TEACHES HOW TO...

• Create Widget Bindings

In this video we'll create a Binding within our Character UI Widget Blueprint. This will result in the appropriate character's Level being read from the Data Table.

THIS LESSON TEACHES HOW TO...

• Create a Widget Binding

In this video we'll create a Binding within our Character UI Widget Blueprint. This will result in the appropriate character's Money amount being read from the Data Table.

THIS LESSON TEACHES HOW TO...

• Create a Widget Binding

In this video we'll create a Binding within our Character UI Widget Blueprint. This will result in the appropriate character's XP amount being read from the Data Table.

THIS LESSON TEACHES HOW TO...

• Create a Widget Binding

In this video we'll create a Binding within our Character UI Widget Blueprint. This will result in the appropriate character's Color being read from the Data Table which will impact the color of the background image.

THIS LESSON TEACHES HOW TO...

• Create a Widget Binding

In this video we'll create a Player Controller Blueprint. This blueprint will ultimately be used to toggle between different characters.

THIS LESSON TEACHES HOW TO...

• Create a Player Controller Blueprint

ASSETS ADDED / CREATED / EDITED...

• Blueprint: BP_PlayerController

In this video we'll create script inside our Player Controller Blueprint that'll toggle the character displayed in our Character UI Widget Blueprint.

THIS LESSON TEACHES HOW TO...

• Create Input Action Mappings

• Create Script

  
  

In this video we'll finish creating script inside our Player Controller Blueprint that'll toggle the character displayed in our Character UI Widget Blueprint.

THIS LESSON TEACHES HOW TO...

• Create Script

• Set Object to Debug

• Visualize Blueprint Scripting Flow

  
  

In this video we'll create script inside our Player Controller Blueprint that'll toggle the character controlled when we exit out of our Character UI and back to the game.

THIS LESSON TEACHES HOW TO...

• Create an Input Action Mapping

• Create Script

In this video we'll continue creating script inside our Player Controller Blueprint in order to properly toggle which character we're controlling in the game.

THIS LESSON TEACHES HOW TO...

• Create Script

In this video we'll finish creating script inside our Player Controller Blueprint in order to properly toggle which character we're controlling in the game.

THIS LESSON TEACHES HOW TO...

• Create a Variable

ASSETS ADDED / CREATED / EDITED...

• Variable (Boolean): IsCharacterProfileUiOpen?

In this video we're going to set the groundwork for laying out the entire Abilities tab of our Character UI Widget.

THIS LESSON TEACHES HOW TO...

• Add & Edit a Widget Switcher Widget

• Add & Edit Canvas Panel Widgets

In this video we'll add a Uniform Grid Panel Widget and set some Button and Image Widgets inside of it to show what abilities our character has and which controller button icons can be pressed to use that ability.

THIS LESSON TEACHES HOW TO...

• Add & Edit an Uniform Grid Panel Widget

• Add & Edit Button Widgets

• Add & Edit Image Widgets

In this video we'll add an Image Widget to act as a background for 2 Text Widgets to live upon. One will be for the selected ability name. The other for the selected ability description.

THIS LESSON TEACHES HOW TO...

• Add & Edit an Image Widget

• Add & Edit Text Widgets

In this video we'll create the layout of our ability properties display by utilizing Vertical Box, Horizontal Box, Text, and Spacer Widgets.

THIS LESSON TEACHES HOW TO...

• Add & Edit a Vertical Box Widget

• Add & Edit a Horizontal Box Widget

• Add & Edit Text Widgets

• Add & Edit a Spacer Widget

In this video we'll create a Binding within our Character UI Widget Blueprint. This will result in the appropriate character's Ability Icons being read from the Data Table.

THIS LESSON TEACHES HOW TO...

• Create Widget Bindings

In this video we'll create a Binding within our Character UI Widget Blueprint. This will result in the appropriate character's Ability Names being read from the Data Table.

THIS LESSON TEACHES HOW TO...

• Create a Variable

• Create a Widget Binding

ASSETS ADDED / CREATED / EDITED...

• Variable (Integer): SelectedAbilityIndex

In this video we'll create a Binding within our Character UI Widget Blueprint. This will result in the appropriate character's Ability Descriptions being read from the Data Table.

THIS LESSON TEACHES HOW TO...

• Create a Widget Binding

In this video we'll create a Binding within our Character UI Widget Blueprint. This will result in the appropriate character's Ability Property Names being read from the Data Table.

THIS LESSON TEACHES HOW TO...

• Create Widget Bindings

In this video we'll create a Binding within our Character UI Widget Blueprint. This will result in the appropriate character's Ability Property Values being read from the Data Table.

THIS LESSON TEACHES HOW TO...

• Create Widget Bindings

In this video we'll create Widget Animations for our 5 ability buttons. These animations will eventually be used to help communicate to a user which ability is being viewed.

THIS LESSON TEACHES HOW TO...

• Create Widget Animations

In this video we'll create a Function within our Character UI Widget Blueprint that, when called, will make it so that our Widget Animations will play and that the input button associated with each ability becomes visible.

THIS LESSON TEACHES HOW TO...

• Create a Function

In this video we'll create script within our Character UI that'll force an ability button to be selected by default. In doing this, we're ensuring that we ARE showing some ability information! We do NOT want nothing to show by default!!!

THIS LESSON TEACHES HOW TO...

• Create and Call a Custom Event

• Create Script

In this video we'll create script within our Character UI that'll make our ability buttons animate when we hover our mouse cursor over each.

THIS LESSON TEACHES HOW TO...

• Create Script

In this video we'll create script within our Character UI that'll cause our ability buttons to reverse their animation when not hovered.

THIS LESSON TEACHES HOW TO...

• Create and Call a Custom Event

• Create Script

In this video we'll create script within our Character UI that'll cause our character to say something whenever we click on an ability button.

THIS LESSON TEACHES HOW TO...

• Create a Function

• Create Script

In this video we'll begin creating the layout for the Attributes tab of our Character UI.

THIS LESSON TEACHES HOW TO...

• Edit a Widget Switcher

• Add & Edit a Scroll Box Widget

• Add & Edit a Spacer Widget

In this video we'll continue laying out the Attributes tab of our Character UI by introducing the Editable Text Box Widget. This widget will allow us to alter our character's name.

THIS LESSON TEACHES HOW TO...

• Add & Edit a Horizontal Box Widget

• Add & Edit a Text Box Widget

• Add & Edit a Spacer Widget

In this video we'll continue laying out the Attributes tab of our Character UI by introducing the Check Box Widget. This widget will determine if our character will move without player input.

THIS LESSON TEACHES HOW TO...

• Add & Edit a Check Box Widget

In this video we'll continue laying out the Attributes tab of our Character UI by introducing the Slider Widget. This widget will determine our character's movement speed if auto moving.

THIS LESSON TEACHES HOW TO...

• Add & Edit a Slider Widget

In this video we'll continue laying out the Attributes tab of our Character UI by adding a Progress Bar Widget. This widget will show how much health our character has.

THIS LESSON TEACHES HOW TO...

• Add & Edit a Progress Bar Widget

In this video we'll continue laying out the Attributes tab of our Character UI by adding a Text Widget. This widget will show how much health our character will regenerate (at given time periods).

THIS LESSON TEACHES HOW TO...

• Add & Edit a Text Widget

In this video we'll continue laying out the Attributes tab of our Character UI by introducing the Spin Box Widget. This widget will determine our character's regeneration rate.

THIS LESSON TEACHES HOW TO...

• Add & Edit a Size Box Widget

• Add & Edit a Spin Box Widget

In this video we'll continue laying out the Attributes tab of our Character UI by introducing the Combo Box (string) Widget. This widget will enable us to select a character taunt from a drop down list of choices.

THIS LESSON TEACHES HOW TO...

• Add & Edit a Size Box Widget

• Add & Edit a Combo Box (string) Widget

In this video we'll finish laying out the Attributes tab of our Character UI by adding a Grid Panel Widget with several Button Widgets inside.

THIS LESSON TEACHES HOW TO...

• Add & Edit a Grid Panel Widget

In this video we'll create script inside of our Character UI that'll allow us to select different character category tabs using a PC (mouse pointer) interface. In doing so, we'll also apply tab resizing or coloring effects.

THIS LESSON TEACHES HOW TO...

• Create Script

In this video we'll create script inside of our Character UI that'll allow us to select different character category tabs using a traditional controller. In doing so, we'll also apply tab resizing and coloring effects.

THIS LESSON TEACHES HOW TO...

• Create Script

In this video we'll create a Binding within our Character UI Widget Blueprint. This will result in the appropriate character's Auto Move variable being read from the Data Table.

THIS LESSON TEACHES HOW TO...

• Create a Widget Binding

In this video we'll create 3 Bindings within our Character UI Widget Blueprint. This will result in the appropriate character's Auto Move Speed variables being read from the Data Table.

THIS LESSON TEACHES HOW TO...

• Create Widget Bindings

In this video we'll create 2 Bindings within our Character UI Widget Blueprint. This will result in the appropriate character's Health variables being read from the Data Table.

THIS LESSON TEACHES HOW TO...

• Create Widget Bindings

In this video we'll create a Binding within our Character UI Widget Blueprint. This will result in the appropriate character's Health Regen Amount variable being read from the Data Table.

THIS LESSON TEACHES HOW TO...

• Create a Widget Binding

In this video we'll create a Binding within our Character UI Widget Blueprint. This will result in the appropriate character's Health Regen Rate variable being read from the Data Table.

THIS LESSON TEACHES HOW TO...

• Create a Widget Binding

In this video we'll create a Binding within our Character UI Widget Blueprint. This will result in the appropriate character's Color variable being read from the Data Table.

THIS LESSON TEACHES HOW TO...

• Create Widget Bindings

In this video we'll create a Save Game Blueprint. This blueprint can be used to save anything about our game that we'd like. In our case, for this project, we're going to be using it to save all of our character data.

THIS LESSON TEACHES HOW TO...

• Create a Save Game Blueprint

• Create an Array Variable

ASSETS ADDED / CREATED / EDITED...

• Blueprint: BP_SaveGame

• Array Variable (Struct): CharacterData_Save

In this video we'll create a Save Game Function that'll be responsible for the creation of a Save Game file.

THIS LESSON TEACHES HOW TO...

• Create a Function

In this video we'll create a Load Save Game Function that'll be responsible for loading character data stored within our Save Game file.

THIS LESSON TEACHES HOW TO...

• Create a Function

In this video we'll create an Overwrite Save Game Function that'll be responsible for overwriting any existing character data stored within our Save Game file.

THIS LESSON TEACHES HOW TO...

• Create a Function

In this video we'll create the script to either Create Save Game or Load Save Game from inside our Game Instance Blueprint.

THIS LESSON TEACHES HOW TO...

• Create Script

• Create a Save Game File

• Load a Save Game File

In this video we're going to rewrite our GetCharacterData Function inside of our Game Instance Blueprint. The reason for doing this is because we now have a save system in place that populates our newly created Character Data Arrays...and it's from these ARRAYS we now want to exclusively deal with.

THIS LESSON TEACHES HOW TO...

• Update a Function

In this video we'll create the script necessary to edit (and save!) a character's name after the user enters a different one into the Editable Text Box Widget.

THIS LESSON TEACHES HOW TO...

• Create a Function

• Create Script

In this video we'll create the script to make our character automatically move (or not) based upon if our Check Box Widget is set to true or false.

THIS LESSON TEACHES HOW TO...

• Create a Function

• Create a Variable

• Create Script

ASSETS ADDED / CREATED / EDITED...

• Variable (Boolean): bAutoMove?

In this video we'll create the script to allow editing of the Slider Widget associated with our Auto Move Speed setting. In doing so, we'll ensure our updated value is stored and applied to our character.

THIS LESSON TEACHES HOW TO...

• Create a Function

• Create a Variable

• Create Script

ASSETS ADDED / CREATED / EDITED...

• Variable (Float): SpeedMultiplier

In this video we'll create the script to allow editing of the Spin Box Widget associated with our Health Regen Rate setting. In doing so, we'll ensure our updated value is stored and applied to our character.

THIS LESSON TEACHES HOW TO...

• Create a Function

• Create Variables

• Create Script

ASSETS ADDED / CREATED / EDITED...

• Variable (Float): Health

• Variable (Float): HealthRegenAmount

• Variable (Float): HealthRegenRate

In this video we'll start to create the script necessary to enable a user to set a default taunt they'd like their character to play by using a Combo Box Widget. In doing so, we'll ensure our updated value is stored and applied to our character.

THIS LESSON TEACHES HOW TO...

• Create a Function

• Create Script

In this video we'll finish creating the script necessary to enable a user to set a default taunt they'd like their character to play by using a Combo Box Widget.

THIS LESSON TEACHES HOW TO...

• Create a Function

• Create Script

In this video we'll create the script necessary to change the color of various areas of our menu depending on the color Button Widget selected by the user. In doing so, we'll ensure our updated value is stored and applied to our character's color scheme.

THIS LESSON TEACHES HOW TO...

• Create a Function

• Create Script