在片段着色器中丢失纹理定义

Question

我正在尝试使用片段着色器绘制参考网格，我发现纹理在缩小时会丢失其定义，正如您在此处看到的那样。有人知道为什么吗？放大后看起来不错。

四边形上的网格纹理

没有缩放的网格纹理

这里是代码：

#version 330 core
uniform int multiplicationFactor;
uniform lowp float threshold;
uniform vec4 gridColor;

in vec2 vUV;

void main() {
    // multiplicationFactor scales the number of stripes
    vec2 t = vUV * multiplicationFactor;

    // the threshold constant defines the with of the lines
    if (abs(t.x - round(t.x)) <= threshold  || abs(t.y - round(t.y)) < threshold )
        gl_FragColor = gridColor;    
    else
        discard;
}

Answer 1

您必须根据视口的大小计算到线的距离。

添加vec2 resolution 类型的统一变量，其中包含视口的宽度和高度，变量thresholdhast 包含以像素为单位的线条粗细（例如1.0）：

#version 330 core

uniform int        multiplicationFactor;
uniform lowp float threshold;   // line width in pixel
uniform vec4       gridColor;
uniform vec2       resolution;  // width and height of the viewport

in vec2 vUV;

void main()
{
    float m   = float(multiplicationFactor);
    vec2 t    = vUV * m;
    vec2 dist = abs(t - round(t)) / m; 
    vec2 th   = threshold / resolution;

    if (dist.x > th.x  && dist.y > th.y)
        discard;

    gl_FragColor = gridColor;    
}