Juega con las matemáticas: hacer el GIF animado y HTML5 (4 / 15 paso)

Paso 4: Conceptos básicos - tablero de ajedrez

Esto es bastante similar al paso anterior, pero esta vez, y también se considera.

Fórmula

 WIDTH = 200; RATIO = 1; X_MIN = 0; X_MAX = 10; Y_MIN = 0; Y_MAX = 10; color rgb(x, y) { float value = (int)x % 2 == (int)y % 2; // (a) float luma = value * 255; // (b) return color(luma); // (c) } 

Explicación

(a) en el paso anterior, hemos visto cómo determinar si x es uniforme o impar. Ahora hacemos lo mismo para x e yy comparar (el operador == ) si son igualmente pares o impares. El resultado es 0 o 1.

-Entonces, es exactamente como en el paso anterior: -

(b) multiplicamos el valor por 255 para obtener un número de luma de escala de grises (0 a 255). Porque valor es 0 o 1, luma será 0 o 255 aquí.

(c) devolver un color escala de grises, llamando a la función color() con sólo un parámetro.

Ejercicios

1. Hacer cuadrados más grandes.
2. Hacer cuadrados negros y rojos. Consejo: Utilice el color (luma, 0, 0).
3. Hacer cuadros rojo y blanco.