How To Make A 3D Interaction Prompt In Unreal Engine 5 (Tutorial)

Hey guys, in today's video I'm going to be showing you how to create a 3D in-world interaction prompt for your games. This isn't limited to just prompts however, you can use this for whatever you like!
Get access to the project files and more on my Patreon: / mattaspland
Check Out My Game Studio: www.copagaming.co.uk/
#UE5 #UnrealEngine5 #UE5Tutorial
_________________________________________________________________________
What I use:
⌨️Keyboard: amzn.to/3TMYuly
🖱️Mouse: amzn.to/3JNYgWD
🎧Headphones: amzn.to/3z8OfhM
💺Gaming Chair: amzn.to/3M1VM9V
🎙️Microphone: amzn.to/3FSxnQ8
🎙️Mic Power Supply: amzn.to/3FTXt5f
🖥️Monitor (X2): amzn.to/3LSsMkT
🖥️Monitor (X1): amzn.to/3FSd9WS
🦾Dual Monitor Arm: amzn.to/3nvABCC
🦾Monitor Arm: amzn.to/40pKJvi
📷Webcam: amzn.to/3lIlRA2
📷DSLR: amzn.to/3lKbjQI
🔥Cable Management Tray: amzn.to/3ZwzEaQ
🔥Cable Management Sleeve: amzn.to/3M6U5Yu
My PC Specs:
GPU: amzn.to/3JHLHMx
CPU: amzn.to/40hcupY
RAM: amzn.to/40iHd67
Motherboard: amzn.to/3FRne6e
_________________________________________________________________________
🔥Subscribe: / @mattaspland
💬Discord: / discord
🐦Twitter: / matt_aspland
📷Instagram: / matt_aspland_
🔗All: linktr.ee/MattAspland
_________________________________________________________________________
Support Me:
Patreon: / mattaspland
PayPal: www.paypal.com/paypalme/matta...
Ko-Fi: ko-fi.com/mattaspland
_________________________________________________________________________
To access the project files and screenshots from the video, check out my Patreon above!
My Public Video List: trello.com/b/7vJgXzBm
Unreal Engine 4 Tutorials Playlist: • Unreal Engine 4 Tutorials
Unreal Engine 5 Tutorials Playlist: • Unreal Engine 5 Tutorials
The Basics Of Nodes Playlist: • The Basics Of Nodes In...
_________________________________________________________________________
♫ Outro Song: Kronicle - Chill Noons

[@josembdn]

Incredible work, simple, fast and clear, congratulations. thank you

[@natsushi]

I'm an absolute beginner and this was super helpful, thank you so much for making awesome tutorials!

[@alonshamash9343]

Simple and good tutorial, thanks!

[@marshallross3373]

Excellent tutorial. Thanks for sharing.

[@FusionIQ]

Can you make a part 2 where you show how to make E actually do something?

[@boxfrogs]

He made a other video about a button and door system but instead of having it open a door it can do anything you want

[@PatrickTheDM]

Another good one.

[@kevCarrico]

great video - thank you!

[@MattAspland]

Glad you liked it!

[@v8matey]

You can expand on this extensively. Some ideas. For example. If out of reach the player gets taken over by a.i. to walk closer or around to correct position to pick it up. If player is crouched the a.i. will uncrouch the player an move into position an resume when action completed. The hand ik lines up item when picking up item. Highlight items when looking at them. UI Options slider button for interaction logo icon size an transparency etc. Have child blueprints that have different animations for opening a chest, draw, shelf, doors, fridge etc. And hand ik position is in different spots on child bps.

[@julzg5107]

thanks bro, working well

[@michaellutz4154]

Thank you so muchfor this lol ima use it for enemy health bars

Tks Nice Job.

[@Senberksen]

Great!

[@Vinary21]

If the widget already shows when you start game even before reach to collision, go to detail panel of the widget and uncheck Rendering>Visible. I solve the problem with that.

[@kirbyenjoyer7754]

Omg, thank you so much. I was so frustrated with this.

[@aikidoca]

still hoping for a "radial interaction menu, like in games like the sims ou point and click where to interact with a object you have to click on it then a menu with options of interaction appear and based on what you choose it will move to it(if far a way) and do the interaction(with a proper animation if it have.

[@dycer90]

For those whose Widget is visible while spawning in, the visibility is set to true on default you can disable that in the properties :)

[@wolfshadow2418]

Great video, awesome work, do u have or can make a video on how to connect a PS controller to unreal?

[@jensonp5081]

Hi Matt been recently new to the channel and been watching a lot of your videos. Keep up with the great content. Is there a chance you could do a tutorial on if an AI chasing you guys you, the player your limps or slows down/takes damage. Thank you !

[@jensonp5081]

If the AI hits you I mean when chasing and catching up to you. Sorry English is not my first language

[@duncsi968]

Will you make some CommonUI tutorials in the future?

[@bernardklaus1]

