Why Is Not Monster Model Displayed By GlTFLoader Of Three.js On IOS?

-Spec- three.js version : r84 (NOW) Device : iPad Air2 iOS version : 10.0.2 Browser : Chrome, Safari -glTFLoader- URL : https://threejs.org/examples/#webgl_loader_gltf Monster ->

Solution 1:

The cause is max number of bones.

If we use number of bones more than that are supported by OS, WebGL renderer outputs "too many uniforms" error.

I hear that iOS (10.x?) support 22 bones (Phong shading) or 22 bones (Lambert shading).

This issue has already been listed on github.

https://github.com/mrdoob/three.js/issues/7807

A simple solution is that we use less than 22 bones.

Hmm... It's a small number for human model and so on.

Thank you Marco13 and everyone.

note:

The Monster model has 32 bones. (my self-made model has 52 bones (!).)

I was able to learn how to debug with iOS safari + macOS safari.

The following is the log of the Monster model.