Arrays 在数组p5.js中分别更改每个形状的不透明度

我不熟悉编码。我创建了一个简单的代码，需要帮助分别定位数组中的每个元素（每个矩形）。我的目标是更改每个矩形的不透明度或透明度

我可以简单地做

填充（0，255，100，50）

并添加一个alpha值，但这会改变所有的矩形。。 我想更改透明度-Alpha值：每个矩形分别为50、100、150、200、250。 我试图为它创建一个数组，并将其实现到矩形，但我似乎做不到

以下是代码，请提供帮助：）

函数设置（）{
createCanvas（500110）；
}
函数绘图（）{
背景（0,100,180）；
中风（2）；
矩形模式（中心）；
对于（变量i=0；i<5；i++）{
填充（0255100）；
rect（（i+1）*80,50,50,50,15）；
}
}

您可以使用该函数动态定义颜色（包括

alpha

属性）

以下是一个工作示例：

var alphaValues=[50100150200250]；
函数设置（）{
createCanvas（500110）；
}
函数绘图（）{
背景（0,100,180）；
中风（2）；
矩形模式（中心）；
对于（变量i=0；i

function setup() {
      createCanvas(500, 110);
    }
    function draw() {
  background(0, 100, 180);
  stroke(2);
  rectMode(CENTER);
  
  for (var i = 0; i < 5; i++) {
    fill(0,255, 100);
    rect((i+1)*80, 50, 50, 50, 15);
    
  }
}

var alphaValues = [50, 100, 150, 200, 250];

function setup() {
  createCanvas(500, 110);
}

function draw() {
  background(0, 100, 180);
  stroke(2);
  rectMode(CENTER);

  for (var i = 0; i < alphaValues.length; i++) {
    var _alpha = alphaValues[i];
    var _color = color(0, 255, 100, _alpha);
    fill(_color);
    rect((i + 1) * 80, 50, 50, 50, 15);
  }
}