首页 > 代码库 > threejs立方体贴图产生边缘锯齿问题
threejs立方体贴图产生边缘锯齿问题
threejs立方体贴图产生边缘锯齿问题
立方体贴图边缘锯齿
解决后
经过试验测试发现,
textureGrass.wrapS和 textureGrass.wrapT属性导致的。
解决方法1：
删掉textureGrass.wrapS和 textureGrass.wrap
var textureGrass = new THREE.ImageUtils.loadTexture(src); // 此属性会产生抗锯齿 // 写法1：删除即可 /*textureGrass.wrapS = THREE.RepeatWrapping; textureGrass.wrapT = THREE.RepeatWrapping;*/ // 写法2：不设置属性值，等效写法1 textureGrass.wrapS; textureGrass.wrapT; textureGrass.repeat.set(1, 1); //贴图x,y平铺数量
解决方法2：
属性值设置为1001
var textureGrass = new THREE.ImageUtils.loadTexture(src); // 此属性会产生抗锯齿, 属性值设置为1001即可 textureGrass.wrapS = 1001; textureGrass.wrapT = 1001; textureGrass.repeat.set(1, 1); //贴图x,y平铺数量
*：THREE.WebGLRenderer83版本实验
threejs立方体贴图产生边缘锯齿问题
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。