记录一次解决-three.js在移动端加载obj文件无限刷新问题

954 阅读1分钟

近日接了个小需求,实现一个页面展示50M大小的obj模型。

确认需求,开搞:

  1. 引入three.js和相应loader
  2. 照着案例加载mtl和obj
  3. chrome运行,完美

然后当我自信满满用手机safari打开时, 总是在obj文件下载完成加载时崩溃自动刷新页面,无限反复。

沉着检查一番,没有解决。。。 换成threejs官网的案例obj发现又正常了。 OK,想着可能是obj文件太大了,一顿压缩,还是不行。

最后对比发现贴图文件像素8192,示例的才512。

图片工具给整成2048x2048,解决

估计是贴图文件太大,材质渲染时消耗内存过多导致页面崩溃。