【问题标题】:P5.js does not clear the canvas automaticallyP5.js 不会自动清除画布
【发布时间】:2021-04-19 06:16:34
【问题描述】:

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

尝试使用椭圆

测试代码:

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

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

【问题讨论】:

  • 如果您确切地说出您想要什么,我们会更清楚。
  • @GabrielLupu 哦,对不起,这是我的第一个问题,我想我会很清楚,下次我会尝试更具描述性,谢谢!

标签: javascript canvas processing p5.js


【解决方案1】:

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

例如:

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

        background(255, 255, 255);

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-03-22
    • 2018-09-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-11-30
    • 2012-05-13
    相关资源
    最近更新 更多