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张),可能还是会出现此类问题。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容