Transparency in textures causing "see-through" effect on textures behind it | Three.js | Page 1

tropic tapir Sep 14, 2023, 12:26 PM

#

Hello, I am trying to use a 3D model that has a translucent texture protruding out of the top of it to signify "heat". See attached screenshot.

The texture on top of the cube, that is "behind" the translucent texture, isn't rendering. Is there some setting I need to enable somewhere to support this type of transparency and still have the textures behind it render?

vocal crescent Sep 14, 2023, 3:31 PM

#

experiment with the material.depthWrite = true/false and material.depthTest=true/false

also do a material.needsUpdate=true if no change is visible

tropic tapir Sep 14, 2023, 5:51 PM

#

trying this now @vocal crescent

#

#

worked, thank you very much @vocal crescent !!

#

(Was material.depthWrite = false;)

#

I wonder, though, if there are any major implications of doing this here (for specifically this material on this object only)

#Transparency in textures causing "see-through" effect on textures behind it