threejs 环境贴图模糊解决办法

threejs yekong

最近在学习hdr环境贴图渲染,但是渲染出来后的环境贴图模糊,边缘有像素块,看起来很不舒服,即便开启了antialias: true锯齿处理,仍然模糊,经过排查后发现不同的three版本渲染出来的效果是不一样的,低版本的threejs渲染出来的贴图有像素块。高版本的就没有像素块。

123版本

在123版本下相同的配置,环境贴图会有像素块。

"three": "^0.123.0",

threejs123版本环境贴图

137版本

在137版本下相同的配置,环境贴图没有像素块。

"three": "^0.137.5",

137版本

所以在项目开发过程中,在保证兼容的前提下,尽可能选择高一点的版本。

喜欢