顶点着色器如何将颜色信息传递给片段着色器？

Question

在一个简单的hello world OpenGL程序中，它只是在窗口上绘制一个静态三角形，当我将三角形的3个顶点设置为红色、绿色和蓝色时，三角形将填充渐变。

但是当我使用这样的着色器时：

顶点着色器：

attribute vec4 aVertex;
attribute vec4 aColor;

varying vec4 vColor;

void main(void) {
    gl_Position = gl_ModelViewMatrix * gl_ProjectionMatrix * aVertex;
    vColor = aColor;
}

其中属性aVertex和aColor来自顶点缓冲区，通过glVertexAttribPointer的调用传递。

片段着色器：

varying vec4 vColor;
void main(void) {
    gl_FragColor = vColor;
}

三角形仍然充满了梯度，问题来了：

如果顶点着色器是按顶点计算的，则应为vColor的每个实例指定顶点的颜色。顶点颜色应为红色、绿色或蓝色，如顶点缓冲区中设置的。

那么渐变是从哪里来的呢？

在frag代码中，当它变成另一个的顶点时，它会变成另一个吗？

Answer 1

渐变来自顶点颜色之间的插值，该插值发生在变化的片段着色器中。如果不想插值，请在变量开头使用“flat”关键字。你的误解可能源于缺乏关于顶点和碎片阶段如何工作的知识。它们的工作方式不同。顶点着色器是逐顶点调用的，而片段是逐像素调用的。默认情况下，插值会发生，因为需要覆盖在基本体部件定义的区域上的光栅化阶段生成的碎片。正如我所说，你可以通过“平坦”来禁用插值。在这种情况下，第一个顶点属性的颜色将定义形状的整体颜色。

Answer 2

片段着色器中的“变化”变量的结果是在顶点着色器阶段（基于顶点之间片段的相对位置）给定的值之间进行线性插值。

也就是说，当光栅化器在像素处吐出一个片段时，其位置也会在重心坐标中相对于三角形顶点给出。然后使用这些坐标对顶点着色器中的所有变量进行插值。在大多数情况下，这就是你想要的，而现在不插值所获得的速度是微不足道的。

使用关键字“flat”将禁用插值，而是使用第一个顶点的值（我不能100%确定“flat”是否适用于variable，因为我已切换到在较新版本的GLSL中使用in/out关键字）。

另一方面，我发现如果片段需要来自每个顶点的一些值，这一点特别有用。在本例中，我在几何体着色器中使用了平铺myVertexValue[3]（例如这里）。