javascript - 为什么iOS上three.js的glTFLoader不显示Monster模型？

Question

-规范-

三个.js 版本:r84(现在)

设备:iPad Air2

iOS版本:10.0.2

浏览器:Chrome、Safari

-glTFLoader-

网址:https://threejs.org/examples/#webgl_loader_gltf

怪物 -> 未显示

其他 -> 显示

我为什么要问这个问题？

我的自制模型也有同样的问题。我的模型是通过以下过程导出的。

1. 通过 MODO 进行建模、UV、蒙皮和动画
2. MODO导出的Collada
3. 通过 COLLADA2GLTF 工具从 Collada 转换成 glTF

我的模型在 Windows 和 macOS 上显示，但在 iOS 上不显示。所以，我的情况与示例相同。

是否有显示规则？

附言

我没有新的 Android 设备。我不检查 Android...

Answer 1

原因是骨骼的最大数量。

如果我们使用的骨骼数量超过操作系统支持的数量，WebGL 渲染器会输出“太多制服”错误。

我听说 iOS(10.x？)支持 22 根骨骼(Phong 着色)或 22 根骨骼(Lambert 着色)。

这个问题已经在github上列出了。

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

一个简单的解决方案是我们使用少于 22 根骨头。

嗯...对于人体模型等来说这是一个小数字。

谢谢 Marco13 和大家。

注意:

Monster 模型有 32 block 骨头。 (我自制的模型有 52 根骨头(!)。)

我能够学习如何使用 iOS safari + macOS safari 进行调试。

以下是Monster模型的日志