[프로세싱 기초] 도형의 기준점, 상수 CENTER

도형의 기준점, 상수 CENTER

ellipseMode(CENTER)와 rectMode(CENTER)는 Processing에서 도형의 기준점을 설정하는 함수들입니다. 이 함수들은 ellipse() 함수로 원이나 타원을 그릴 때, 그리고 rect() 함수로 사각형을 그릴 때 도형의 위치를 어떻게 계산할지를 결정합니다.

1. ellipseMode(CENTER)

• 이 함수는 ellipse(x, y, width, height)에서 x와 y 좌표를 타원의 중심으로 설정합니다.
• 기본값은 CORNER로, 기본 모드에서는 x와 y 좌표가 타원의 왼쪽 상단을 기준으로 사용됩니다.
• ellipseMode(CENTER)를 사용하면, ellipse(100, 70, 60, 60)에서 (100, 70)은 타원의 중심이 되며, 이로 인해 타원이 정확히 그 좌표를 중심으로 그려집니다.

예시:

ellipseMode(CORNER); // 기본 설정
ellipse(100, 100, 60, 60); // 좌상단이 (100, 100)인 타원이 그려짐

ellipseMode(CENTER); // 중심 설정
ellipse(100, 100, 60, 60); // 중심이 (100, 100)인 타원이 그려짐

• ellipseMode(CORNER)에서는 (100, 100) 좌표가 타원의 왼쪽 상단 모서리가 됩니다.
• ellipseMode(CENTER)에서는 (100, 100) 좌표가 타원의 중심이 됩니다.

2. rectMode(CENTER)

• 이 함수는 rect(x, y, width, height)에서 x와 y 좌표를 사각형의 중심으로 설정합니다.
• 기본값은 CORNER로, 기본 모드에서는 x와 y 좌표가 사각형의 왼쪽 상단을 기준으로 사용됩니다.
• rectMode(CENTER)를 사용하면, rect(100, 100, 20, 100)에서 (100, 100)은 사각형의 중심이 됩니다.

예시:

rectMode(CORNER); // 기본 설정
rect(100, 100, 60, 60); // 좌상단이 (100, 100)인 사각형이 그려짐

rectMode(CENTER); // 중심 설정
rect(100, 100, 60, 60); // 중심이 (100, 100)인 사각형이 그려짐

• rectMode(CORNER)에서는 (100, 100)이 사각형의 좌상단 모서리가 됩니다.
• rectMode(CENTER)에서는 (100, 100)이 사각형의 중심이 됩니다.

정리

• ellipseMode(CENTER)와 rectMode(CENTER)를 사용하면, 도형을 그릴 때 주어진 좌표가 도형의 중심이 됩니다. 이 설정은 도형의 정확한 배치를 위해 유용합니다.
• 기본값(CORNER)에서는 좌표가 도형의 좌상단을 기준으로 하며, 이와 대비되는 방법으로 도형을 배치하는 방식입니다.

이 함수들은 특히 도형의 중심을 기준으로 대칭적이거나 정밀하게 배치하고자 할 때 유용하게 사용됩니다.