Problem with Transparency

Hello,

I have problems with transparency in babylonjs:

What is wrong? Anybody a idea?

And the Metallic material look wrong. It must be like that:

Here the Playground: Babylon.js Playground

As you connected the alpha input of the fragment output block, the material is considered to be transparent, meaning it does not write to the zbuffer. So, depending on the order the faces are drawn, artifacts can show up. You can set the needDepthPrePass property of the material to true to fix the problem.

Regarding the reflection on the metallic parts, you need to set a reflection block so that the environment map is applied to your material:

https://playground.babylonjs.com/#E7R8F8#1

2 Likes