Javascript p5.js：单击按钮和对象时出现问题

我对p5.js真的很陌生，几天来我一直在努力寻找解决这个问题的方法，但运气不好

我有一个按钮和一个椭圆。单击按钮时，画布上会出现一个矩形，单击椭圆时，其颜色会发生变化。问题是我不能同时使用这两个按钮，原因是代码的这一部分：

stroke（rgb）；
冲程重量（2）

如果我的代码中有它，当我点击按钮时，矩形就会出现，但当我点击椭圆时，什么也不会发生。如果我不在代码中使用它，我可以更改椭圆的颜色，但是当我单击按钮时，什么也没有发生。
我不知道为什么这两行代码使得按钮和形状都无法交互，我真的很想弄清楚。我错过了什么重要的事情吗

我的代码如下：
函数设置（）{
createCanvas（800600）；
气泡=新的椭圆（500300）；
}
函数绘图（）{
背景（51）；
按钮=创建按钮（“单击我”）；
按钮位置（100，65）；
按钮。鼠标按下（直接显示）；
bubble.display（）；
中风（rgb）；
冲程重量（2）；
}
函数mousePressed（）{
bubble.clicked（）；
}
函数新_椭圆（x，y）{
这个.x=x；
这个。y=y；
this.col=颜色（255100）；
this.display=函数（）{
中风（255）；
填充（本栏）；
椭圆（this.x，this.y，100100）；
}
this.clicked=function（）{
var d=距离（mouseX、mouseY、this.x、this.y）；
如果（d<50）{
this.col=颜色（233,11,75）；
}
}
}
函数show_rect（）{
填充（255,24,23）；
rect（200100100）；
}
您可能不想从
draw（）
函数调用
createButton（）
函数。这将每秒创建60个不同的按钮。需要修复的一件事可能是变量
rgb
未定义。