There are a few Creative devices that support using widgets to display a custom UI. The devices featured in the template display UIs in different and specific ways. Each room in the template has information about the devices featured there and how they display a custom UI.
Playtest the template to view the UI samples.
Below is a table outlining the devices displayed in the template, links to their device pages, and the room numbers where a device can be found:
Device | Room Number | Device Image |
---|---|---|
1 | ||
1 | ||
1 | ||
2 | ||
3 | ||
3 | ||
3 |
User Widget Types
Almost all devices in the feature template use User Widgets to control the HUD and display a custom UI.
During gameplay, User Widgets display a custom player UI in the HUD when a device is triggered. Devices are bound to UMG Widgets. This means that when a player interacts with a device, the UI updates and displays the updated player information.
There are two different types of User Widgets, User Widget and Modal Dialog Variant. Both widget types can use any of the UMG Widgets to create a custom UI.
A User Widget is the default widget to use when creating a custom UI.
The Modal Dialog Variant can only be used with the Pop-Up Dialog device.
For example, the Conversation device uses a conversation Bank to build the conversation UI, but you can create a custom look for your conversation UI with a Modal Dialogue Variant.
UI Samples
Each device has three categories of UI samples:
Made with materials.
Made with textures.
Made with materials and textures.
Walking into the volumes next to the device booth triggers the custom UI to display. The three samples not only showcase what’s possible with UMG, but also the level of detail and design you can put into your own UI. Some volumes cause damage and provide health power-ups. This way, you can see the UI changes in real time.
All of the UI samples can be recreated using the tutorials from the In-Game User Interfaces section. Below is a list of the sample UI designs, the type of User Widget used to create the UI, and the tutorials that teach how to create a similar UI.
UI Sample | Widget Type | Tutorial |
---|---|---|
HUD Message | ||
User Widget | ||
User Widget | ||
User Widget | ||
Pop-Up Dialog | ||
Modal Dialog Variant | ||
Modal Dialog Variant | ||
Modal Dialog Variant | ||
HUD Controller | ||
User Widget | ||
User Widget | ||
User Widget | ||
Stat Creator | ||
User Widget | ||
User Widget | ||
User Widget | ||
Skilled Interaction | ||
User Widget | ||
User Widget | ||
User Widget | ||
Conversation Device | ||
Conversation Bank | ||
Timer Device | ||
User Widget | ||
User Widget | ||
User Widget |