如何在Processing中提取单个像素的RGB/灰度值以实现图片滤镜？

原代码的核心问题 #

• 错误调用loadPixels()：你调用的是当前sketch窗口的loadPixels()，而非传入的image对象的，应该用image.loadPixels()
• RGB变量未初始化：声明了R/G/B但没有从像素中提取值，导致灰度计算无意义
• 修改后的像素未写回：计算出的新RGB值没有赋值回图像的像素数组，也没有调用updatePixels()保存修改
• 误用filter(GRAY)：这个方法会直接将图像转为灰度图，而你需要的是基于原RGB计算灰度后调整色彩，不需要提前转灰度

修正后的完整代码 #

PImage applyCustomFilter(PImage image) {
  // 创建原图像的副本，避免修改原图像
  PImage filteredImage = image.get();
  filteredImage.loadPixels();
  
  for (int x = 0; x < filteredImage.width; x++) {
    for (int y = 0; y < filteredImage.height; y++) {
      // 获取当前像素的颜色值
      int pixelColor = filteredImage.pixels[y * filteredImage.width + x];
      
      // 提取RGB分量（范围0-255）
      float R = red(pixelColor);
      float G = green(pixelColor);
      float B = blue(pixelColor);
      
      // 计算灰度值
      float grayValue = 0.2989 * R + 0.5870 * G + 0.1140 * B;
      
      // 根据灰度值调整RGB
      if (grayValue < 60) {
        // 暗部降低亮度
        R *= 0.9;
        G *= 0.9;
        B *= 0.9;
      } else if (grayValue >= 60 && grayValue <= 190) {
        // 中间调降低蓝色分量
        B *= 0.7;
      } else {
        // 亮部调整蓝色分量
        B *= 0.9;
      }
      
      // 确保RGB值在0-255范围内，避免溢出
      R = constrain(R, 0, 255);
      G = constrain(G, 0, 255);
      B = constrain(B, 0, 255);
      
      // 创建新的颜色值并写回像素数组
      int newColor = color(R, G, B);
      filteredImage.pixels[y * filteredImage.width + x] = newColor;
    }
  }
  
  // 更新像素数据到图像
  filteredImage.updatePixels();
  return filteredImage;
}

关键步骤说明 #

• 创建图像副本：用image.get()复制原图像，避免直接修改输入图像，符合函数的纯特性
• 正确加载像素：调用filteredImage.loadPixels()加载副本的像素数组
• 提取RGB分量：使用Processing内置的red()/green()/blue()方法从颜色值中提取分量，比手动位运算更直观
• 灰度计算：用标准的RGB转灰度公式计算
• 约束RGB范围：用constrain()确保调整后的颜色值在合法范围内，避免出现异常颜色
• 写回并更新像素：将新颜色赋值回像素数组后，调用updatePixels()保存修改

内容的提问来源于stack exchange，提问作者intEOF