Javascript p5 js中的多个图形
每次我按下鼠标时,代码都会生成一个椭圆。但是,我想保留旧的椭圆并生成一个新的椭圆。我怎么做?每次我按下鼠标,都会生成一个新的椭圆,而不是删除旧椭圆。您有几个选项: 选项1:请注意,draw函数中的第一行是对background的调用。这条线清除了旧的帧。如果不想清除旧帧,则可以将该行移到设置函数中 选项2:您可以维护一个先前值的数组,并在每一帧将它们绘制到屏幕上Javascript p5 js中的多个图形,javascript,p5.js,Javascript,P5.js,每次我按下鼠标时,代码都会生成一个椭圆。但是,我想保留旧的椭圆并生成一个新的椭圆。我怎么做?每次我按下鼠标,都会生成一个新的椭圆,而不是删除旧椭圆。您有几个选项: 选项1:请注意,draw函数中的第一行是对background的调用。这条线清除了旧的帧。如果不想清除旧帧,则可以将该行移到设置函数中 选项2:您可以维护一个先前值的数组,并在每一帧将它们绘制到屏幕上 选项3:您可以将圆绘制到缓冲区,然后每帧将该缓冲区绘制到屏幕。createGraphics函数将在这里派上用场。createGraph
选项3:您可以将圆绘制到缓冲区,然后每帧将该缓冲区绘制到屏幕。createGraphics函数将在这里派上用场。createGraphics函数将如何在源代码中实现?
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;
}