处理：部分模糊部分背景

Question

一些背景信息：这个项目是一个简单的图像，在项目结束时，它将成为我电脑屏幕的背景。

我想模糊背景的一部分，这样文本的一部分就更清晰了。我可以模糊图像中文本本身的部分，但这是我最后的选择。我不想这样做，因为在未来的项目中，我想随着一些东西的移动而主动模糊背景（我还没有开始这个未来的项目，所以我无法更好地描述这个项目）。

有人知道如何模糊背景的一部分吗？对于这个项目，它需要大约400x200像素，模糊10%-15%

Answer 1

Michael的回答很好地概括了您所追求的功能。

FWIW这里是示例的修改版本

/**
 * Load and Display 
 * 
 * Images can be loaded and displayed to the screen at their actual size
 * or any other size. 
 */

PImage img;  // Declare variable "a" of type PImage

void setup() {
  size(640, 360);
  // The image file must be in the data folder of the current sketch 
  // to load successfully
  img = loadImage("moonwalk.jpg");  // Load the image into the program  
}

void draw() {
  // take an image subsection
  PImage blurred = img.get(mouseX, mouseY, 210, 210);
  // blur that section
  blurred.filter(BLUR, 8);

  // Displays the image at its actual size at point (0,0)
  image(img, 0, 0);
  // render blurred subsection (in the same spot)
  image(blurred, mouseX, mouseY);
}

裸露在大图像上，模糊量很大，这可能会很慢。

如果你需要一个更快的方法，你可以看看片段着色器，在处理为PShader：例子中实现

Answer 2

这里有一个函数正好可以做到这一点。它是静态方法，引用PApplet，因此如果您在PDE中工作，可以从方法签名中删除此参数。此外，使用此方法可以指定区域的中心，而不是左上角（根据需要进行修改）。

public static void blur(applet p, int regionCentreX, int regionCentreY, int regionWidth, int regionHeight,
        float blurStrength) {

    PGraphics g;
    g = p.createGraphics(regionWidth, regionHeight);
    g.beginDraw();
    g.loadPixels();

    int cornerX = PApplet.constrain(regionCentreX - (regionWidth / 2), 0, p.width - regionWidth);
    int cornerY = PApplet.constrain(regionCentreY - (regionHeight / 2), 0, p.height - regionHeight);

    p.loadPixels();
    int graphicsIndex = 0;
    for (int y = 0; y < regionHeight; y++) {
        for (int x = 0; x < regionWidth; x++) {
            g.pixels[graphicsIndex] = p.pixels[(cornerY + y) * p.width + (cornerX + x)];
            graphicsIndex++;
        }
    }
    p.updatePixels();

    g.updatePixels();
    g.filter(PConstants.BLUR, blurStrength);
    g.endDraw();
    p.image(g, cornerX, cornerY);
}