Javascript P5.JS.show（）不是函数，为什么？

不确定我是否得到了错误的范围，但iv'e尝试了移动函数一点，但它只是告诉我这不是一个函数错误

让气泡=[]；
函数设置（）{
createCanvas（400400）；
for（设i=0；i<10；i++）{
气泡[i]=新气泡（20020040）
}
}
函数绘图（）{
背景（0）；
对于（i=0；i}}

正如rabbi76在评论中所说的，您的主要问题是调用的是

Bubble

对象中不存在的函数。因此，您应该将其弹出到

气泡中

类：

class Bubble {
    constructor(x, y, r){
    this.x = x;
    this.y = y;
    this.r = r;
  }
    
  show() {
    stroke(20);
    strokeWeight(2);
    fill(random(255), 0, random(255))
    ellipse(this.x, this.y, this.r * 2)
  }
}

另外，如果您使用p5在线编辑器，它不会将其标记为错误，它会认为您定义了一个名为

constructor

的新函数，它是完全有效的语法

还有一件事，您将每个气泡的

x

和

y

位置传递为

200200

，这基本上意味着每个气泡将彼此重叠，我假设您希望它们分布在屏幕上：

bubbles[i] = new Bubble(random(width), random(height), 20);

---

哦，还有，你可能想在

气泡

对象中存储r、g、b颜色，这样它就不会在每个帧中选择新的颜色

正如Rabbid76在评论中所说，您的主要问题是调用的是

Bubble

对象中不存在的函数。因此，您应该将其弹出到

气泡中

类：

class Bubble {
    constructor(x, y, r){
    this.x = x;
    this.y = y;
    this.r = r;
  }
    
  show() {
    stroke(20);
    strokeWeight(2);
    fill(random(255), 0, random(255))
    ellipse(this.x, this.y, this.r * 2)
  }
}

另外，如果您使用p5在线编辑器，它不会将其标记为错误，它会认为您定义了一个名为

constructor

的新函数，它是完全有效的语法

还有一件事，您将每个气泡的

x

和

y

位置传递为

200200

，这基本上意味着每个气泡将彼此重叠，我假设您希望它们分布在屏幕上：

bubbles[i] = new Bubble(random(width), random(height), 20);

哦，还有，你可能想在

气泡

对象中存储r、g、b颜色，这样它就不会在每个帧中选择新的颜色

移动

函数显示（）{…}

内部

类气泡{…}

移动

函数显示（）{…}

内部

类气泡{…}