p5.js

Question

在我的程序中，运行你的鼠标在屏幕上会留下一条黑色、半透明的圆圈。我希望能够通过按 'i' 键来更改它，此时它应该画一条尾随的蓝线。目前，在按下 'i' 键时，它会绘制一条尾随的蓝线，但该线被黑色、半透明的圆圈包围。如果我尝试调用背景，它解决了圆圈问题，但使线条的轨迹在绘制后不久就消失了。

    if (mouseY < 417) { //canvas is 500x500
      noStroke();
      fill(0,100);
      ellipse(mouseX,mouseY,20,20);
   } 

   if (keyIsPressed && key == 'i') {
     if (mouseY < 417) {
       stroke(0,0,255);
       line(mouseX,mouseY,pmouseX,pmouseY);
     }
   }

请帮忙！

Answer 1

如果你想让一件事或另一件事发生，而不是同时发生，你需要使用 if 语句和和 else 语句。

if (condition) {
    // this stuff happens if condition is true...
} else {
    // ...otherwise this other stuff happens
}

p5.js - 改变正在绘制的形状轨迹

p5.js - change trail of shapes being drawn

draw