3D widgets/rotation

I am trying to give my inventory a 3d feel and i was wondering if there is a way to rotate a widget.I am trying to achieve something similar.

Yes you can rotate a widget in the world like any other actor. You just need to reference it from the actor it is placed on. So you create an actor, add a widget component. Then in the event graph, drag out the widget component and set its rotation.

I tryed that,but when i add the widget to the viewport is still not rotated.

You aren’t adding a widget to the viewport. You are adding it as a component on an “empty” actor and placing that actor in the world. You can then rotate the actor and the widget will follow achieving the desired effect.

I am not trying to place them in the world,I just need them displayed on the screen like that when i press a key.I tryed making the widget a child of the camera,but is not really a solution because it’s colliding with the world and clipping through it.

Nebula Games Inc’s solution is the way to go. In order to get rid of the clipping, disable depth test on the widget component’s material. The right hand side widget component has it disabled in the following example:

Image from Gyazo

The material is called Widget3DPassThrough, you can find it in the Engine Content. Duplicate it, tick Disable Depth Test and assign it.

Thank you,I had no idea about that,it’s right what i was looking for.

I managed to get it like in the example,got rid of motion blur and anti-alias,because it was flickering,but now i am not able to interact with it,i tryed doing this but it doesnt seem to work.

That did it,thank you so much.

Ensure the widget components have Receive Hardware Input ticked, allowing them to capture mouse behaviour like the traditional widgets do.

And yes, motion blur on the widgets looks atrocious :expressionless:

How did you solve this problem?
I use the WidgetComponet, disable the depth test, and calculate the actor’s transform based on the camera’s position and rotator.
I am trying to find a good solution like rotate a widget.