제가 까만원이 움직이면서 밑에와 같은 모양을 그리는 코드를 짜야하는데요,






제가 아직 프로세싱 초보라 뭘 잘 모릅니다 ㅠㅠ
그래서 일단 원을 그리는 것 까진 했어요.
그런데 까만원이 중심점 1을 기준으로 크게 돌다가, 중간에 중심점을 중심점2로 바꿔서 작게 돌아야 이런 모양을 그리는게 가능하잖아요

근데 중간에 중심점을 2로 바꾸게 하지를 못하겠습니다  if로 줘봤는데도요

그래서 여기에 고수분들이 많으시다길래 도움 요청합니다.

일단 저는 진짜 진짜 프로세싱 초보라 rotate를 이용해 그냥 원을 가운데 그리는 것 밖에 못했습니다ㅠㅠ



float mx=20;
float my=-30;
int dialCenterX;
int dialCenterY;
float ro = 0.0;
float aVelocity = 0.01;



void setup() {
  size(400, 400);
  background(255);
  dialCenterX=width/2;
  dialCenterY=height/2;


}




void draw() {
  translate(dialCenterX, dialCenterY);
  fill(0);
  rotate(ro);
  ellipse(mx, my, 10, 10);
  ro += aVelocity;
}