如何替换Texture2D偏移后产生的空缺像素为指定颜色或透明？

Hey there! That "cheese pull" stretching you're seeing happens because when you offset your texture coordinates beyond the 0.0-1.0 range, the default texture wrapping mode (usually GL_CLAMP_TO_EDGE) locks onto the nearest edge pixel and repeats it. Let's fix this with two straightforward solutions, depending on your needs:

Solution 1: Shader-Level Coordinate Check (Flexible Per-Sample Control) #

If you want to dynamically replace out-of-bounds pixels with a custom color or transparency directly in your fragment shader, use this approach. It avoids relying on CPU-side texture settings and lets you tweak the fallback color on the fly.

Basic Conditional Version (Easy to Read) #

highp vec2 toprightcoord = textureCoordinate + 0.25;
highp vec4 tr;

// Check if the coordinate is within the valid 0.0-1.0 texture range
bool isWithinBounds = (toprightcoord.x >= 0.0 && toprightcoord.x <= 1.0 && 
                       toprightcoord.y >= 0.0 && toprightcoord.y <= 1.0);

if (isWithinBounds) {
    tr = texture2D(inputImageTexture, toprightcoord);
} else {
    // Replace with your desired color: here's transparent black as an example
    tr = vec4(0.0, 0.0, 0.0, 0.0);
    // Or use an opaque color like red: vec4(1.0, 0.0, 0.0, 1.0)
}

Branchless Version (GPU-Friendly) #

GPUs perform better without conditional branches. Use step() and mix() to achieve the same result efficiently:

highp vec2 toprightcoord = textureCoordinate + 0.25;

// Create a mask where 1.0 means the coordinate is in bounds, 0.0 otherwise
highp vec2 inBoundsMask = step(vec2(0.0), toprightcoord) * step(toprightcoord, vec2(1.0));
float isValidSample = inBoundsMask.x * inBoundsMask.y;

highp vec4 textureColor = texture2D(inputImageTexture, toprightcoord);
highp vec4 fallbackColor = vec4(0.0, 0.0, 0.0, 0.0); // Transparent

// Mix the fallback and texture color based on the validity mask
highp vec4 tr = mix(fallbackColor, textureColor, isValidSample);

Solution 2: CPU-Side Texture Wrapping Setup (Global Border Color) #

If you want all out-of-bounds texture samples to use a consistent border color across your entire texture, adjust the texture's wrapping parameters on the CPU (this example uses OpenGL, but similar logic applies to other graphics APIs):

// Set texture wrapping to clamp to a border instead of edge pixels
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_CLAMP_TO_BORDER);
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_CLAMP_TO_BORDER);

// Define your border color (RGBA, values 0.0-1.0)
float borderColor[] = {0.0f, 0.0f, 0.0f, 0.0f}; // Transparent
// float borderColor[] = {1.0f, 0.0f, 0.0f, 1.0f}; // Opaque red

// Apply the border color to the texture
glTexParameterfv(GL_TEXTURE_2D, GL_TEXTURE_BORDER_COLOR, borderColor);

With this setup, you don't need any extra logic in your shader—out-of-bounds samples will automatically use your border color.

Which to Choose? #

• Use Solution 1 if you need per-sample control over the fallback color, or if you can't modify the texture's global wrapping settings.
• Use Solution 2 for a clean, global fix that keeps your shader code simple.

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