Really nice! Any tips on the best way to not have the widget pass in front on the player?

[@UE5_Tutorials]

If you have wanna make it for multiplayer and you have an issue that all players see the widget not just the player hovering the collision here is a solution, SO from the overlapping node, u drag from the " other actor " to "cast to thirdpersonBP" ( your character BP), and from the Cast BP u drag from the node ( as blue print third person character ) and u plug it in " is locally controlled " into branch, if its true set visibility. ( keep in mind for set locally controlled to be found in the search make sure the sensitive context is unchecked ).

[@jdia.]

this is exactly why i came to this video, thanks bro

[@UE5_Tutorials]

@@jdia. anytime

[@dyarynych]

This partially also works if the prompt is visible from the beginning (regardless if visibility ticked or not). It may appear that the query collision interacts with something else in the level besides the Character Controler, thus triggering the widget to be visible, so checking if it's the player inside the colliusion helps. I was very frustrated but saw a different solution in your door tutorial - thanks!

[@UE5_Tutorials]

@@dyarynych Yup, thats why u "cast to the players blueprint" and use the " as blueprint thirdpersoncharacter " so it triggers only with that specific player nothing else

[@cheerozakon5658]

thank u

[@tutanchacon]

Nice tutorial! What happens when you have two boxes together? how do you choose one?

[@zuchmiyoff4734]

Some more advanced mechanics/tutorials would be great, especially since similar tutorials exist

[@Aa_KiRa]

can you make a system to pick up objects please

[@yvngkuba]

You can make a video where the player has the ability to change the binds on the widget, and save and load those bind settings. Use the new Enhanced Input for this

[@thedefaultcube1218]

Love your short format tutorials and I'm already a Patreon! Quick question, in a multiplayer game with so many replications. Would you recommend less collision spheres and a line trace from the players camera. The interact function could be called in a containers blueprint and instanced from it's master class. I'm building a larger game and looking for scalable solutions. Right now it's using the line trace and calling that function from a containers class. So every drawer in a house, trunk of a car, all that doesn't have a prompt until the player presses E and starts there line trace. Doing so many interactions I don't want to overwhelm the player UI and break immersion, I would like the trace to maybe activate the widget as shown here and give a scroll box in the widget that can be rolled with the mouse button. So the prompt appears after line trace,... Spawns the widget as you've done,...but the scroll wheel will cycle though different selectable actions to start different events through that widget selection Love your stuff bro. Gonna be Implementing a lot of your mechanics soon

[@MattAspland]

Thanks for the support on Patreon! And great point, yes a line trace would be more efficient than a sphere collision if you have lots objects in your level, and if you are on multiplayer too. Your example in the game you are creating makes perfect sense and is definitely a better way of doing it. Huge thanks for your support mate!!

[@thedefaultcube1218]

@@MattAspland don't wanna take up too much of your time. Would you consider a tutorial on "Tags" UE5 only allows 18 custom traces. Would love to learn more about them. Thank you in advance for your consideration

[@ciastuch_plastuch]

Hey Matt. GREAT Tutorial ! But i have a question about connected topic. What if Your character for example - dies - and You want to remove this "E to Interact" widget in character in "DeathState"? How to do it? I have a problem ho to disable a widget which was created in object blueprint during the death state/ ragdoll death ;/ Please help

[@emilweinbergjensen3565]

Is it possible to make it so there is a progress bar loading in a circle around the letter or something

[@BarneyJutton]

How do i make a text prompt appear after walking up to object and pressing E.

[@renan_ponciano]

I Added this to a phisics enable object, when i pull the object to with the body of the player the objects moves but the sphere collision remains in the original place. Maybe, the best idea would be it to create the line trace channel and get the object in the player setting the widget visibility to true for just the object that the player is looking, if the player stop looking or grab the object, you could remove the widget. Of course this is not the only idea and can be done for multiple ways, thanks for the tutorial anyway ,any knowledge shared is is appreciated.

[@tommyfournier3138]

Can this be added to a Instanced Static Mesh? I have a blueprint that creates instanced trees,using this could add a collision sphere and widget.

[@ubaid3603]

can you make tutorial for car traffic like in lumion?

[@Ayrin69]

how do i make it so when you finish interacting with the object the interact blueprint is gone completely?

[@Armoraxis]

For some reason, my widget doesn't show up when I test it - it shows up in the editor just fine until I hit the play button, then it's gone

[@Nosferatu_tqegaming]

how do i layer the text over the image? simply

[@kendrickmccomb4268]

would this work if you made a top down game, like for mobile applications? I am trying to figure out the best way to make buildings interactive for a mobile platform. So in theory the user could click on the building on the screen in a top down format and then the action sequence associated with that input would trigger.

[@alsshadow]

Can anyone help me? Why does my widget in screen mode shift relative from the center of the object to the edges of the screen if I move the character’s camera?

[@Taii3D]

How can I make the character look at the box when walking near it?

