01 片元与数据

颜色，就是四个数

调 RGB 混出颜色；降低 A，看前景怎样与背后的棋盘混合。

R · 红0.96

G · 绿0.43

B · 蓝0.30

A · 不透明度1.00

习题调参数0%

调出这块天空蓝

每个像素运行一次拖动数字，或直接改代码

void main() {
  vec3 color = vec3(0.960, 0.430, 0.300);
  gl_FragColor = vec4(color, 1.000);
}

void main() {
  vec3 color = vec3(0.960, 0.430, 0.300);
  gl_FragColor = vec4(color, 1.000);
}

JS 这一侧

vec3 本身只是三个数，这里当作 RGB；第四个数 A 只有在开启混合时才表示透明度。

试一试