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

我正在汗学院学习一门在线Javascript课程。我正在做一个关于那个课程的项目

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

下面是我写的

var xPos=20；
var-yPos=20；
draw=函数（）{
//变量改变位置
xPos++；
yPos++；
//椭圆
背景（29,40,115）；
填充（255,242,0）；
椭圆（XPO，YPO，10，10）；
//长方形
背景（29,40,115）；
填补（151、76、189）；
rect（XPO、YPO、10、10）；
}

这里怎么了？我只能看到一个直肠在动。我的椭圆在哪里？

---

请帮帮我。我是初学者

该指令通过将草图中的每个像素设置为相同的颜色来清除草图。您通常只调用一次，作为

draw（）

中的第一条指令，因为正如您所发现的，在您已经开始绘制东西之后调用它并不是非常有用。

请注意，Processing.js在2018年12月停止使用，差不多一年前。如果你必须使用它，因为你正在学习一门古老的卡恩学院课程，那么你几乎没有选择，但是对于你自己的项目，如果你想坚持处理，请使用它。你收到错误消息了吗？@Rodney Salcedo没有。我没有收到任何错误消息。@Mike‘Pomax’Kamermans是的，我必须使用它。谢谢你提供的信息。另外，我给了你一个单独的实际答案。记住接受/支持解决方案和有用的答案。