레퍼런스 rotate()

rotate()

좌표계를 회전시킵니다.

기본적으로 x축의 양의 방향은 오른쪽이고, y축의 양의 방향은 아래쪽입니다. rotate() 함수는 좌표계를 원점을 중심으로 회전하여 방향을 변경합니다. rotate()를 호출한 이후에 그려지는 모든 것은 회전한 것처럼 보입니다.

첫 번째 매개변수인 angle은 회전량입니다. 예를 들어, rotate(1)을 호출하면 시계 방향으로 1 라디안(radian), 즉 약 57˚ 만큼 좌표계가 회전합니다. rotate()는 각도 값을 현재의 angleMode()를 기준으로 해석합니다.

두 번째 매개변수인 axis는 선택적입니다. WebGL 모드에서 3D 회전을 지정하는 데 사용됩니다. rotate(QUARTER_PI, myVector)와 같이 p5.Vector를 전달하면, 좌표계는 myVector를 중심으로 QUARTER_PI 라디안만큼 회전합니다. rotate(QUARTER_PI, [1, 0, 0])와 같이 벡터 구성 요소의 배열을 전달하면, 좌표계는 구성 요소가 [1, 0, 0]인 벡터를 기준으로 QUARTER_PI 라디안만큼 회전합니다.

기본적으로 변환은 누적됩니다. 예를 들어, rotate(1)을 두 번 호출하는 것은 rotate(2)를 한 번 호출하는 것과 같은 효과가 있습니다. push()pop() 함수를 사용하여 서로 다른 그룹 내에서 변환을 분리할 수 있습니다.

참고: 변환은 draw 루프의 시작 시점에서 재설정됩니다. draw() 함수 내에서 rotate(1)을 호출해도 도형이 계속해서 회전하지 않습니다.

예제

구문

rotate(angle, [axis])

매개변수

angle

현재 각도 단위에 따라 라디안 또는 도 단위로 지정된 회전 각도.

axis

(3D에서) 회전축.

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

관련 레퍼런스