Javascript 如何在p5.js中更改绘制椭圆的半径？

我一直在学习如何使用p5.js库，在绘制简单草图时遇到了困难。代码的目标是使用一个滑块来更改绘制椭圆的半径。滑块在增大值时工作，但在减小值时，绘制的最大椭圆会覆盖较小的椭圆。这是有道理的，因为椭圆是不断被画出来的。但是有没有一种方法可以让一个椭圆通过滑块改变它的半径呢

下面是我设法拼凑出的一段糟糕的代码。 JS:

var-spr；
var滑块；
函数设置（）{
createCanvas（500500）；
背景（51）；
spr=新球体（）；
slider=createSlider（0，宽度，1）；
滑块位置（6,6）；
slider.style（'width'，'500px'）；
}
函数绘图（）{
var val=slider.value（）；
spr.show（val）；
}
函数球（）{
这.x=宽度/2；
这.y=高度/2；
this.show=函数（val）{
仰泳（）；
填充（100,0250）；
椭圆（this.x，this.y，val，val）；
}
}

---

在提问之前，我一直在寻找答案，但没有找到答案。这可能真的很简单，我只是错过了一些非常重要的东西

您永远不会清除旧帧，因此您绘制的所有内容都会保留在屏幕上。这就是为什么你最大的图纸总是掩盖你较小的图纸

要清除旧屏幕，只需添加对

background（）

函数的调用，作为

draw（）

函数的第一行

---

更多信息请访问。

谢谢！这解决了问题。