In this episode we set up a UI hotbar (action bar) for gameplay abilities.
By the end of this series of 4 episodes (plus a bonus fifth episode), you will have a fully functional UI hotbar capable of activating any gameplay ability (based on the gameplay ability system we started in episode 26), as well as an ability inventory where it's possible to drag and drop abilities from one slot of the hotbar to another, or into the ability inventory.
Unreal Engine 5 Ability UI Tutorial Part 1 – Ability Hotbar Action Bar
Unreal Engine 5 Ability UI Tutorial Part 2 – Ability Pickup Actors
Unreal Engine 5 Ability UI Tutorial Part 3 – Ability Activation and Deactivation
Unreal Engine 5 Ability UI Tutorial Part 4 – Drag and Drop with Ability Inventory
Unreal Engine 5 Ability UI Tutorial Part 5 – How to Create Simple Ability Icons
00:00 Intro
00:31 Today's Goals and Key Concepts
02:24 Creating UI widgets
03:21 Creating new Player Controller
05:29 Creating the heirarchy of the Hotbar Slot widget
10:48 Variables and button styles of the Hotbar Slot
16:50 Hotbar slot event graph setup
21:27 Ability Hotbar setup to contain each hotbar slot
25:51 HUD setup
27:04 Integrating the HUD with ThirdPersonCharacter
30:58 ISSUE FIXES: Color of Buttons, labeling of buttons
32:40 Conclusion and preview of next episode
New episode released every Saturday morning!
Direct References
UMG (Unreal Motion Graphics) Designer:
https://docs.unrealengine.com/4.27/en-US/InteractiveExperiences/UMG/