O'Reilly logo

Unreal Engine 4 Game Development Essentials by Satheesh PV

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Creating floating health bars

In this section, you will learn how to create a floating health bar above the character's head. Let's go back to Content Browser and create a new Widget Blueprint (for this example, I'll name it MyFloatingHealthbar) and open it.

In the Designer tab, you can see an option called Fill Screen at the top-right corner of the visual designer. Click on that and change it to Custom:

Creating floating health bars

The Custom mode will let you assign the width and height of this widget. Let's set the width and height to 256 and 32. Now, we will drag and drop a new Progress Bar into the visual designer and use the following settings:

Set the Anchors to the very ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required