为什么iOS上three.js的glTFLoader没有显示Monster模型? [英] Why is not Monster model displayed by glTFLoader of three.js on iOS?

问题描述

-规格-

three.js 版本:r84(现在)

设备:iPad Air2

iOS 版本:10.0.2

浏览器:Chrome、Safari

-glTFLoader-

网址:

-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 -> NOT displayed

The others -> displayed

Why do I ask this question?

I have same issue in my self-made model. My model is exported by the following process.

1. Modeling, UV, Skinning and Animation by MODO
2. Exported Collada by MODO
3. Converted glTF from Collada by COLLADA2GLTF tool

My model is displayed on Windows and macOS, but not displayed on iOS. So, I'm in the same situation as the example.

Is there a rule for displaying it?

PS

I don't have new Android device. I don't check on Android...

解决方案

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.

这篇关于为什么iOS上three.js的glTFLoader没有显示Monster模型?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！