고급 동영상이라면 나오는 translate와 rotate를 배웁니다.

잘 모르겠지만, 빈출 함수 translate()와 rotate()를 배웠으므로, 해설한다.

전제

translate()나 rotate()를 배우기 전에 Processing에 둘 수 있는 좌표의 사고방식을 살펴보자. Processing에서는 다음과 같이 좌상을 시작점으로 하여 x좌표는 오른쪽으로, y좌표는 아래로 펼쳐지는 이미지이다.

translate()

translate ()는이 기준으로하는 (0, 0)의 위치를 ​​이동합니다.
이미지는 다음과 같은 느낌이됩니다.

기준점(0, 0)의 위치를 ​​어긋나게 하는 이미지일까.

실제로 소스 코드와 만든 그림을 보자.

sample.pde

void setup(){ 
  size(640, 640);
  background(0);
  stroke(255);
  noFill();
  circle(0,0,100);

  translate(320, 320);
  circle(0,0,100);

}

↓ 생긴 그림이 이쪽


왼쪽 위가 circle(0,0,100);의 실행 결과, 중간 중앙이 translate(320, 320); circle(0,0,100);의 실행 결과이다.

뭐 이것만이라면 Circle(320, 320, 100)로 좋을 것.
아마도 translate는, x좌표, y좌표를 적당히 계산하면, 불필요하다고 생각한다.

rotate()

단지 rotate()는 그렇게도 가지 않는다. rotate()는 좌표의 방향을 회전시키기 때문이다.

다음 번은 rotate()의 구체적인 움직임, 그리고 곤란한 기준점의 되돌리는 방법 해 보려고 한다.

그럼 오늘은이 근처에서!