Post-Processing a UMG User Interface

[Valkyrie_Sound]

This looks great and I can see how it’s gonna help projects a lot - thanks for putting the time in to setting it up.

Is there any chance I could get some help with this bit below please? I can’t figure out what nodes I need to use in the Pawn and Function. Thanks

@anonymous_user_e96160d7

Scripting the Pawn

Now we need to set up the Pawn’s functionality. All we need to do is create a function that wraps that one we created in the Viewport Widget, then make sure the Camera and Widget Component both update to fit the viewport.

Wrapping the Viewport Widget

Create a function that takes in a Widget Object Reference. This function will take our Widget Component, get its User Widget Object, cast it to the Viewport Widget class, and call the function we made for it passing in our Widget Object Reference.

You can also create a Function Library that wraps this function so you don’t need a reference to your Pawn to add UI to it.

Updating the Camera and Widget Component to fit the viewport

Go to your Pawn’s Event Graph and grab an “Event Tick” node. Every tick, you’ll want to Get Viewport Size and Get Viewport Scale. Divide the result of Get Viewport Size by the result of Get Viewport Scale and you’ll get the viewport’s DPI-scaled size. Break that vector to get its X and Y values individually. Set the Camera’s Ortho Width to match that X value, and set the Widget Component’s Draw Size to the X and Y values of that same vector.

Then, in Event Begin Play, try adding a widget to your new 3D user interface viewport and make sure the game automatically uses your custom Pawn for the player. Try playing the game in-editor, and you should see the UI as if it were added to the 2D viewport. If you eject from the pawn, you should be able to move the camera around and see that same UI in 3D space.