Bones demo not working correctly on iPad and iPhone

[TYBandara]

Hello experts,

I've selected babylon js to integrate a 3D human model to one of my mobile application developments. I'm using Ionic framework to write hybrid applications for iPad and android tablets. But when I integrated the 3D model in iPad, the animation was not working as expected.

In order to find the issue, I tested the Bones example in babylon js example list on browser and experienced that even that example doesn't work on the safari browser of the iPad and iPhone.

Here are some visual  outputs of what I tested.

Example on Mac, Chrome : Successfully working

Example on iPad, Safari : Issues in human 3D model

Example on iPad, Chome : Issues in human 3D model

Example on Android, Chrome : Successfully working 

In summary, the 3D human model has few issues in iPad. I've experienced same issues in iPhone too.

Can someone help me to understand what would be the problem and any fixes if this is an already known problem?

Thanks.

[RaananW]

I especially like the floating head...

Seems like a bug, but I sadly have no iOS device next to me to test it. Without really digging into it, it looks like some bon animations didn't even start, and some have a different range in the array. I do hope it is easily solvable.

Are there any console output that we can learn from? 

[GameMonetize]

iOS browsers are known to be the worse out there

you can try to turn off shader acceleration for bones by flagging the meshes with:

mesh.computeBonesUsingShaders = false