仓库: https://github.com/deepkolos/hdr-prefilter-texture
DEMO: https://deepkolos.github.io/hdr-prefilter-texture/index.html
输入大小为 5.3MB 的http://www.yanhuangxueyuan.com/threejs/examples/textures/equirectangular/venice_sunset_2k.hdr
环境 | REGBLoader 耗时 | PMREMGenerator 耗时 | 总耗时 |
---|---|---|---|
模拟器 | 144ms | 17ms | 161ms |
小米 8 | 509ms | 55ms | 564ms |
注:RGBELoader 主要是加载网络耗时
// HDR 原本加载路径
RGBELoader -> PMREMGenerator -> 设置 scene.environment
// 优化后的路径
TextureLoader -> 设置 texture 属性 -> 设置 scene.environment
而PMREMGenerator
产物导出后的 PNG 只有1046.863kb,体积减少了4415.182kb
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.