Adding an interactive UI

Now it's time to give ourselves a way to change our companion pawn's state. To do this, we're going to add a widget component to our player pawn, along with a widget interaction component we can use to interact with it:

1. In the Content Browser, find the location of BP_VRPawn—our player pawn.
2. In the same directory, create a UI | Widget Blueprint, and name it WBP_CompanionController.
3. Save it and open it.
4. In its Designer window, change Fill Screen to Custom as we did with our previous widget.
5. Set its size to Width=300, Height=300.
6. From the Palette, select Panel | Vertical Box, and drag it onto your Hierarchy as a child of the Canvas Panel:

7. Set its Anchors to fill the entire panel by selecting the lower-rightmost option (in addition to managing placement rules, anchors can also manage stretching rules):

8. Set its Offset Left, Offset Top, Offset Right, and Offset Bottom to 0.0.
9. From the Palette, select Common | Button, and drag it onto the Vertical Box. Name it btn_Follow.
10. Drag another...