使用处理随机后从图像中重新绘制像素

Question

假设我有一个像素化的图像……我想用处理来重画它。

起初应该有一个随机的彩色像素网格——过了一段时间，像素化的图像会通过这个像素化的网格出现。

我想我可以用这样的系统来处理这个问题:如果一个特定的随机颜色的像素与像素化图像的颜色相匹配，那么应该会有一个新的像素被绘制出来。

为了更好地理解，请看一下这段代码:

PImage img;

float rows;
float cols;
float pixel;

color gridcolor;
color imagecolor;    

color[][] grid = new color[500][500];
color[] colors = new color[4];

void setup() {
  size(600, 600);
  img = loadImage("bw.jpg");    
  cols = grid.length;
  rows = grid[0].length;    
  pixel = width/cols;    
  noStroke();    
  colors[0] = color(0, 0, 0);
  colors[1] = color(219, 219, 219);
  colors[2] = color(218, 218, 218);
  colors[3] = color(255, 255, 255);
}


void draw() {
  background(255);

  for (int x = 0; x < rows; x++) {
    for (int y = 0; y < cols; y++) {    
      int selector = int(random(colors.length));
      grid[x][y] = colors[selector];

      gridcolor = grid[x][y];
      fill(gridcolor);  
      rect(x*pixel, y*pixel, pixel, pixel);
    
      imagecolor = img.get(int(x*pixel), int(y*pixel));
      if (imagecolor == gridcolor) {
        fill(imagecolor);
        rect(x*pixel, y*pixel, pixel, pixel);
      }
    }
  }
}

所以我能够在颜色匹配的情况下绘制像素——但是因为彩色噪声是随机绑定的——它们会再次消失……我如何将矩形像素从if语句中转移出来？如何让它们保持不变？我尝试将其连接到布尔语句……但这只是纠结……

感谢您的任何帮助！我真的被这个困住了...

Answer 1

这是我使用PGraphics找到的解决方案……使用PGraphycs，所有内容都会绘制在第二层上，然后使用图像功能在草图窗口上重新绘制：

PGraphics pg;
PImage img;

float rows;
float cols;
float pixel;

color gridcolor;
color imagecolor;


color[][] grid = new color[100][100];
color[] colors = new color[9];



void setup() {
  size(600, 600);
  pg = createGraphics(600, 600);
  img = loadImage("1.bmp");

  cols = grid.length;
  rows = grid[0].length;

  pixel = width/cols;

  noStroke();

  colors[0] = color(0, 0, 0);
  colors[1] = color(255, 255, 0);
  colors[2] = color(66, 94, 171);
  colors[3] = color(240, 85, 90);
  colors[4] = color(161, 205, 12);
  colors[5] = color(93, 76, 132); 
  colors[6] = color(202, 132, 184);
  colors[7] = color(16, 208, 208);
  colors[8] = color(255, 255, 255);
}


void draw() {
  background(255);

  for (int x = 0; x < rows; x++) {
    for (int y = 0; y < cols; y++) {

      int selector = int(random(colors.length));
      grid[x][y] = colors[selector];

      gridcolor = grid[x][y];
      fill(gridcolor);  
      rect(x*pixel, y*pixel, pixel, pixel);

      pg.beginDraw(); 
      imagecolor = img.get(int(x*pixel), int(y*pixel));
      if (imagecolor == gridcolor) {
        pg.noStroke();
        pg.fill(imagecolor);
        pg.rect(x*pixel, y*pixel, pixel, pixel);
        pg.endDraw();
      }
    }
  }
  image(pg, 0, 0);
}