01 Fragmentos y datos

mix: entre dos valores

Lleva la cantidad de 0 a 1 y observa los colores entre ambos extremos.

Cantidad t0.50

EjercicioAjustar valores0%

Deja el color en un 80 % de menta

Se ejecuta una vez por píxelArrastra los números o edita el código

void main() {
  vec3 a = vec3(0.96, 0.43, 0.30);
  vec3 b = vec3(0.48, 0.83, 0.69);
  vec3 color = mix(a, b, 0.500);
  gl_FragColor = vec4(color, 1.0);
}

void main() {
  vec3 a = vec3(0.96, 0.43, 0.30);
  vec3 b = vec3(0.48, 0.83, 0.69);
  vec3 color = mix(a, b, 0.500);
  gl_FragColor = vec4(color, 1.0);
}

Lado JS

mix(a, b, t) = a×(1−t) + b×t. t = 0 da a; t = 1 da b.

Pruébalo

Pon t en 0.5: justo a la mitad
En el código, cambia t por vUv.x para obtener un degradado