javascript - 将纹理平铺到网格时如何摆脱平铺轮廓？

Question

我正在创建一个球体并将图像附加到球体的每个面上。在我的代码中，我有 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  });

它可以工作，但现在我在每个纹理之间都有这些线。有没有办法摆脱它们，或者我应该使用另一种平铺技术？

Answer 1

线条是出现在几何体边缘的每个纹理图块的相对边缘。这就是重复纹理所做的，在这种情况下是不合适的。

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

我不知道 Three.js，所以我不能就它的 API 给你具体的建议，抱歉。