在ThreeJS中将网格拼接在一起会导致可见的接缝

Question

我正在尝试将一个球体与单个切片拼凑在一起。基本上，我有多个SphereGeoemtery切片，这些切片形成一个球体并用于投射全景图。切片用于延迟加载非常大的全景图。

在这些切片上使用默认的纹理环绕模式（THREE.ClampToEdgeWrapping），从远处看全景图看起来很好，但是如果放大它，则网格的边缘会很清楚地拉伸，从而导致可见的接缝。这是有道理的，因为它拉伸了边缘的最后一个像素。

我也尝试将包装模式更改为THREE.RepeatWrapping，但是，接缝变得完全可见：

所以我的问题是，将网格拼接在一起的最佳方法是什么？还是这不可避免？

我正在尝试将一个球体与单个切片拼凑在一起。基本上，我有多个SphereGeoemtery切片，这些切片形成一个球体并用于投射全景图。切片用于非常延迟加载...

Answer 1

在我的头顶上，您必须使每个纹理在每个方向上都包含一个边框行和边框列，这是其相邻元素的重复，然后适当调整UV坐标