Developing an Interactive Menu in Unreal Engine 5

Course Curriculum

Chapter 1: Project Setup

Lecture 1: Breakdown of the example

Lecture 2: Creating the project and adding the character

Lecture 3: Setting up the input

Lecture 4: Create needed framework and character classes

Lecture 5: Menu location teleport and menu character camera

Chapter 2: Classic UI

Lecture 1: Creation of Menu Widget and show it to the player

Lecture 2: Add mouse interaction to the menu

Lecture 3: Using modularity to our advantage to develop better interfaces

Chapter 3: Spacial UI

Lecture 1: Orb blueprint creation

Lecture 2: Using Polar Coordinates to generate the orbs around the character

Lecture 3: Attaching orbs to an actor to control their movement

Lecture 4: Clicking the orbs and sending information through event dispatchers

Lecture 5: Rotating the orbs to the selected one

Lecture 6: Idle Orb rotation

Lecture 7: Orb rotation state

Lecture 8: Creating the orb container class

Lecture 9: Orb selection working properly

Lecture 10: Creating the sub menu, and opening it through the orbs

Chapter 4: Orb Animation

Lecture 1: Making the orb go up and down

Lecture 2: Changing camera settings with each menu option

Lecture 3: Orbs should be hidden when I choose another option

Lecture 4: Character animations change when we select different options

Chapter 5: Background & Orbs VFX

Lecture 1: VFX Intro

Lecture 2: Making the Cloud texture and mesh

Lecture 3: Making the Background Material

Lecture 4: Making the Colored Cloud

Lecture 5: Making the Mesh UVs

Lecture 6: Making the Front Cloud Material

Lecture 7: Fixes & Making the Star Texture

Lecture 8: Star Material & Emitter

Lecture 9: Last touches on the background

Lecture 10: Making the Ring Texture and Material

Lecture 11: Ring noise and Material

Lecture 12: Implemeting Glow to the niagara system

Lecture 13: Ring spawn Texture & material

Lecture 14: Making the Flare Texture

Lecture 15: Flare Emitter

Lecture 16: Making the Flare stars

Chapter 6: Styling the Widgets

Lecture 1: Analizing our reference for Styling the Buttons

Lecture 2: Blocking out our Button

Lecture 3: Creating the Button Masks

Lecture 4: Animating the arrow

Lecture 5: Changing the Text Style

Lecture 6: Button Opacity tweaks

Lecture 7: Creating the Portrait Textures

Lecture 8: Creating the Avatar Material

Lecture 9: Creating the Avatar Button

Lecture 10: Creating the Avatar Hover Texture

Lecture 11: Adding the Hover Button State for Avatars

Lecture 12: Changing the Font for Character Menu

Lecture 13: Creating the Exit Button Texture

Lecture 14: Creating the Exit Button Widget

Lecture 15: Adding the Shadow to the Exit Button

Lecture 16: Switch Button creation

Lecture 17: Creating the Menu Symbol Texture

Lecture 18: Menu Symbol Widget

Lecture 19: Creating the Extra Menu Button

Lecture 20: Extra Menu Widget

Lecture 21: Creating the Item Button Texture mask

Lecture 22: Testing the First version of the Item color

Lecture 23: Painting Icons with fundamentals

Lecture 24: Refining the icon values

Lecture 25: Coloring our Icon

Lecture 26: Importing our UI texture

Lecture 27: Creating the Item Widget

Lecture 28: Fixing our Widget size

Lecture 29: Adding Text to the Item

Lecture 30: Using Grid Canvas to organize elements

Lecture 31: Polishing the Avatar Background Texture

Lecture 32: Creating the avatar image for items

Lecture 33: Creating the Star Texture

Lecture 34: Changing the Item Widget size

Lecture 35: Importing High resolution Item Texture

Lecture 36: Adding our Widget to the Orb Blueprint

Lecture 37: Fixing the Orb Icon Rotation

Chapter 7: Polishing

Lecture 1: Start the polish pass

Lecture 2: Removing the orbs debug number

Lecture 3: Adding the Anime Girl Character

Lecture 4: Fixing the lightning for the menu

Lecture 5: Added return to main menu button logic and fixed menu bug

Lecture 6: Added menu states for a smoother experience

Lecture 7: Polishing the camera after returning from the menu