01 Fragments and data

A colour is just four numbers

Mix a colour with RGB; lower A and watch the foreground blend with the checkerboard behind it.

R · red0.96

G · green0.43

B · blue0.30

A · opacity1.00

ExerciseTune values0%

Match this sky blue

Runs once per pixelDrag numbers, or edit the code

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 side

A vec3 is just three numbers, used here as RGB; the fourth number, A, only means transparency when blending is on.

Try it