使用Javascript processing.js库移动时更改对象的形状

Question

我正在可汗学院学习在线Javascript课程。我正在这门课程上做一个项目。

我希望我的对象将形状从日食更改为矩形，并在移动时重复进行。我写了一个代码。但是我看不到日食。它的移动方式是正确的。

下面是我写的。

var xPos = 20;
var yPos = 20;

draw = function() {
    //variables change position
    xPos++;
    yPos++;

    //ellipse
    background(29, 40, 115);
    fill(255, 242, 0);
    ellipse(xPos, yPos, 10, 10);

    //rectangle
    background(29, 40, 115);
    fill(151, 76, 189);
    rect(xPos, yPos, 10, 10);
}

这里怎么了？我只能看到停滞不前的动静。我的椭圆在哪里？请帮我。我是初学者

Answer 1

background()指令通过将草图中的每个像素设置为相同的颜色来清除草图。根据draw()中的第一条指令，通常只调用一次，因为您已经发现，在开始绘制图形之后调用它并不是超级有用。