Referencia rotate()

rotate()

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

angle
Number:

el ángulo de rotación, especificado en radianes o grados, dependiendo del ángulo angleMode

axis
p5.Vector|Number[]:

(en 3D) el eje alrededor del cual rotar

Notice any errors or typos? Please let us know. Please feel free to edit src/core/transform.js and open a pull request!

Referencias Relacionadas