WebGL计算机图形vec4?

时间:2016-03-10 20:14:09

标签: javascript webgl fragment-shader vertex-shader

我正在学习WebGL图形编程,最近出现了这段代码。

void main() { gl_FragColor = vec4(0.0, 1.0, 0.0, 1.0); }

这是什么意思?我听说这与渲染光有关,但我完全没有线索。

1 个答案:

答案 0 :(得分:3)

这是片段着色器。

片段着色器由GPU执行以渲染每个样本(通常是一个像素,但在使用多重采样进行抗锯齿处理时可能会发生变化)。

片段着色器有一个main()函数,它是着色器的起点。

在这里,您只是为gl_FragColor变量赋值。这是一个内置变量,它将决定样本的颜色(像素)。它是vec4(4分量向量)。 X是红色成分,Y是绿色,Z是蓝色。最后一个组件(w)是alpha。

所以这个简短的代码只是用绿色填充你的多边形。