p5.js旧框架不删除

Question

使用一个名为p5的javascript框架，我试图在屏幕上移动一个圆圈，但是老框架不会删除，这会导致一行显示在画布上。

​

var xPos = 0;

function setup() {
    createCanvas(400, 200)
    background(123);
}

function draw() {
    ellipse(xPos, height/2, 30, 30); //Draws the circle
    fill(255);
    xPos++; //Moves the circle a pixel over
    if(xPos > width){xPos = 0;} //resets the circle when it reaches the edge of the canvas
}

<script src="http://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.5/p5.js"></script>

​

Answer 1

这是因为您只在程序开始时调用background()函数一次。

然后，每次调用draw()函数时，都会绘制另一个圆圈--而不会清除任何旧的框架。

如果要清除旧框架中的每一个帧，请在background()函数开始时调用draw()函数。