A gLTF model of a baseball park I’m using has 3 image textures. On desktop (macOS Chrome and Safari) the model loads correctly and the seats, grass, and dirt look correct. However, with iOS, the model doesn’t always look correct because one or more textures is black. Sometimes the dirt appears black…

Here’s a fork of Sid’s sandbox with the 2k textures: three.js/gltf stadium (forked) - CodeSandbox ( https://3s932.csb.app/ ). I did some testing on saucelabs as I don’t have access to an iphone with iOS 15 and I don’t see the bug using the lower res textures. Important to note that this shading fail…

Thanks @donmccurdy , that seems to help. We still see it happen occasionally when we load additional GLB models into the scene (ones that already used 2048x2048 textures), but we’ll do some digging independently now that the codesandbox seems to work better ( @aidenhjj and I are working together on th…

[image] sidsethupathi: Do you have any thoughts on why the shading issue happens only on iOS? It sounds like the device is running out of GPU memory or VRAM, and the last texture(s) to load are going dark. Memory on mobile devices can be very constrained, and even a few 4K textures may be too…

I having the same problem at a customer project, after updating to iOS/iPadOS 15. The web app runs perfectly fine on macOS and iOS/iPadOS 14. The problem of missing textures can get resolved by rebooting the device. But after a certain amount of time the textures are missing again. So it seems that…

Hm this sounds like something that may need to be reported to Apple (or Webkit) unfortunately. There were significant changes in the WebGL implementation with this most recent release.

Any follow up on this one? I am having the same or a similar issue using a 3d viewer wordpress plugin, that uses three.js I use some 3d models that have transparent png textures mapped on to them and exported them with blender v2.92.0 as glTF files. They all appear correct on windows, mac os, andr…

I’m having the same issue. My app works fine with any iOS(14 and below) and Android devices but only shows black on models and gets crashed in both Chrome and Safari on iOS15. I tested with smaller textures(decreased from 2k to 512) and it got back to work. So, I think it is an memory issue.

Update: I tried to use precision ‘lowp’ & ‘mediump’ but with no luck. Only smaller textures works for now.

Update2: I found an issue: Safari v15 (on desktop) -> threejs bug · Issue #22582 · mrdoob/three.js · GitHub . So I downgraded Three to v112.1, which made the black texture situation less frequent. It does help a few but cannot eliminate this issue completely in my case. By the way, I tried to downg…

Textures in gLTF sometimes display black, but only on iOS

Questions

donmccurdy October 5, 2021, 3:49am 2

Do you see the same issue with smaller textures? You can try this version with 2048x2048 textures:

Topic		Replies	Views
Missing textures on Safari iOS15 Questions bug	4	2402	October 6, 2021
glTF model is not loading in iOS & Android Questions gltf-loader	9	3934	November 18, 2020
A lot of memory with GLTF Questions gltf-loader , gltf	28	6543	December 8, 2020
Gltf file crash in iphone Questions gltf-loader , ios	7	2643	December 9, 2021
GLTF Model contains lots of Images as textures and is lagging. Any fix? Questions textures , performance , gltf-loader	8	2540	October 15, 2020

Textures in gLTF sometimes display black, but only on iOS

Related topics