p5.js使用数组给每个矩形着色

p5.js是一个基于JavaScript的创意编程库，用于创建交互式的图形、动画和音频应用程序。它提供了丰富的绘图功能和易于使用的API，使开发者能够轻松地创建各种视觉效果。

在p5.js中，可以使用数组来给每个矩形着色。下面是一个示例代码：

let colors = ['red', 'green', 'blue', 'yellow']; // 定义一个颜色数组

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);
  
  let rectWidth = width / colors.length; // 计算每个矩形的宽度
  
  for (let i = 0; i < colors.length; i++) {
    fill(colors[i]); // 使用数组中的颜色给矩形着色
    rect(i * rectWidth, 0, rectWidth, height); // 绘制矩形
  }
}

在上面的代码中，我们首先定义了一个颜色数组colors，其中包含了四种颜色。然后，在setup()函数中创建了一个画布，并在draw()函数中绘制了多个矩形。通过使用fill()函数和数组中的颜色，我们可以给每个矩形着上不同的颜色。

这个例子展示了如何使用数组给每个矩形着色，你可以根据自己的需求修改颜色数组和矩形的数量，以实现不同的效果。

推荐的腾讯云相关产品：腾讯云云服务器（CVM），腾讯云对象存储（COS）

• 腾讯云云服务器（CVM）：提供可扩展的计算能力，用于部署和运行各种应用程序和服务。了解更多信息，请访问：腾讯云云服务器
• 腾讯云对象存储（COS）：提供安全、稳定、低成本的对象存储服务，用于存储和管理大规模的非结构化数据。了解更多信息，请访问：腾讯云对象存储