Differences between gltf model display in iOS and Android (AR)

google / model-viewer

Easily display interactive 3D models on the web and in AR!

https://modelviewer.dev

Apache License 2.0

6.96k stars 820 forks source link

Differences between gltf model display in iOS and Android (AR) #4188

Closed goout closed 1 year ago

goout commented 1 year ago

Description

So, for some development purposes, we use scaleX -1 approach on a group that wraps our model (a little difficult hierarchy with animations and ect.) for flipping the model horizontally. And everything works perfectly on Android, but on iOS it seems like faces are flipped in AR. But viewing in Safari is ok.

photo_2023-03-31_15-40-18

photo_2023-03-31_15-33-03

Live Demo

charming-toothpaste.surge.sh

Version

model-viewer: v1.12.0

OS

[x] iOS 16.3

AR

[x] WebXR
[x] QuickLook

elalish commented 1 year ago

Okay, so the difference is iOS AR only supports USDZ, while all other rendering uses the GLB, so this is a problem of our auto-conversion to USDZ via the three.js USDZExporter (FYI @mrdoob). Meanwhile, you can work around any USDZ auto-conversion problem by doing the conversion yourself with Apple's tools and setting it as our ios-src.