How do I make Background Blur's Corner Radius change with the size of the viewport?

Hello.
Please forgive me for asking this question in my poor English.

I have just started the game with the Corner Radius of Background Blur in WBP set to a value,
The Corner Radius does not change with the size of the viewport, resulting in an unintended shape.
The DPI Scale is set and the size of the UI image changes with the size of the viewport.

Please let me know how I should resolve this issue.




Use this:

5 Likes

Hey, your method seems good, but one question - for your corner radius, did you just put the amount in pixels or something else? Because I’m still getting unintended shape, which also changes when ran in Standalone for some reason.

In case anyone found this thread via Google and is struggling with this, I’ll just post my simple solution here:

  1. Store the draw size of you widget component. (assuming your widget is set up to fill the entire widget component space)

  2. Then when you actually render/update your widget inside the component, you grab the draw size X & Y values, take the shortest one, and divide it by 2 to get the radius for each corner.

That should result in a perfect fitted rounded box blur with a semi-circle for the sides, even if you resize your viewport.