Emission Material on Top of UI

Unity Engine
1

Hello!

Not sure if I’m posting this on the correct thread, so I apologise if it isn’t.

In my latest project I tried to do a transition between scenes in the most simple way: Darkening the screen.

The problem is, when the image goes fully opaque (alpha = 1), there are emission materials that are clearly visible “through” the image.

This only happens to the emission type:

I’ll leave three screenshots, screen before the image gets opaque, the screen after the image goes opaque and my canvas components.

6683725--766345--BeforeDarkImage.PNG 6683725--766348--AfterDarkImage.PNG

6683725--766351--CanvasDefinitions.PNG
6683725--766351--CanvasDefinitions.PNG374×555 17.2 KB

Hope you can help me!

2

You sure you’ve got the alpha on the image itself all the way up? If I do the same thing as you’re doing here, a fully opaque image completely blocks out even the strongest emission. But if I put the image’s alpha at even 1 point away from fully opaque, the emission gets through:

6684160--766387--upload_2021-1-4_0-31-59.png
6684160--766387--upload_2021-1-4_0-31-59.png761×511 79.1 KB

Are you setting the alpha using a script? Any chance you’re doing some kind of loop where alpha < 1, but never fully set the alpha to one the last time through the loop?

3

@dgoyette Hi!

Thank you for answering!

I just confirmed it and yes, it is all the way up. Although I use values from 0 to 1.6684208--766393--Confirmation.PNG

4

Hi, i ran into the same problem:

7869400--999922--EmUi.png

The only solution I found was to put an empty image behind the already existing one.