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

ShawnWeasley

于 2022-03-31 09:34:25 发布

阅读量1.5k

点赞数 1

CC 4.0 BY-SA版权

文章标签： java 人工智能机器学习神经网络深度学习

本文链接：https://blog.youkuaiyun.com/eevee_1/article/details/124009164

最近在测试移动端适配性的时候发现模型的贴图有时候会变成纯黑色，每次刷新变黑的部分还会随机不一样，而且首次加载一般没问题，关掉网页再次加载的时候极高概率触发。
搜了一下发现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张)，可能还是会出现此类问题。