3D UMG Widget low quality / transparency issues
Having some issues with 3D UMG widgets. This is the basics behind the system.
So this is a mockup of what i'm trying to create: (made in photoshop) But I can't get the background image to be at 50% transparency despite using Appearance>Color and opacity. It's either 100% colored or 100% invisible. I've even tried importing the image with transparency applied in photoshop but i get the same result.
I'm also having trouble with the rendering quality of opacity on some image assets such as my selection highlight. The asset should have a flowing transparency gradient but only displays up to a certain opacity.
And finally i'm having some issues with overall quality, i'm often getting a jagged black border around multiple objects including images, buttons and text. All assets are clear in the widget editor but not when displayed in 3D space. You may also be able to notice it in other screenshots.
Any troubleshooting tips for these issues appreciated. ty.
asked Jul 13 '16 at 10:46 PM in Rendering
So after testing I believe I have found the reason as to why this is occurring. Since your border/texture you are trying to render has translucency, you need to set the Blend Mode within the Actor Blueprint for the Widget itself from 'Masked' to 'Transparent', as seen in the below image.
Blend Mode - Transparent
Border Alpha 0.3
As you can see it is rendering as expected. Since you are using a gradient from 1.0 to 0.0 for opacity, using the masked blend mode is going to clip out anything up to the masked clipping value/threshold. This is why you need to use the translucent blend mode so you can render the entire gradient.
Let me know if you have further questions.
answered Dec 06 '16 at 07:30 PM
Follow this question
Once you sign in you will be able to subscribe for any updates here