Javascript P5在圆周围移动对象无法销毁旧对象

我正试着绕着圆圈做一个泡泡圈。不幸的是，“旧”气泡的边界仍然显示出来，尽管代码很简单，但我无法找出问题所在

让半径=150，
角度=0，
速度=0.01，
centerX=300，
centerY=300；
阶级泡沫{
构造函数（x，y）{
这个.x=x；
这个。y=y；
this.col=颜色（255、100、76）；
这个直径=46；
}
显示（）{
中风（255）；
填充（本栏）；
x=中心x+半径*cos（角度）；
y=中心y+半径*sin（角度）；
椭圆（this.x，this.y，this.diameter，this.diameter）；
角度=角度+速度；
}
};
风险值=[]；
函数设置（）{
createCanvas（600600）；
对于（变量i=0；i<1；i++）{
var x=300；
变量y=300；
推（新气泡（x，y））；
};
冲程（0）；
椭圆（300300）；
}
函数绘图（）{
//背景（0）；
气泡[0]。显示（）；
}

如果您尝试运行此操作，您可以看到旧气泡的边界仍然可见。当显示一个新的气泡（沿圆周线）时，所创建的旧气泡似乎没有被破坏

不会。显示器永远不会被清除。它只是一个新的气泡，颜色

color（255，100，76）

，白色边框（

stroke（255）

）绘制在前一帧的图形顶部

只需在绘图前清除画布上的白色，然后在

draw

中绘制黑色圆线即可：

函数绘图（）{
//白色透明帆布
背景（255）；
//画黑圈
冲程（0）；
noFill（）；
椭圆（300300）；
//绘制一个且唯一存在的气泡
气泡[0]。显示（）；
}

注意：设置轮廓的颜色并导致以下形状未填充

请参见示例：

让半径=150，
角度=0，
速度=0.01，
centerX=300，
centerY=300；
阶级泡沫{
构造函数（x，y）{
这个.x=x；
这个。y=y；
this.col=颜色（255、100、76）；
这个直径=46；
}
显示（）{
中风（255）；
填充（本栏）；
x=中心x+半径*cos（角度）；
y=中心y+半径*sin（角度）；
椭圆（this.x，this.y，this.diameter，this.diameter）；
角度=角度+速度；
}
};
风险值=[]；
函数设置（）{
createCanvas（600600）；
对于（变量i=0；i<1；i++）{
var x=300；
变量y=300；
推（新气泡（x，y））；
};
}
函数绘图（）{
背景（255）；
冲程（0）；
noFill（）；
椭圆（300300）；
气泡[0]。显示（）；
}