webgl中的模版测试（Stencil Test）

遮挡用在哪些场景

在WebGL中，gl.STENCIL_TEST是一种模版测试（Stencil Test），它是一种基于模版缓冲区的技术，用于在绘制过程中进行更复杂的控制。模版测试允许你根据模版缓冲区中的值来决定是否允许绘制到屏幕上的特定像素。

常用的一些场景：

1. 剪裁掩码：你可以使用模版测试来定义一个掩码，仅绘制到模版缓冲区特定区域内的像素。这对于实现各种形状的剪裁非常有用。

2. 阴影体积：在阴影体积渲染中，你可以使用模版测试来确定哪些像素在阴影体积内，以便在渲染阴影时只考虑这些像素。

3. 光栅化技术：模版测试可以用于实现各种复杂的光栅化效果，例如细节纹理映射、反射和折射等。

4. 镜头遮挡：模版测试可以用于确定镜头遮挡效果，例如在FPS游戏中，当玩家的角色处于遮挡物后面时，遮挡物会遮挡玩家的视野。

5. 图像处理：模版测试可以用于实现各种图像处理效果，例如抠像、边缘检测等。

如何实现剪裁掩码

以下的demo实现的把一个满屏的绘制对象，通过裁剪掩码到一半的大小，如下图：所示

1、准备所需要的顶点和片元着色器