Widget Component colors are different in World Space

[Atilla_ati]

I have a computer and I added widget component in it. When I present a widget in my computer’s screen, my widget’s color and sharpness looks different then the original.

When I change User Interface as Screen; It looks like the original one.

How can I present my widgets on PC Screen like the original one?

Original:

In PC Screen:

Widget Component Configs :

In Widget Component settings; Apply Gama Correction is False

In Project Settings: Anti-Aliasing Method is TSR.

[Everynone]

Widget Components in World Space mode simply do not offer the same quality & performance - there are major compromises to them living in 3D space. Some things you could do:

• never increase the component scale beyond 1:

Instead, for extra clarity at the cost of performance, lower Scale and increase Draw Size. There are limits in place here, though.

• changing Translucency Pass to After Motion Blur can help with blurriness when things move:

Ensure to make a copy of the material before you apply any changes.

• depending on the how it’s supposed to work, perhaps it’d be feasible to switch to a Screen Space widget once the user zooms onto the computer screen. Similar to what can be seen in the animation in this post:

Widget live texture.

It might be the case of a tutorial / docs never existing in the first place… Who knows. The Widget: [image] You can do anything you need inside but it must be wrapped in a Retainer Box which can output to a render target. – we will use the Retain Render flag to switch between 3d and 2d screens – if you do not need the 3d computer screen animated, untick Render on Phase – if you want it animated, enable Render on Phase and use Phase Count to control the update frequency. 10 means every 10…

And the final result:

500×500 2.84 KB

Well after all I did just used the monitor being turned off technique and well: [Image from Gyazo] Doesn’t look that bad in my opinion.

It may not be in line with the design of the project, of course. Just a thought!

[Atilla_ati]

Thank you for your time & Reply. I changed Translucency Pass but I didn’t get what I want at all.

Switchingto a Screen Space widget would be a thing but I just wonder how these guys handle the problem;

https://www.fab.com/listings/7459a1d9-6838-44e6-b9c0-0fb9d4ab8730

Maybe there is another way other then the widget component?

[Everynone]

@Atilla_ati

wonder how these guys handle the problem

Same as suggested above. Note how the full screen close-ups look - they’re in Screen Space.

---

You could not use a widget at all. You could use a widget retainer and texture any surface yourself. It will look much better but you will not be able interact with the widget in world space any more.

[Atilla_ati]

@Everynone

Same as suggested above. Note how the full screen close-ups look - they’re in Screen Space.

I’ll try widget retainer and your suggestion.

Thank you indeed,

[Atilla_ati]

Hi @Everynone,

I reviewed your suggestions here. Thank you for detailed explanation in that topic. When I run your sample project I found widget itself color and widget color on Plane doesn’t look the same.

Is there any possible way to fix that color washed out?

You can see the differences here.

[Everynone]

No, there are drawbacks to widget components.

[MineLucky]

Same question,Thank you for your answer. I have given up trying world space,just use screen space.

[Atilla_ati]

Same

[pelorustech]

Lighting, camera angle, and material settings can affect the appearance of widget components in World Space. The lighting conditions should be adjusted and the material parameters should be consistent to ensure accurate display.