P5.js 不会自动清除画布

问题描述

在 P5.js 中，不知何故，当我绘制任何形状并移动它时，该形状会留下一些痕迹。

尝试使用椭圆

测试代码：

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

我尝试添加 erase() 并且它似乎确实可以与重新渲染背景相结合，但它会清除每一帧的画布，这不是我想要的。

解决方法

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

例如：

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

        background(255,255,255);

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