How to create an interactive 2D HUD interface with two 3D viewports (Image example attached)

[jmcp93]

Hi everyone,

I am trying to create a learning module that mimics a security software like the example in the image attached.

I want to replicate the 2D UI of an airport security scanning software and build the interactions in to the buttons at the bottom with blueprints so it functions in UE the exact same as it would on the actual machines where the software is used.
There also needs to be two viewports (as seen in attached image) that allows the user to orbit and inspect both 3D objects in the viewport.

Would anyone have an idea how to make this or point me in the direction of a tutorial I could follow to replicate this in UE?

Thanks.

[Everynone]

You’re looking for a Render Target and a Scene Capture Component combo:

https://www.youtube.com/results?search_query=ue5+render+target+ui

---

In short:

• the capture comps render what they see to a render target texture:

• you use that texture in a UI material:

• that the widgets can display:

[jmcp93]

Thank you for this!

I guess the rest of the 2D interface I am trying to replicate would be created with UI elements and blueprints?

[Everynone]

the rest of the 2D interface

This bit here?

Yup. UMG it is.

[jmcp93]

Thank you again for you help!