You can set the tone of your Star Wars™ islands with branded user interface (UI) elements. The Narrative and Roleplaying template, as well as the other Star Wars island templates, features this custom UI.
Add Star Wars colors and design elements into your user interface (UI) with premade custom widgets for a cohesive look. The widgets include UI elements for:
The premade and editable widgets include UI elements for:
Player Health and Shield
Team Health and Shield
Equipped Item or Weapon
Quickbar
Use the widgets in UEFN with the HUD Controller device.
Finding the UI Assets
There are two groups of UI assets available for this template: premade custom UI widgets, and editable widgets that you can customize yourself.
Premade Custom UI Widgets
The premade custom UI widgets are in the All > Star Wars™ Content > UI > PlayerHUD folder. These widgets are designed to have the look and feel of the Star Wars brand.
The table below describes the premade UMG widgets in the Star Wars™ Content > UI > PlayerHUD folder.
Widget | Description |
UW_HUD_Equipped_C | This element is for your selected item. Includes ammo when applicable. |
UW_HUD_PlayerInfo_C | This element displays the local player’s avatar, health, shield, and sprint bar. |
UW_HUD_Quickbar_C | This element is for the player's quickbar. |
Editable UI Assets
If you want to try your hand at customizing the UI for your Star Wars island, you can find editable widgets, material instances, materials and textures in your project folder, in the UI folder. This folder contains the MaterialInstances, Materials, Textures, and Widgets subfolders. Double-click a widget to open it in the UI Widget Editor.
The table below describes the editable player info widgets available in your project folder, under UI > Widgets > PlayerHUD.
The UW_HUD_Player_Vitals widget has the player portrait visibility turned off for the Narrative and Roleplaying and Team Conquest templates.
Widget | Description |
UW_HUD_PlayerVitals | This element is for an individual player's health and shield information and is referenced within UW_HUD_PlayerInfo. |
UW_HUD_Vitals | This widget combines UW_HUD_PlayerVitals and UW_HUD_TeamVitals together and is the widget to reference in the HUD Controller device for Player Info. |
UW_HUD_TeamVitals | This provides health and shield information for all team members (in islands that have teams) and is referenced in the UW_HUD_PlayerInfo widget. |
UW_HUD_Equipped | This element is for displaying which weapon or item the player has equipped. |
UW_HUD_Quickbar | This element is for the player's quickbar. |
Setting Up the HUD Controller
You can find the HUD Controller (link) device in two ways:
Select the device in the editor. The device is behind the Player Spawner, inside the cantina building.
Locate the HUD Controller device in the Outliner panel, in the UI folder. Double-click the device to move to it in the editor.
In the Details panel, set the following options if they aren't already set. Options not listed remain at the default value.
Note that these settings are specific to this template and the gameplay it contains. If you create your own Star Wars island, you can vary the settings according to your design.
Option | Value | Explanation |
Show Minimap | No | In this template, the minimap is not needed because all the gameplay occurs within The Warren. |
Show HUDInfo Box | No | The default Fortnite HUD Info box is not needed. |
Show Build Menu | No | This template does not allow player building. |
Show Player Inventory | No | In this template, there is nothing to equip or pick up. |
Show Wood Resource | No | Building resources are not needed. |
Show Stone Resource | No | Building resources are not needed. |
Show Metal Resource | No | Building resources are not needed. |
Show Gold Resource | No | Gold is not needed in this template. |
Show Map Scoreboard Prompt | No | This template doesn't have a map or scoreboard, so the prompt is not needed. |
Show Storm Timer | No | There are no storms in this template. |
Show Player Count | No | This is not needed in this template. |
Show Elimination Counter | No | This is not needed in this template. |
Show Round Timer | No | This is not needed in this template. |
Show Round Details | No | This is not needed in this template. |
Show Team Info | No | This is not needed in this template. |
Show Crafting Resources | No | This is not needed in this template. |
Player Info Widget Override | UW_HUD_PlayerInfo | This is the editable custom UI widget that is designed to evoke the Star Wars brand. You can find it in your project folder, under UI > Widgets > PlayerHUD. You can also change this to point to the premade custom UI widget instead, if you prefer that one. You can find it in the Star Wars Content > UI > PlayerHUD folder. |
Using the Pop-Up Dialog Device to Welcome the Player
You can find the Pop-Up Dialog device for the welcome message in two ways:
Locate and select the device in the editor. The Pop-Up Dialog device is located very near the HUD Controller device.
Locate the device in the Outliner panel, in the UI folder. Double-click the device to move to it in the editor.
While the device is selected, open the Details panel. Set the following options if they aren't already set. Options not listed remain at the default value.
Option | Value | Explanation |
Title | The Warren | This is the title displayed in the pop-up dialog box. It can be left blank, but in this context the title identifies the location for the player. |
Content Alignment | Centered | The pop-up dialog box can be located in many positions on the screen, and there are options for a full-height top to bottom panel (left, right or centered) and a full-width left to right panel (top, middle, or bottom). With Centered selected, the box is centered in the middle of the screen. |
Description | Welcome back to The Warren, soldier. You've just returned from the battle on Tatooine along with the first group of rebels to evacuate. Take a moment to let the dust settle and cool off; you’re safe now. Check in with your allies and remember: every choice builds your reputation among the Rebels. | This defines the text you want to display in the dialog box. In this case, we have created a welcome message that provides the player with background information, and a general prompt that will lead them into the main quest. |
Auto Display | Game Start | This option determines whether the dialog automatically displays for all valid players during the indicated game phase. In this case, it is set to display when the game starts. The message will also display for players joining in progress. |
Response Type | 1 Button | This defines the number of buttons the dialog displays that players use to select responses. In this case, there is only one button because the only response needed is to close the dialog box. |
Default Back Button | Button 1 | This indicates which button is bound to the Back action. Since it's the only button, Button 1 is selected. |
Button 1 Text | OK | This is the text that displays on Button 1. If you select multiple buttons in the Response Type option, there will be a button text field for each button. In this case, the text is OK, and the button closes the welcome message. |
Template Override Class | UW_UI_Popup_Lightside | This overrides the default style of the dialog box, and points to a custom UI widget to use instead. This is found under the Modal Widget section in the Details panel. The widget indicated is in your project folder, in the UI > Widgets > Popup subfolder. There are several widgets available to choose from:
The welcome message uses the Lightside widget, because The Warren is a Rebel establishment. Because these widgets are editable, you can also customize the UI widget for the welcome message using the materials and textures located in the UI folder. |
You will also use the Pop-Up Dialog device to conclude the main quest. For more information, see Concluding the Quest with the Pop-Up Dialog Device.