Black Textures on iOS

[Aubi0ne]

Hello, I am having an issue with two gltf models on iOS showing black texture instead of the real ones. This only happens on the 3D viewport on iOS (safari and chrome) but it still displays well in ar. I have also tested on 3d viewport on pc and android as well as ar on android and it works fine. Any idea to fix it ?

iOS Safari

Android Chrome

Link to the model

[elalish]

Thanks, I can repro. Is there anything unusual about your model? It looks like the lighting is working, but just not the texture. Have you tried packing it as a GLB?

[ferb7nft]

@elalish Here is the reproducible error website: https://ipfs.io/ipfs/QmQhCfU4xq7siuR6owefi6QYQJtoZSuX28yvcKBvDJwx9E/

And here are the 3d files and index.html code:
resources.zip

[elalish]

Here you're supplying your own ios-src, so presumably the error is in whatever software created that. Does it open on a mac?

[ferb7nft]

The error is in the ios-src file! I just used only src glb, no iOS-src specified, and the model viewer converter successfully created a usdz for view on iOS and iPadOS with no black texture!

Strangely, the broken ios-src files open just fine on macOS Xcode and macOS Safari with proper textures. And the original usdz was downloaded from the nasa website and didn't work on iOS. Furthermore, I manually added the texture in Blender and Xcode to produce the usdz which also didn't work as an ios-src. So, what is best practice to produce working iOS-src files, so the website user doesn't need to wait for the glb conversion? @elalish

[elalish]

The GLB conversion is dramatically faster than downloading an extra USDZ file, so I'd recommend going the auto-conversion route. If you want the same code we use for auto-conversion, you can try https://threejs.org/editor/

[ferb7nft]

The GLB conversion is dramatically faster than downloading an extra USDZ file, so I'd recommend going the auto-conversion route. If you want the same code we use for auto-conversion, you can try https://threejs.org/editor/

Thank you so much! I will go the auto-convert route then