glsl - 在片段着色器中绘制矩形

Question

我想知道是否有可能在片段着色器中绘制矩形而不使用任何if。我试过这个:

void main(void)
{ 

    vec2 resolution = vec2( 300.0, 300.0 );
    vec2 center = resolution / 2.0;
    vec2 position = ( gl_FragCoord.xy - center ) / resolution;

    if ( ( abs(position.x) < 0.5 ) && ( abs(position.y) < 0.5 ) )
        gl_FragColor = vec4( 0.0, 0.0, 1.0, 1.0 );
}

当我测试像素是否在矩形中时，我必须执行 if 测试。 我认为有一个解决方案，不要有“如果”，如果你能帮助我？

Answer 1

我不确定你想做什么，但这里有一个想法？

precision mediump float;

uniform float time;
uniform vec2 mouse; 
uniform vec2 resolution;

void main( void ) {

    vec2 position = ( gl_FragCoord.xy / resolution.xy ) + mouse / 4.0;

                   // x1  y1   x2   y2
    vec4 rect = vec4(0.2, 0.3, 0.4, 0.5);
    vec2 hv = step(rect.xy, position) * step(position, rect.zw);
    float onOff = hv.x * hv.y;

    gl_FragColor = mix(vec4(0,0,0,0), vec4(1,0,0,0), onOff);
}

Here's a working version