function setup(){
createCanvas(500,500);
}
var pos1;
var pos2;
function draw() {
background(244, 248, 252);
text("X:" + mouseX/10,460,10);
text("Y:" + mouseY/10,460,20);
ellipse(pos1,pos2,5,5);
fill(0);
}
function mousePressed() {
pos1=mouseX;
pos2=mouseY;
}
每次我按下鼠标时,代码都会生成一个椭圆。但是,我想保留旧的椭圆并生成一个新的椭圆。我该怎么做?每次我按下鼠标时,都会生成一个新的椭圆,而不是删除旧的椭圆。
最佳答案
您有几个选择:
选项 1:请注意,draw()
函数中的第一行是对 background()
的调用。该行清除旧框架。如果您不想清除旧框架,则可以将该行移至 setup()
函数中。
选项 2:您可以维护一组先前值,并将它们每帧绘制到屏幕上。
选项 3:您可以将圆圈绘制到缓冲区,然后每帧将该缓冲区绘制到屏幕上。 createGraphics()
函数在这里会派上用场。
关于javascript - p5 js 中的多个绘图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54717659/