applyMatrix()

Aplica una matriz de transformación al sistema de coordenadas.

Transformaciones como translate(), rotate(), y scale() utilizan multiplicación de matriz-vector detrás de escena. Una tabla de números, llamada matriz, codifica cada transformación. Los valores en la matriz luego multiplican cada punto en el lienzo, que está representado por un vector.

applyMatrix() permite aplicar muchas transformaciones a la vez. Consulta Wikipedia y MDN para obtener más detalles sobre transformaciones.

Hay dos formas de llamar a applyMatrix() en dos y tres dimensiones.

En el modo 2D, los parámetros a, b, c, d, e, y f, corresponden a elementos en la siguiente matriz de transformación:

Los números se pueden pasar individualmente, como en applyMatrix(2, 0, 0, 0, 2, 0). También se pueden pasar en un arreglo, como en applyMatrix([2, 0, 0, 0, 2, 0]).

En el modo 3D, los parámetros a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, y p corresponden a elementos en la siguiente matriz de transformación:

Los números se pueden pasar individualmente, como en applyMatrix(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1). También se pueden pasar en un arreglo, como en applyMatrix([2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1]).

Por defecto, las transformaciones se acumulan. Las funciones push() y pop() se pueden usar para aislar transformaciones dentro de grupos de dibujo distintos.

Nota: Las transformaciones se restablecen al principio del bucle de dibujo. Llamar applyMatrix() dentro de la función draw() no causará que las formas se transformen continuamente.