OpenGL 2D视差滚动纹理出现撕裂/接缝问题求助

看起来你这个用单四边形+纹理图集做视差滚动的思路很巧妙，但循环点出现的接缝（比如墙体撕裂露出后方图层）确实是这类分层采样方案的常见坑点。我来帮你拆解下问题根源，再给出具体的解决办法：

问题核心原因 #

你当前的算法是逐层偏移采样纹理，直到找到非透明像素，但接缝出现的关键在于：

• 纹理坐标循环时的浮点精度误差，导致采样到了纹理图集的间隙或者相邻图层的透明像素
• 当偏移后的坐标刚好落在纹理边缘时，透明检测逻辑没有处理循环边界的极端情况，直接跳过到下一层，露出了后方内容

具体解决步骤 #

1. 修正纹理坐标的循环采样逻辑 #

直接使用fract()处理循环坐标时，很容易因为浮点精度问题踩在纹理图集的边缘。给坐标加一个微小的偏移，同时确保不会负向溢出，能有效避免采样到无效区域：

// 计算某一层的纹理坐标，加入边缘偏移避免采样错误
vec2 getLayerTexCoord(vec2 baseTexCoord, float layerOffset) {
    vec2 offsetTexCoord = baseTexCoord + vec2(layerOffset, 0.0);
    // 加入微小偏移，避开图集边缘的透明间隙
    offsetTexCoord = fract(offsetTexCoord) - vec2(0.001, 0.0);
    // 确保坐标不会小于0，防止反向溢出
    offsetTexCoord = max(offsetTexCoord, vec2(0.0));
    return offsetTexCoord;
}

2. 优化透明检测的终止逻辑 #

当前逻辑如果遇到某一层偏移位置全透明，会一直采样到下一层，导致露出后方内容。增加最大采样层数限制，同时判断偏移是否循环一周后终止，能避免这种情况：

// 采样视差图层，返回第一个非透明像素颜色
vec4 sampleParallaxLayer(sampler2D atlas, vec2 baseTexCoord, float layerStep, int maxLayers) {
    vec4 finalColor = vec4(0.0);
    float currentOffset = 0.0;
    
    for(int i = 0; i < maxLayers; i++) {
        vec2 texCoord = getLayerTexCoord(baseTexCoord, currentOffset);
        vec4 color = texture(atlas, texCoord);
        
        // 用阈值判断实色，避免半透明边缘被误判为透明
        if(color.a > 0.5) {
            finalColor = color;
            break;
        }
        
        currentOffset += layerStep;
        // 偏移循环一周后终止，防止无限循环或过度采样
        if(currentOffset >= 1.0) {
            break;
        }
    }
    
    return finalColor;
}

3. 预处理纹理图集边缘 #

在制作纹理图集时，给每层视差纹理添加1像素的重复边缘（把纹理的边缘像素复制到图集间隙侧）。这样即使采样到边缘，纹理过滤（比如线性过滤）也会采样到纹理本身的像素，而不是透明的图集间隙，从根源减少接缝出现的可能。

4. 调整OpenGL纹理参数 #

把纹理的环绕模式和过滤模式调整为适配循环采样的设置：

// 设置S轴（水平）为重复环绕，适配视差滚动的循环逻辑
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_REPEAT);
// 如果不需要平滑过滤，用GL_NEAREST避免边缘模糊；需要的话用GL_LINEAR配合边缘预处理
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_NEAREST);
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_NEAREST);

总结 #

通过调整纹理坐标采样的边缘处理、优化透明检测的终止条件、预处理纹理图集边缘这几个步骤，应该能完美解决你遇到的循环接缝问题。

内容的提问来源于stack exchange，提问作者synchronizer