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.