Item Interact UI

The video shows item interact UI system:

Item Interact UI system:

First, I created a user control, added a canvas panel, and placed a text box on the canvas panel with text prompting the player to press E to interact.

Next, add a widget to the item blueprint and adjust its position to the correct location.

Item Blueprint:

The design concepts behind these two items are the same.

The Blueprint is triggered when collision volumes overlap. I first added a player interface to the hit actor to ensure that this function is only triggered when a player enters the collision volume. The UI is displayed when the collision volume detects that a player has entered the area, and it is hidden when the player leaves the collision volume.

Remove collision:

During late-stage testing, when the door opened, players entering the UI’s collision volume would trigger it, causing confusion. So I added a feature that removes the UI’s collision volume once the door is open. This prevents it from being triggered again.

Leave a Reply

Your email address will not be published. Required fields are marked *