Video: An animated title screen prompting the player to press any key

UI is an important part of game design

Quick Facts

  • Project Name: UI Study
  • Description: Frontend user interface study with Unreal Engine.
  • Tech Stack: Unreal Engine 5.6, Common UI, C++

Introduction

This project explores the design and implementation of user interfaces in Unreal Engine. The focus is creating scalable and performant code, and learning to design intuitive and visually appealing UI elements for games.

Structure

Primary layout hierarchy diagram
The primary layout widget hierarchy

So far, I've completed the first phase of the project, which was to lay down the basic structure of the frontend UI system. The entire system is built around a modular architecture that allows for easy maintenance and expansion. It's all built on top of a primary layout widget which holds 4 widget stacks. This allows widgets to be dynamically added to or removed from the stacks at runtime. The widget stacks lower in the hierarchy will override the stacks that are above them in this hierarchy.

Let's Connect

“I am enough of an artist to draw freely upon my imagination. Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world.”
― Albert Einstein