I created 2 planes and loaded a transparent texture as a map. The left plane has MeshBasicMaterial with transparent == false. The right plane has a ShaderMaterial with transparent == false. Also I added THREE.Fog with the same color as the background. In following screen you can see what its look l…

add this line to fix your shader in codesandbox: [Screenshot 2022-12-11 at 17-54-48 CodeSandbox]

Starting from version 0.137 fog with non transparent materials does not work correctly

makc3d December 11, 2022, 4:55pm 2

add this line to fix your shader in codesandbox:

1 Like

Topic		Replies	Views
THREE.SpriteMaterial transparency not working on Shader with Depth Texture Questions materials , shaders	5	430	August 1, 2023
Transparency texture display incorrectly Questions materials	3	804	November 29, 2021
Getting issues with the shadow concept Questions materials , shadows	6	653	November 4, 2020
Transparent png on Opaque material looks glitchy Questions textures , materials , transparency	6	476	October 17, 2022
Background not visible through MeshPhysicalMaterial Questions physical-material , r3f	9	781	October 24, 2023