出现在纹理平面上的灰线

Question

我对 three.js 还很陌生。我一直在通过操纵平面的顶点来构建粗糙的地形对象。我还将其 UV 映射到方形纹理图集。

我遇到了一个问题，我的灰线在一个方向上穿过飞机。我之前看到过类似的问题，有人提到这是 CanvasRenderer 的问题，而 overdraw: true 是适当的修复。我正在使用 WebGL 渲染器（我尝试了overdraw: true，但没有任何效果）。

当我切断紫外线操作时，线条消失了。下面是我用来操作 UV 的代码，其中 biomeTerrains[biome][#] 返回 Vector2 值。

for (var y = 0;y < rowLength-1;y++) {
    for (var x = 0;x < rowLength-1;x++) {
        var i = (x + (y * (rowLength-1))) * 2;
        var biome = chunk.cells[x+','+y].biome;
        geometry.faceVertexUvs[0][i] = [biomeTerrains[biome][0],biomeTerrains[biome][1],biomeTerrains[biome][3]];
        geometry.faceVertexUvs[0][i+1] = [biomeTerrains[biome][1],biomeTerrains[biome][2],biomeTerrains[biome][3]];
    }
}

这是生成的灰线的屏幕截图：http://i.imgur.com/r0BGKpT.png

如果有任何关于处理此问题的想法或建议，我将不胜感激。

Answer 1

我睡在上面，淋浴时我得到了解释。这不是人为问题，问题是我的 UV 坐标超出了它们的预期空间，所以这些线条是图集中下一个纹理溢出的结果。我通过将 UV 挤压少量任意量来测试这个理论，然后线条消失了。不幸的是，这不是一个理想的解决方案，但我应该能够根据这些知识找出更准确的东西。