Compatibility of external .glb models (e.g. from MeshyAI) on mobile devices in 8th Wall

🧑‍💻 Technical Support
,
1

Hi 8th Wall Support Team,

I’m currently building a webAR project using 8th Wall, which allows users to upload images, send them to MeshyAI to generate .glb models, and display those models in the scene dynamically.

Everything works perfectly in the Simulator and desktop browsers — the generated .glb files load correctly via <a-entity gltf-model="...">.

However, when I run the same project on mobile (especially iPhone or Android Chrome), the .glb model fails to render, although there are no errors in the console. The file is accessible via URL, and downloads correctly if opened in a separate tab.

Question:
Does 8th Wall currently support displaying externally hosted .glb models (e.g. generated from MeshyAI, served via ngrok or Cloudflare Tunnel) on mobile devices?
Are there any specific requirements for mobile rendering (CORS headers, file server config, MIME types, content length, etc.)?

Any insights or suggestions would be much appreciated!

Best regards,
Niko (Developer & Research Assistant)
:link: Example GLB URL: https://niko.ngrok.app/static/models/019661c3-3d73-74c3-b325-b474c870905a.glb

Screenshot 2025-04-23 164348
Screenshot 2025-04-23 164348598×1072 79.8 KB

Phone1
Phone11179×2556 96.4 KB

2

Do you know if the created models use 4k textures? I have had that be an issue before. It renders fine on the desktop but breaks on phone. WebGL on mobile can’t render over 2k textures. I would make sure you are keeping the file sizes down as much as possible.

1 Like
3

I would also recommend taking a look at our guide here:

1 Like
4

Thanks for your suggestion.

5

Thanks for your kind help.

6

Dear Bulter, I can load the 3D model in simulator now, but can’t load the model in the Phone. The 8th Wall console do not show error either, so I am curios about that.

7

Can you land your changes and share your project with the support workspace, so I can take a look?