如何从 WebGL 中交替丢弃 10*10 像素

Question

我用webgl画了一个正方形。我想制作方形格子板。所以我需要做的是我需要从正方形中交替丢弃一些 10*10 像素。如何使用

gl_FragCoord.x and gl_FragCoord.x

实现这个？或者有什么简单的想法吗？

Answer 1

警告：未经测试。

您可以在片段着色器上进行数学运算来创建棋盘图案。首先用 10 对 x 和 y 进行整数除法，得到图块坐标，我们称它为 i 和 j。然后将 i 和 j 加在一起。如果结果是奇数，则丢弃碎片，否则如果是偶数，则保留碎片。