alphaIndex occurs depth problem.

[klaude]

Hello,

I have to control depth of meshes with alphaIndex in my situation.

but when meshes are over 10, rendering gets strange.

https://www.babylonjs-playground.com/#BTU1J7#1

need your help.

 

thanks.

[Guest]

Well it seems to work for me (even with 15)

[klaude]

hmmm, in my case.

It shows blink and not ordered correctly.

Tested chrome on macOS and Windows 10.

what's your browser?

[sable]

Thought I'd just chime in here to confirm that I get the same effect as @klaude, blinking and wrong order.

Interestingly it works fine though if I use the distance to the camera as the z-index. https://www.babylonjs-playground.com/#BTU1J7#3

 

[klaude]

Hello, @sable

based on camera distance is basic logic, so it works.

but i have to order meshes with my logic not based on camera distance.

it changes orders like https://www.babylonjs-playground.com/#BTU1J7#4

i'm trying to it runs like 2d which is parallel on screen not camera;

i think that although alphaIndex is changed,

camera distance logic runs last.

so it makes blinking.

but it's ok on safari browser.

please anybody check this out.

 

thanks.

[sable]

Actually pretty sure it's your sort function, needs to return a  -ve number, +ve number, or 0, not true or false. https://www.babylonjs-playground.com/#BTU1J7#5

If you log out the position.z of each mesh after sorting the way it was you'll see that they're not in the correct order.

It would be less work just using the pos.z - campos directly as the alpha index though, unless there is some other reason you need to sort them.

[klaude]

It was fully my newbie-like mistake about js array sort function... 

Thank you @sable

 

[Guest]

I was testing on Edge and this is probably why I did not get the same effect
Thanks a lot @sable for the fix!