P5.js 不会自动清除 canvas

Question

在 P5.js 中，不知何故，当我绘制任何形状并移动它时，该形状留下的痕迹有点像轨迹。

尝试使用椭圆

测试代码：

function draw() {
    if (times < 100) {
        fill(255);
        ellipse(times, times, 10, 10);
        times++
    }
}

我尝试添加 erase()，它似乎确实可以解决问题并重新渲染背景，但它会清除每一帧的 canvas，这不是我想要的。

Answer 1

您需要调用 background() 来清除 canvas。 background() 用指定的颜色填充整个 canvas。

例如：

function draw() {
    if (times < 100) {

        background(255, 255, 255);

        fill(255);
        ellipse(times, times, 10, 10);
        times++
    }
}

P5.js 不会自动清除 canvas

P5.js does not clear the canvas automatically

javascript

processing

canvas

p5.js