Help with transparent object

Hi,
Here Green sphere is opaque and Red sphere is transparent.
But I am able to see through Green sphere.
I tried using depthFunction = BABYLON.Engine.GEQUAL for green sphere, It didnt work.

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

If you just change the renderingGroupId of the green sphere to the same value as the red sphere has, it seems to work.

1 Like

@tapio40k . Yes that will work. This is miniature of the problem which I face in my workspace.
I have given renderingGroupID to draw opaque objects first and then render transparent meshes.
So, that we can see through it.
I was expecting that Material.depthFunction if it set to GEQUAL. Then it should work fine.