pixel-shader - 在对纹理进行采样时在 GLSL 中使用 floor() 函数会留下故障

Question

这是我遇到的问题的 shadertoy 示例:

https://www.shadertoy.com/view/4dVGzW

我通过从 floor-ed 纹理坐标采样来采样纹理:

#define GRID_SIZE 20.0

void mainImage( out vec4 fragColor, in vec2 fragCoord )
{
    vec2 uv = fragCoord.xy / iResolution.xy;

    // Sample texture at integral positions
    vec2 texUV = floor(uv * GRID_SIZE) / GRID_SIZE;

    fragColor = texture2D(iChannel0, texUV).rgba;
}

我看到的错误是在网格方 block 之间绘制了 1-2 条像素线有时。

请注意，我们不仅在 web 上使用 GLSL ES，而且在 Unity 中使用 HLSL 都看到了这个问题。

floor() 和我不明白的浮点运算有什么关系吗？!我不仅想知道如何修复它，还想知道为什么它会发生？

Answer 1

事实证明，这些网格线使用了来自纹理的低细节 mipmap。将纹理上的过滤器设置更改为“最近”或“线性”过滤而不是“mipmap”修复了它。

也可以使用第三个“偏置”参数调用 texture2D，该参数修改它将使用的 mipmap 级别。

感谢shadertoy的评论者回答问题!

(不确定如何在没有偏差的情况下为自定义着色器实际选择 mipmap 级别，如果有人知道的话会很感兴趣!)