UI Progress bar can't show opacity

Hi,

I am working on the UI of a game and the progress bar is not showing the opacity as it should. I have a Material with the texture masking the opacity.

Here is the picture of the Material:


Material Domain is set to User Iterface and Translucent

Inside the Widget the Material is not working and it look completely opaque

Also, here is a ss of the texture:

Any idea of what could be?

From what I can tell, you aren’t using the right material.
image

Also, it seems like you might be using the wrong texture- it’s very square.
image

You should probably also be using the alpha channel for opacity- though I don’t think that’s the problem.
You may also want to use masked rather than translucent since you just have visible or not.
As well as that, you don’t need to multiply these two things:
image

1 Like

Newbie mistake! I was grabbing the red channel instead of the Alpha since my mask was there. Didn’t see it. Thanks for pointing it out!

1 Like