Javascript p5.js形状更新问题

嗯。我需要以下p5.js代码的帮助，以使形状停止“模糊” 我的意思是如何使这些形状不再有痕迹

我相信这个问题与“更新”部分有关。但我不知道如何修复它

谢谢

let cubes=[]；
函数设置（）{
createCanvas（窗口宽度、窗口高度、WEBGL）；
背景色=颜色（40100124）；
背景（背景色）；
for（设i=0；i<10；i++）{
for（设j=0；j<10；j++）{
设xPos=map（i，0，9，50，宽度-50）；
设yPos=map（j，0，9，50，高度-50）；
push（新的多维数据集（xPos，yPos））；
}
}
}
函数绘图（）{
noFill（）；
仰泳（）；
矩形（0，0，宽度，高度）；
for（设a=0；a

---

您必须在绘图开始时清除背景：

函数绘图（）{
背景（背景色）；
noFill（）；
仰泳（）；
矩形（0，0，宽度，高度）；
for（设a=0；a

注意，

background（）。在中调用
background（）

请参见示例：


let cubes=[]；
函数设置（）{
createCanvas（窗口宽度、窗口高度、WEBGL）；
背景色=颜色（40100124）；
背景（背景色）；
for（设i=0；i<10；i++）{
for（设j=0；j<10；j++）{
设xPos=map（i，0，9，50，宽度-50）；
设yPos=map（j，0，9，50，高度-50）；
push（新的多维数据集（xPos，yPos））；
}
}
}
函数绘图（）{
背景（背景色）；
noFill（）；
仰泳（）；
矩形（0，0，宽度，高度）；
for（设a=0；a