Models with KTX2 textures upon deployment to mobile and AR not loaded and shown in mobile (received blank screen)

[destintaionrahul]

Description

Model Viewer editor - https://modelviewer.dev/editor/ - Model with KTX2 textures(teektx2.glb) deployment to mobile and AR not working, same model with JPEG/PNG(tee.glb) deployed to mobile and viewed in own space correctly.

The model with KTX2 textures opens up correctly in model viewer but not deployed to mobile. The mobile deployment doesn't load the model in mobile.
Model Files:
Glb model files -tee & teektx2.zip

Steps to reproduce

Load the model with KTX2 textures in the model view editor, use deploy to mobile with "default to AR mode to screen viewer" unchecked for WebXR mode and checked for Screen viewer mode; both are not working.
The model doesn't load in mobile.

Also, check the model with Jpeg/PNG texture(tee.glb) loaded successfully to mobile and viewed in space correctly.

Expected Behaviour

The model with KTX2 textures should work exactly as the model with Jpeg/PNG textures and should be deployed and loaded in mobile and viewed in space correctly.

teektx2.glb -Not being deployed to mobile, model not loaded

Model in Desktop browser

Deploy to mobile

Mobile doesn't load the model with KTX2 textures.

tee.glb - Deployed correctly to mobile AR working

Model in Desktop browser

Deploy to mobile

Model loaded in mobile

Model in own space

WebXR

ScreenViewer

Version

• model-viewer: v2.0.2

Browser Affected

• Chrome,Version 106.0.5249.126
• Edge
• Firefox
• IE
• Safari

OS

• Android 11
• iOS
• Linux
• MacOS
• Windows

AR

• WebXR
• SceneViewer
• QuickLook

[elalish]

Ah yes, I can repro, thanks. So, the problem is the three.js GLTFExporter is failing because of a bug exporting KTX2 textures. The good news is they'll load everywhere, the bad news is it'll take a while to fix our deployment (and I would bet saving the scene from our editor is also broken for these files).

[jontojek]

I am seeing this behavior also, when my glb model has jpeg textures it loads and displays AR on iPhone through ModelViewer with no problem. After using Gestaltor to convert my glb model to have ktx2 textures, it still displays nicely in ModelViewer, but the AR feature does not work, or give errors, or do anything on the mobile phone, just blank.

[elalish]

This was fixed some time ago by a three.js update we pulled in - I just verified it's working.