User Interface Archives

How to animate UI Widgets in Unreal Engine

I found a very elegant way to animate various properties of the UI widgets we can add to the screen in Unreal Engine. Anything from animating their position to opacity and all kinds of other things can be confined to a mini timeline, then queued programmatically when necessary. Let’s take a look how I’ve animated …

Read moreHow to animate UI Widgets in Unreal Engine

Building a Generic Radial Menu in Unreal Engine

I’ve been playing with another type of menu, namely the Generic Radial Menus v2.0 by PolyHavoc (available from the Unreal Marketplace). I picked it up as a freebie when it was on offer, but the current $14.99 asking price is certainly a good deal – considering I’d have no idea where to begin writing this …

Read moreBuilding a Generic Radial Menu in Unreal Engine

Creating a scrolling menu with images in Unreal Engine

How I created several buttons with images inside a Wrap Box, which in turn sits inside a Scroll Box. Also explain how the Scroll Widget into View node is needed to make sure the thing actually scrolls. I wanted to implement a scrolling selection menu in Unreal Engine, inspired by the one I’ve seen in …

Read moreCreating a scrolling menu with images in Unreal Engine

Adding Gamepad Navigation for Menu Selections in Unreal Engine

In this article I’ll explain how to add gamepad and keyboard navigation to UI Widgets in Unreal Engine. To my surprise, gamepad navigation magically works alongside regular mouse navigation, as long as Keyboard Focus is set appropriately on any of our UI elements. We don’t need to add any special logic to our project. All …

Read moreAdding Gamepad Navigation for Menu Selections in Unreal Engine

Increasing a counter on a Heads Up Display in Unreal Engine

I’ve just learnt how to update a counter variable in Unreal Engine. There are several steps to it and some prerequisites, namely: we need to have a variable to read out we need a text field to be updated we need to bind the text field to the variable we need a widget and add …

Read moreIncreasing a counter on a Heads Up Display in Unreal Engine