Rotação

Além de mover o plano, você também pode rotacioná-lo com a função rotate(). Essa função recebe um argumento, que é o número de graus que você quer rotacionar.

Na versão de ProcessingJS que usamos na Khan Academy, todas as funções que estão relacionadas à rotação medem, por padrão, os ângulos em graus, mas elas também podem ser configuradas para medir os ângulos em radianos, a unidade padrão para medida angular. Se você quiser usar radianos, você pode fazer angleMode = "radians"; no início do seu programa.

Quando falamos sobre ângulos em graus, dizemos que um círculo completo tem 360°. Quando falamos sobre ângulos em radianos, dizemos que um círculo completo tem 2π radianos. Aqui, temos um diagrama que lembra dos graus e radianos em um círculo:

Quer revisar ou aprender medidas de ângulos? Você pode olhar nosso "ângulos básicos e medidas" aqui na Khan Academy.

Vamos tentar algo mais simples: rotacionar um quadrado por 45 graus:

Ei, o que aconteceu? Como o quadrado se moveu e foi cortado? A resposta é: o quadrado não se moveu. O plano foi rotacionado. Aqui está o que realmente aconteceu. Como você pode ver, no sistema de coordenadas rotacionado, o quadrado ainda tem seu canto superior esquerdo em (40, 40).

A maneira correta de rotacionar o quadrado é:

Temos aqui o programa de rotação do quadrado, feito de forma correta. Notice the difference in the code: this program does translate(40, 40); and then rect(**0, 0,** 40, 40); in place of just rect(**40, 40,** 40, 40);.

Esse artigo é ma adaptação de Transformações 2D, de J David Eisenberg, usado sob uma licença Creative Commons Attribution-NonCommercial-ShareAlike.