java如何用Processing生成马赛克风格的图像

下面是关于“Java如何用Processing生成马赛克风格的图像”的完整攻略：

1. 确认环境

在做这个案例前，需要先确认自己的开发环境是否搭建好了Processing。如果还没有，则需要先到Processing官网上下载最新的版本，并安装好。

2. 导入图像

首先，需要在Processing中导入一张待处理的图像，使用的函数是loadImage()。示例代码如下：

PImage img = loadImage("mario.png");

3. 创建马赛克效果

接下来，需要将导入的图像生成马赛克效果。具体实现步骤如下：

• 确定每个小块的尺寸
• 根据小块的尺寸，分割原始图像
• 计算每个小块的平均颜色，并将整个小块填充为该颜色

示例代码如下：

int mosaicSize = 10;

for (int x = 0; x < img.width; x += mosaicSize) {
  for (int y = 0; y < img.height; y += mosaicSize) {
    float r = 0;
    float g = 0;
    float b = 0;
    int count = 0;

    for (int i = 0; i < mosaicSize; i++) {
      for (int j = 0; j < mosaicSize; j++) {
        int mx = x + i;
        int my = y + j;

        if (mx < img.width && my < img.height) {
          int loc = mx + my * img.width;
          color c = img.pixels[loc];
          r += red(c);
          g += green(c);
          b += blue(c);
          count++;
        }
      }
    }

    r /= count;
    g /= count;
    b /= count;

    for (int i = 0; i < mosaicSize; i++) {
      for (int j = 0; j < mosaicSize; j++) {
        int mx = x + i;
        int my = y + j;

        if (mx < img.width && my < img.height) {
          int loc = mx + my * img.width;
          img.pixels[loc] = color(r, g, b);
        }
      }
    }
  }
}

4. 显示马赛克效果

最后，需要将生成的马赛克效果显示出来。示例代码如下：

image(img, 0, 0);

这个函数会将处理后的img图像显示在x=0，y=0的位置上。

示例1

接下来，我们来看一个完整的示例，代码如下：

PImage img;

void setup() {
  size(800, 800);
  img = loadImage("mario.png");
}

void draw() {
  int mosaicSize = 10;

  for (int x = 0; x < img.width; x += mosaicSize) {
    for (int y = 0; y < img.height; y += mosaicSize) {
      float r = 0;
      float g = 0;
      float b = 0;
      int count = 0;

      for (int i = 0; i < mosaicSize; i++) {
        for (int j = 0; j < mosaicSize; j++) {
          int mx = x + i;
          int my = y + j;

          if (mx < img.width && my < img.height) {
            int loc = mx + my * img.width;
            color c = img.pixels[loc];
            r += red(c);
            g += green(c);
            b += blue(c);
            count++;
          }
        }
      }

      r /= count;
      g /= count;
      b /= count;

      for (int i = 0; i < mosaicSize; i++) {
        for (int j = 0; j < mosaicSize; j++) {
          int mx = x + i;
          int my = y + j;

          if (mx < img.width && my < img.height) {
            int loc = mx + my * img.width;
            img.pixels[loc] = color(r, g, b);
          }
        }
      }
    }
  }

  image(img, 0, 0);
}

这个示例会在Processing窗口中将mario.png生成马赛克风格的图像。

示例2

接下来，我们来看一个另外一种生成马赛克风格图像的方法，代码如下：

PImage img;

void setup() {
  size(800, 800);
  img = loadImage("mario.png");
  img.loadPixels();
}

void draw() {
  int mosaicSize = 10;

  for (int x = 0; x < img.width; x += mosaicSize) {
    for (int y = 0; y < img.height; y += mosaicSize) {
      int index = (y * img.width + x) * 4;
      color c = color(img.pixels[index], img.pixels[index + 1], img.pixels[index + 2]);
      fill(c);
      rect(x, y, mosaicSize, mosaicSize);
    }
  }
}

这个示例同样会在Processing窗口中将mario.png生成马赛克风格的图像，不过使用了不同的实现方式。