仓库: 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