Translucent material has a weird overlap effect when there is another translucent material infront of it.

Summary

I have a window in my game with a translucent material—just a flat color with 50% opacity. In front of it, there’s another translucent material, which is also a billboard material that follows the player’s camera as they move.

The issue occurs when the player moves far enough away. At a distance, the billboard material appears to be layered behind the translucent window, even though it’s actually in front. For example, if the billboard material is red and the window is blue, the overlapping areas will appear purple from a distance. However, when the player gets close enough, the rendering corrects itself, and the billboard material is displayed properly in front.

Please select what you are reporting on:

Unreal Editor for Fortnite

What Type of Bug are you experiencing?

Assets

Steps to Reproduce

  1. Create two translucent materials. Material1 should be a solid color at 50% opacity. Material2 should be a texture that has a custom opacity texture so that part of the texture is not see through while the other part of it is.

  2. Put both of these textures onto flat planes and have them upright. Place one plane infront of the other with material1 in the back and matieral2 in the front.

  3. Load into a session. Walk up to these planes so that the plane infront (material2) blocks the plane behind it (material1). Now slowly walk away in a straight line while still facing the planes.

Expected Result

The solid part of material2 will not be effected by the translucent material behind it, no matter how far you go.

Observed Result

The solid part of material2 will get overlayed by the translucent texture of material1, as if material2 plane was behind the material1 plane. If you walk close enough again, it will fix itself, and going backwards will cause the issue again.

Platform(s)

PC and Switch