shader基本图形绘制——棋盘格checkerboard

参见：基本图形——Checkerboard

代码如下：

//============================================================
// uv.x: [-1.0,1.0]
// uv.x*4.0: [-4.0, 4.0]
// 以4x4的棋盘格为例，从左到右，从下到上，依次编号0(0,0),1(1,0),...,4(0,1),...,15(3,3),
// 则0（0,0）格子中floor(uv.x * 4.0) + floor(uv.y * 4.0)=0，取模mod操作后为0，显示为vec3(1.0);
// 则1（1，0）和4（0,1）格子中floor(uv.x * 4.0) + floor(uv.y * 4.0)=1, 取模mod操作后为1， 显示为vec3(0.4);

vec3 Checkerboard(vec2 uv, int rows, int cols)
{
    return vec3(mod(floor(uv.x*float(cols))+floor(uv.y*float(rows)), 2.0)<1.0?1.0:0.4);
}

void mainImage( out vec4 fragColor, in vec2 fragCoord )
{
    vec2 uv = fragCoord.xy/iResolution.xy;
    vec3 color = Checkerboard(uv, 4,8);
    fragColor = vec4(color, 1.0);
}

显示效果如下：