如何在将纹理平铺到网格时去除平铺轮廓?

时间:2013-07-19 20:53:56

标签: javascript three.js webgl

我正在创建一个球体并将图像附加到球体的每个面上。在我的代码中,我有12个部分,6个部分高。我设法通过将包裹设置为重复并设置重复大小来平铺纹理,如下所示:

var texture = new THREE.ImageUtils.loadTexture( path );

texture.wrapS = texture.wrapT = THREE.RepeatWrapping;
texture.repeat.set( geo_width, geo_height );                

return new THREE.MeshBasicMaterial({ map: texture, side: THREE.BackSide, overdraw: true  });

它有效但现在我在每个纹理之间都有这些线条。有没有办法摆脱它们,还是有另外一种我应该使用的面砖技术?

Outlines on textures

1 个答案:

答案 0 :(得分:0)

线条是出现在几何体边缘的每个纹理贴图的相对边缘。这就是重复纹理的作用,这在这种情况下是不合适的。

您没有说明当您不使用重复时会发生什么,但听起来您需要做的是调整纹理坐标生成以使坐标为0 ... 1在每个瓷砖上而不是仅在整个球体的“第0个瓷砖”上。

我不知道Three.js所以我不能专门建议你的API,对不起。