User Interfaces UEFN Feature Example updated in v41.30

User Interfaces UEFN Feature Example updated in v41.30

We’ve updated the User Interfaces UEFN Feature Example in v41.30 with new UI features and examples to help you build better island UI.

We’ve updated the hallway structure to organize content across five main categories:

  1. Verse UI
  2. Scene Graph UI
  3. UI built using devices
  4. UI Art
  5. Full-feature UI examples

We’ve also added several stations to demonstrate new UEFN UI features—check them out below!

image10

Custom Hotbar UI Examples
These examples show you how to build custom hotbar UI widgets that work well across all supported input device types (mouse and keyboard, gamepad, and touchscreen). They cover how to configure your hotbar to cycle through selection options or to directly select an item.

41-30-custome-hotbar-ui-examplews

In-World UI Example
A new example shows you how to place custom UMG widgets into the 3D world, including how to configure the UI to react to gameplay events. Simply drag your User Widgets built in UMG from the content browser into the game world.

41-30-in-world-ui-example

Virtual Pointer Example
We’ve expanded the feature example to include a sample for using the Virtual Pointer to create experiences where players can directly interact with the game world. The sample demonstrates how to detect the player’s input device type and use the Pointer Select input action with UI.

41-30-virtual-pointer-example

End-to-end Custom Game UI Example
This station includes a complete, high-quality UI menu example demonstrating a variety of the latest best practices and techniques for UI implementation. Use cases covered include a simple menu, a tile menu, a skill-tree menu, and menus incorporating 3D elements. It also shows how to use custom Verse classes to build an extensible menu system for your game.

41-30-end-to-end-custom-game-example

Custom Developer Touchscreen Controls Layout Example
A new example walks you through the workflow for customizing the layout of touchscreen controls in your project.

Expanded Vehicle UI Example
We’ve expanded the example for using the vehicle API to create a custom HUD to include a racetrack, giving you a better sense of the feature in action.

41-30-expanded-vehicle-ui-example

#savefortnitecreative