Three.js 在iPhone手机上部分贴图黑色问题

最近在测试移动端适配性的时候发现模型的贴图有时候会变成纯黑色,每次刷新变黑的部分还会随机不一样,而且首次加载一般没问题,关掉网页再次加载的时候极高概率触发。
搜了一下发现Three.js官方也知道这个问题,问题的起因是:ios15.x系统中更新了贴图机制,导致贴图无法加载,three.js官方给出的结论是这是ios本身的bug,可以通过如下方式改善这个问题:

            //修复部分纹理随机黑色问题
            const IS_IOS =
                /^(iPad|iPhone|iPod)/.test(window.navigator.platform) ||
                (/^Mac/.test(window.navigator.platform) && window.navigator.maxTouchPoints > 1);
            if (IS_IOS) {
                window.createImageBitmap = undefined;
            }

原理是在ios上关闭bitmap,测试后确实好了,但官方也给出了限制:如果贴图过多(超过20张),可能还是会出现此类问题。

你可能感兴趣的:(Three.js 在iPhone手机上部分贴图黑色问题)