Visual artefacts with semi-transparent objects

[genvvk 0]

Hi there,

Is there any kind of renderer.sortObjects() or renderer.depthTest() like other frameworks have?

I have several transparent objects (alpha < 1.0) on the scene and sometimes renderer behaves glitchy (please see attachment). Theoretically, could write a function for sorting meshes by a distance to camera and set .alphaIndex, but it doesn't solve the problem with self-intersection like frame does c) & b).

Babylon.JS 3.01, materials are PBRMaterial() with .disableDepthWrite = false and .alphaMode = 2.

Any ideas? Thanks in advance!

[Deltakosh 4315]

As I said on github, why do you need alpha on these meshes? You should only turn alpha on the glasses

[genvvk 0]

I need semi-transparent material for frame and temples. Different ones.

By the way, these artefacts could be caused by miss-loading OBJ.

 

[genvvk 0]

4 hours ago, genvvk said:

By the way, I'm using v3.1-alpha version, maybe it's a good idea to try the latest stable version.

2.5 has the same issue with standard materials

[Deltakosh 4315]

I guess the issue is on the mesh loading then

[genvvk 0]

Nope! But I did a simple alpha reindex by a distance to scene camera. This function solved the problem partly because objects still could visually 'intersect' themselves [c) and d) illustrations]

And I don't know how to fix it. 

[Deltakosh 4315]

the thing is that this object is not transparent so I do not get why you need alpha

 

[max123 53]

I think @genvvk means "translucent"  

[Deltakosh 4315]

I guess I need a repro to better understand how to fix it