processing - 有条件地改变圆圈大小会创建多个圆圈

Question

当按下向上箭头键时，程序会增加圆的直径，并使用向下箭头键减小圆的直径。但是，当我按下向下键时，它会在原始圆圈上创建更小的圆圈，而不是减小其大小。

照片：https ://i.ibb.co/HgNfCMM/new-circles.png

我怀疑向上键也在做同样的事情，但效果并不明显。我如何使它改变现有圆的直径，而不是制作新圆？

int X;

void setup(){
  size(400, 400);
  fill(#FFFF00);
}

void draw() {
  circle(200, 200, X + 30);

  if (keyPressed) {
    if (key == CODED) {
      if (keyCode == UP) {
        if (X <= 300) {
          X = X + 5;
        }
      }
      if (keyCode == DOWN) {
        if (X >= 30) {
          X = X - 5;
        }
      }
    }
  }

}

Answer 1

尝试在 draw() 的顶部添加一个 background() 调用，以便透支前一个圆圈。

int X;
color BLUE = color(64,124,188);

void setup(){
  size(400, 400);
  fill(#FFFF00);
}

void draw() {
  background(BLUE);
  circle(200, 200, X + 30);

  if (keyPressed) {
    if (key == CODED) {
      if (keyCode == UP) {
        if (X <= 300) {
          X = X + 5;
        }
      }
      if (keyCode == DOWN) {
        if (X >= 30) {
          X = X - 5;
        }
      }
    }
  }

}