Transparency render order issue

[samyH]

Hi,

I have run into a problem whilst trying to correctly render the glass for a car. I have tried exporting as 4 separate objects and also as 1 object containing ass the glass.

From what I can see in the gltf viewer it seems to be splitting the 4 pieces of glass and rendering them in a particular order. Is there a way to disable this behavior whilst retaining the alpha & reflective properties.

Attached is the model & a screenshot of the material inside Blender.

Many Thanks

glass.zip

[donmccurdy]

Should be fixed by mrdoob/three.js#18235 (which won't be available in this viewer for a while). If you're using this model in your own threejs application in the meantime, you can set depthWrite=false on transparent materials to avoid the issue.

[donmccurdy]

Fixed in the latest viewer release; I'm not sure when/if the change will land in threejs.

Also note that the model doesn't appear to have UVs, which you'd need for that texture to work correctly.

[samyH]

Thanks for the heads up @donmccurdy - really appreciate all your hard work in this area. Cheers Sam

[donmccurdy]

Fixed in three.js — mrdoob/three.js#18235. Thanks for the report!