You can set the tone of your Squid Game islands with branded user interface (UI). Both the Minigame Mastery and Social Deduction templates feature the custom UI.
Access UI Assets
The UI assets are available in UEFN from the Content Drawer > All > Squid Game > UI folder.
The UI folder contains material instances, textures, and general materials that form to create elements in the Unreal Motion Graphics (UMG) user widgets.
You can not copy the files in the UI folder to your project folder. You must reference the files for use.
The table below describes the available UMG widgets in the Widgets folder.
| Widget | Description |
|---|---|
UW HUD EquippedInfoBlock | Element for your selected item. Includes ammo when applicable. |
UW HUD PlayersInfoStack | Combines the player and their teammates' information. It references the following widgets:
|
UW HUD QuickbarSlot | Element design for your inventory UI. |
Set Up Vitals and Selected Item UI
To add the UI to your island, follow these steps:
In the Content Drawer, search for the HUD Controller device, and drag the device into your island.
Navigate to Content Drawer > All > Squid Game > UI > Widgets.
With the device still highlighted, select UW HUD PlayersInfoStack.
In the Details panel, under User Options, click Advanced, and scroll down to Player Info Widget Override.
Click the arrow icon to add the selected widget.
In the Widgets folder, select UW HUD EquippedInfoBlock.
From the Details panel, scroll to Equipped Item Info Widget Override, and click the arrow icon to add the selected widget.
Click Save.
The widgets should now appear in the bottom right corner of your screen when in play mode. Text Chat appears briefly over the Player Vitals UI. If you would like to move it, you can adjust the location by following these steps:
Click the HUD Controller device, and navigate to the Details panel.
Scroll to Modify Text Chat Layout, and click the check box.
In the Alignment dropdown, click Middle Right.
In the Anchor dropdown, click Center Right.
Click Save.
The text chat should now appear to the center right, clearing up your custom UI.
The shield bar appears empty by default. You can place shields in the game to see how the UI will look. The custom UI does not support stamina.
Add a Custom Inventory Bar
Complete the UI look with a design update to the quickbar slots.
To add the UI to your island, follow these steps:
Click the HUD Controller device.
Navigate to Content Drawer > Squid Game > UI > Widgets.
With the device still highlighted, select UW HUD QuickbarSlot.
In the Details panel, under User Options, click Advanced, and scroll down to Quickbar Slot Widget Override Class.
Click the arrow icon to the right to add the selected widget.
Click Save.
To learn more about the device options, see HUD Controller Devices. For your own custom UI, you must create widgets and connect them to the device similar to the steps above. To learn more see, In-Game User Interfaces.
For additional in-editor practice with various UI feature examples, check out the User Interface Feature Template.
To access the template while already in the editor, follow these steps:
Click File > New/Open Project. The Project Browser opens.
Click Feature Example > User Interfaces.
Create a new project.
Creating Anonymous Gameplay
Add anonymity to your island by adjusting the HUD to encourage deception and betrayal. The following are examples of adjusting the HUD:
Use the HUD Controller device to hide elements like the minimap and team information.
Hide nameplates that are on by default in the island settings.
Further adjust the display of nameplates with the Class Designer device.