[@ChinchillasSaltnPeppa]

how would I change the font?

[@kembel2761]

How did the Interactable know it would interact with the player?

[@dangerousmindgames]

My widget is never visible on screen space. How did you make it visible after it disappeared? When you first clicked "screen" its visibility was on but it still disappeared. How did you make it show up? Thanks

[@specialswiss]

Why not just use the Text3d plugin that comes with UE5 ?

[@GrenadeAgent]

will it work on a 2d leval

[@dzegr]

Hey, can you help me? Every time i load into the game the widget starts as visible, even though i unchecked the visibility render.

[@thedefaultcube1218]

I'm not nearly as talented and versed as matt,....but in the even node,...maybe disable start with tick enabled. This was your widget doesn't fire off any logic until you use your even on client or server or whatever your calling? It's in the class or default settings of the event node I believe. Not at my computer at the moment

[@milkezz8706]

Set space to "Screen" and uncheck visible , compile and it need to work. p.s dont forget graph

[@superSamioo]

Can you do it for multiplayer? Only the overlapping palyer can see the widget but others can't.

[@UE5_Tutorials]

You ever got an answer to this ?

[@superSamioo]

@@UE5_Tutorials nope

[@UE5_Tutorials]

i figured it out @@superSamioo

[@UE5_Tutorials]

SO from the overlapping node, u drag from the other actor to cast to thirdpersonBP ( your character BP), and from the Cast BP BP u drag from the node ( as blue print third person character ) and u plug it in " is locally controlled " into branch, if its true set visibility. ( keep in mind for set locally controlled to be found in the search make sure the sensitive context is unchecked.

[@superSamioo]

@@UE5_Tutorials THANK YOU

[@BlueSpawn]

Nice start but you need to mention that this is not yet a usable functionality because if you put two objects close to each other, very weird things will happen.

[@ericdrob]

right, I wish a solution for this was discussed, if not gone over in tutorial

[@tgreis]

Dude, I'm looting, the pickup actor disappears, but the widget still appears when I enter the collision area. How do I turn it off?

[@15x0]

how to make it functional?

[@LeightonJ]

Thank you for a great tutorial. +1 Sub from me 🙌 I do a have question and hopefully it can be answered. After button press, how can we remove it? And it return for next time we need to interact? Thanks 🙏

[@user58180]

W

[@TheExileFox]

Doesn't seem to be working on UE 5.3 because of API changes.

[@Soapierdig]

Works in 5.3.2

[@zJup]

Hello Matt, Great tutorial, But it shows to every client, not only the one who's near the actor. How to fix that?

[@DonMatek]

On your overlap events: Stick a branch and true will go to Set Visibility Node Drag of Other Actor and get class From Return Value pin on get class node get equal (==) Select your player class from drop down menu and connect the condition pin to branch Do it for End overlap too, so when you have two items next to each other and you pickup the first one, the text on the second item will not disappear.

[@krebskopf]

@@DonMatek Legend, Thank you!

[@DonMatek]

@@krebskopf No worries :)

[@sadge6430]

cgn

[@hellodg4231]

Thank you but it doesn't work for multiplayer

[@chris-xi7uo]

also once its done and you have pressed interact it should disappear how to do that

[@MattAspland]

When you interact, you can do “destroy component” with the widget as the reference

[@chris-xi7uo]

@@MattAspland aah ok cool thanks

[@robbybobbijoe]

But that gives this error: Blueprint Runtime Error: "Attempted to access Widget via property Widget, but Widget is not valid (pending kill or garbage)". Node: Set Visibility Graph: EventGraph Function: Execute Ubergraph Test Interactable Blueprint: Test_Interactable@@MattAspland Edit: I figured it out. It was messy but I basically just added a boolean like "isDestroyed" so just after destroy component I set it to true. And I added branches before "set visibility" after the "on component overlaps" to check if it's destroyed or not. I'd imagine the problem is that when you re-enter the collision area again after picking up your interactable it's trying to set visibility to true but I deleted it so there's nothing to set visibility to. Hopefully my explanation isn't too bad, I've only been working with unreal for a few days!

[@ParamountRaven]

how did they do it in hogwarts legacy ? the targetting system got my attention in that game.

[@DatOleEditGuy]

Great tutorial but you go so fast i had to rewind a few times.

[@sadge6430]

yiuo

[@AUTONOMOUSTANZIM]

Your so bad at making tutorials that I can't help myself but watch all of your videos and share them and like and subscribe and suggest my friends to learn from a pro like u!

[@sohj8499]

Pls make a tutorial on how to make a door open with password 🥺

[@thedefaultcube1218]

I don't know about passwords.....but search easy build on the UE5 market place. We use that I'm a coarse I'm taking....it's free and I noticed code locks. Maybe you can take a look at the blueprints. ....we don't use them in the coarse. Instead it's a "tribe" system that allows anyone in your tribe access to opening the door. You just set permissions