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++
    }
}