Advanced Interact System Updated

Where we want to go with this documentation page:

For this step of the documentation, I will use the Third person template.

If you have not followed the steps on the first page of the documentation, you must follow the steps to continue with the system configuration.

We will do something simple, but necessary for you to understand how this system mode works.

Let's make an actor that when it receives interaction it is destroyed, that's enough, let's go!

Captura de tela 2025-06-20 171654.png


Adjusting the system in the player for simple interaction

In your player's blueprint, click on the component and you will see in the details panel, several variables that can be adjusted.

Captura de tela 2025-07-09 165145.png

I am leaving below a table showing what was changed and where it was changed to, I only changed what is in the table, what is not in the table, you can leave the same as it is.

Variable name What to adjust
Interact Mode Look At Object
Where Look Object Icon Should Show Icon On Object

The component is ready.

Let's move the player's camera a little to the side, go to "CameraBoom" which is in the player, and set the values as in the image below:

Captura de tela 2025-06-20 174819.png

Now that the player is configured, let's create the actor.


Creating Object for Look At Object

To create the object, I will use a copy of the actor that is ready to be used, you can create it from scratch, make a copy or make a child of the actor that is already ready.

Captura de tela 2025-06-18 163752.png

The path to the object is this:

Captura de tela 2025-06-20 202055.png

If you want to create an actor from scratch, don't forget to add the "CreateWidgetOnObject" event that comes from the component, in the begin play of the actor object.

I duplicated and named the new actor "BP Destroy Object".

Captura de tela 2025-06-20 202151.png

I added a cube and adjusted the scale.

Captura de tela 2025-06-20 202525.png

As it is an Object that will be destroyed when it receives interaction, this is the logic.

Captura de tela 2025-06-20 202805.png

You can get these interaction and overlap events by clicking on the component and in the details panel at the end you will find, as if it were the "Pressed" of a button in the widget.

Captura de tela 2025-06-20 203250.png

And in the object component I only adjusted the location of the widget, as in the image below:

Captura de tela 2025-06-20 203401.png

Drag the object into the world, and try to interact with it, mine looked like this.

ezgif.com-video-to-gif-converter (1).gif


Hold button to interact with Look At Object

To activate the Hold button to interact system, let's go back to the player.

Click on the component and look for the Hold button category. I adjusted mine in the same way as the image below:

Captura de tela 2025-06-18 203257.png

Now just test and see how everything is going.

ezgif.com-video-to-gif-converter.gif


How to use the Outline Highlight

To use the Outline, go to your map's global post process and search for "Material”

Captura de tela 2025-07-09 174218.png

Click to add a material

Captura de tela 2025-07-09 174402.png

Captura de tela 2025-07-09 174323.png

The material that will be added is the one in the image below:

Captura de tela 2025-07-09 175107.png

Captura de tela 2025-07-09 175130.png

Now you need to activate the system in the component that was placed in the player

Captura de tela 2025-07-09 175357.png

I set true to both booleans

Captura de tela 2025-07-09 175416.png

Now take the test

ezgif.com-crop (1).gif

To change the outline behavior, open the material instance that was placed in the post process.

Captura de tela 2025-07-09 202305.png

Captura de tela 2025-07-09 202410.png

You can preview the changes without having to re-test. Drag a static mesh into the world, go to the details panel, search for "custom depth," and activate it, as shown in the image below:

Captura de tela 2025-07-09 202944.png

See that the line was shown in the object, now just make the changes to the material instance and see what the line will look like during the game.

Captura de tela 2025-07-09 203331.png

Now let's talk about widgets.


Understanding how widgets work

The Widgets are not very user-friendly, it is difficult to configure them, I am looking for a simpler and easier way to change things in the widgets.