我想在处理中使用 keyPressed() 稍微移动一个椭圆，但是当我这样做时，它会添加另一个椭圆而不是去掉一个答案

【问题标题】：I want to move an ellipse slightly using the keyPressed() in Processing but when I do so it adds another ellipse instead of getting rid of one我想在处理中使用 keyPressed() 稍微移动一个椭圆，但是当我这样做时，它会添加另一个椭圆而不是去掉一个
【发布时间】：2020-08-17 15:33:11
【问题描述】：

对不起，如果这是一个愚蠢的问题，我才开始在处理中学习 Java，我有点困惑。哈哈

boolean eyeMove = false;
boolean armMove = false;

void setup() {
  size(600, 800);
  smooth();
}

void draw() {

  stroke(1);
  fill(255);
  ellipse(300, 460, 230, 270);
  stroke(1);
  fill(188);
  ellipse(280, 220, 35, 95);
  ellipse(320, 220, 35, 95);
  fill(126);
  ellipse(280, 220, 20, 80);
  ellipse(320, 220, 20, 80);
  stroke(1);
  fill(255);
  ellipse(300, 300, 100, 100);
  fill(188);
  noStroke();
  ellipse(300, 460, 130, 170);
  fill(0);
  ellipse(240, 580, 40, 40);
  ellipse(360, 580, 40, 40);
  fill(0);
  ellipse(300, 320, 20, 10);
  fill(0);
  triangle(300, 330, 289, 344, 310, 344);
  fill(188);
  stroke(1);
  ellipse(280, 290, 20, 20);
  ellipse(320, 290, 20, 20);

  keyPressed();
}


void keyPressed() {
  if (!keyPressed) {
    fill(0);
    ellipse(390, 350, 40, 40);
    ellipse(210, 350, 40, 40);
  } else if (keyPressed) {
    armMove = true;
    fill(125);
    ellipse(390, 350, 40, 40);
    ellipse(230, 350, 40, 40);
  }

我在兔子的眼睛上使用了 mousePressed，效果很好。我只是很困惑这现在是如何造成问题的。

【问题讨论】：

所以你调用了两次“draw()”？问题可能是您没有在每次调用 draw() 之前清除画布，而只是在已经存在的内容之上绘制？
嘿，谢谢你帮我调查这个:) 你是说 keyPressed 吗？因为在我发布的代码中它只有一次“draw（）”？我不想只清除手臂上的整个画布怎么做？我看过的所有视频都只是告诉我如何清除背景，而不是一个特定的圆圈：/或者你知道有什么好的视频可以观看吗？:)

标签： java animation processing

【解决方案1】：

`draw() 方法不仅仅是一个绘图循环。这是你程序的主循环。因此，它不会在循环的每次迭代中清除屏幕，而只是绘制您告诉它绘制的任何内容。实际上，您可以使用任何方法进行绘制，只要它在某个时候被调用即可。

这里的问题是你正在重新绘制兔子在前一个上。您永远不会“擦除”您以前的绘图。人们通常使用background() 方法来这样做。我稍微修改了您的草图以向您展示我的意思：

void setup() {
  size(600, 800);
  smooth();
}

void draw() {
  background(128);
  
  stroke(1);
  fill(255);
  ellipse(300, 460, 230, 270);
  fill(188);
  ellipse(280, 220, 35, 95);
  ellipse(320, 220, 35, 95);
  fill(126);
  ellipse(280, 220, 20, 80);
  ellipse(320, 220, 20, 80);
  fill(255);
  ellipse(300, 300, 100, 100);
  fill(188);
  noStroke();
  ellipse(300, 460, 130, 170);  
  fill(0);
  ellipse(240, 580, 40, 40);
  ellipse(360, 580, 40, 40);
  ellipse(300, 320, 20, 10);
  triangle(300, 330, 289, 344, 310, 344);
  fill(188);
  stroke(1);
  ellipse(280, 290, 20, 20);
  ellipse(320, 290, 20, 20);

  if (keyPressed) {
    ellipse(390, 350, 40, 40);
    ellipse(230, 350, 40, 40);
  } else {
    ellipse(390, 350, 40, 40);
    ellipse(210, 350, 40, 40);    
  }
}

如果您有后续问题，我会在您身边。玩得开心！

【讨论】：

@GeorgeProfenza 在那里做的 :)
太棒了！ :) 非常感谢
我从您的draw() 方法中删除了keyPressed() 行，这可能是我们工作不同的地方。我建议您将我的代码 sn-p 复制并粘贴到一个新的草图中，然后尝试一下以掌握它的窍门。
keyPressed() 方法充当一个事件（我还没有读过它是如何工作的，但它似乎非常相似）。这意味着它会在触发条件发生的任何时候被调用。如果您使用我的代码中显示的if (keyPressed) 条件更新了draw 循环，但在代码中的其他位置保留了keyPressed() 方法，则两者都将适用。你可能不想要那个。评论方法，看看它是否有帮助。
要回答您关于使用background() 方法的问题，我只会在draw() 方法中使用它。每次调用background() 方法时，它都会覆盖所有内容。这就像擦除你已经绘制的所有内容，只绘制剩余的内容，直到循环结束。