Rota el sistema de coordenadas.
De forma predeterminada, el eje x positivo apunta hacia la derecha y el eje y positivo apunta hacia abajo. La función rotate()
cambia esta orientación rotando el sistema de coordenadas alrededor del origen. Todo lo dibujado después de llamar a rotate()
aparecerá rotado.
El primer parámetro, angle
, es la cantidad a rotar. Por ejemplo, llamar a rotate(1)
rota el sistema de coordenadas en sentido horario 1 radián que es casi 57˚. rotate()
interpreta los valores de ángulo usando el angleMode() actual.
El segundo parámetro, axis
, es opcional. Se utiliza para orientar rotaciones en 3D en modo WebGL. Si se pasa un p5.Vector, como en rotate(QUARTER_PI, miVector)
, entonces el sistema de coordenadas se rotará QUARTER_PI
radianes alrededor de myVector
. Si se pasa un arreglo de componentes de vector, como en rotate(QUARTER_PI, [1, 0, 0])
, entonces el sistema de coordenadas se rotará QUARTER_PI
radianes alrededor de un vector con los componentes [1, 0, 0]
.
De forma predeterminada, las transformaciones se acumulan. Por ejemplo, llamar a rotate(1)
dos veces tiene el mismo efecto que llamar a rotate(2)
una vez. 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 a rotate(1)
dentro de la función draw() no hará que las formas giren.
Ejemplos
Sintaxis
rotate(angle, [axis])
Parámetros
el ángulo de rotación, especificado en radianes o grados, dependiendo del ángulo angleMode
(en 3D) el eje alrededor del cual rotar