회전

격자판을 이동하는 것에 추가적으로 rotate() 함수를 이용해 회전할 수도 있습니다. 이 함수는 한 개의 인수를 받습니다. 회전하고 싶은 각도 단위의 수를 입력받습니다.

칸아카데미에서 사용하는 ProcessingJS의 버전에서 회전을 수행하는 모든 함수의 기본적인 각의 단위는 도입니다. 그러나 각의 표준 단위인 라디안으로 설정할 수도 있습니다. 라디안을 사용하고자 한다면 프로그램에 상단에 angleMode = "radians";이라고 설정하면 됩니다.

각을 도로 논의할 때 전체 원의 각은 360°입니다. 각을 라디안으로 노의할 때 전체 원의 각은 2π 라디안입니다. 다음 다이어그램은 원의 도와 라디안을 보여줍니다.

각의 측정에 대해 복습하거나 학습하고 싶나요? 칸아카데미 "각의 기초와 측정"에서 살펴볼 수 있습니다.

단순한 사각형을 45도 회전해 봅시다.

어떤 일이 일어났나요? 어째서 사각형이 움직이고 자렸을까요? 정답은 사각형이 움직이지 않았다는 것입니다. 격자판이 회전했습니다. 실제로 일어난 일은 다음과 같습니다. 보이는 것처럼, 회전되는 좌표 시스템 위에서 사각형의 왼쪽 상단 모서리의 위치는 여전히 (40, 40)입니다.

정사각형을 회전하는 올바른 방법은 다음과 같습니다.

다음은 올바른 방법으로 회전된 정사각형 프로그램입니다. 코드의 차이를 주의하기 바랍니다. 이 프로그램은 오직 rect(**40, 40,** 40, 40);을 수행하는 것이 아니며 translate(40, 40);을 한 후에 rect(**0, 0,** 40, 40);을 합니다.

본 내용은 제이 데이비드 아이젠버그(J David Eisenberg) 가 저술한 2D Transformations을 각색한 것이며, 본 내용물의 저작권은 Creative Commons Attribution-NonCommercial-ShareAlike 라이선스를 적용합니다.