THREE 下另类的 HDR 压缩方法

2021-01-31 20:35:03 +08:00
 deepkolos

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

1060 次点击
所在节点    分享发现
0 条回复

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/750066

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX