javascript - 使用 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);
}

这里有什么问题？我只能看到一个矩形在移动。我的椭圆在哪里？请帮我。我是初学者

标签： javascriptprocessing.jskhan-academy

Answer 1

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