P5.js /如何在createGraphics对象的每个像素上设置颜色值

function setup() {
  createCanvas(400, 400);
  
  // 创建一个图形上下文
  let pg = createGraphics(width, height);
  
  // 在每个像素上设置颜色
  pg.loadPixels();
  for (let x = 0; x < pg.width; x++) {
    for (let y = 0; y < pg.height; y++) {
      let index = (x + y * pg.width) * 4; // 计算像素索引
      pg.pixels[index] = random(255); // 设置红色通道的值
      pg.pixels[index + 1] = random(255); // 设置绿色通道的值
      pg.pixels[index + 2] = random(255); // 设置蓝色通道的值
      pg.pixels[index + 3] = 255; // 设置透明度
    }
  }
  pg.updatePixels();
  
  // 在画布上绘制图形上下文
  image(pg, 0, 0);
}