threejs镜头拉远模型贴图出现摩尔纹,纹理贴图闪烁异常解决办法

当threejs加载模型时,会遇到有些模型的贴图有密集网格形状,当有密集四方格类,或者其他形状密集条纹类的贴图时,就会出现摩尔纹。

消除摩尔纹的三维思路:设置贴图纹理的 mipmap

threejs Texture中的像素显示属性:magFilter,minFilter
在这里插入图片描述
解决办法:threejs里加载模型找到material.map,设置map 的magFilter,minFilter属性

map.magFilter = THREE.LinearFilter
map.minFilter  = THREE.LinearMipMapLinearFilter 

效果对比图:
处理之前:
在这里插入图片描述
处理之后:
在这里插入图片描述

Logo

技术共进,成长同行——讯飞AI开发者社区

更多推荐