显示排序的数组（处理）

Question

假设我有一个二维像素网格（4乘4像素）——我有一个和我草图一样大小的图像，它被切割成16个部分。现在我将所有16个部分加载到一个数组中。我想依次将这个数组映射到2D网格上，这样我的整体图像就可以再次正确地组合在一起。也就是说，左上角图像0.png右下角图像16.png.

我就是找不到能让我这么做的公式。例如，我知道使用xy*width可以在所有像素中运行，从左上到右下，所以我试过了。如果没有*宽度它就不能正确地坐在一起-如果有xy*宽度-数组索引边界外异常（当然）。

所以我想我需要一个2D数组，但是对于images[x][y]我得到了一个NullPointerException。我给你附上了一张我试图创作的图片：

这是我目前的代码——

float pixelamount = 4;
float pixelsize;

PImage[] images = new PImage [16];

void setup() {
  size(1080, 1080);
  pixelsize = width/pixelamount;
  for (int i = 0; i < images.length; i++) {
    images[i] = loadImage(i + ".png");
  }
  imageMode(CENTER);
}

void draw() {
  background(0);
  pushMatrix();
  translate(pixelsize/2, pixelsize/2);
  for (int x = 0; x < pixelamount; x++) {
    for (int y = 0; y < pixelamount; y++) {
      pushMatrix();
      translate(pixelsize*x, pixelsize*y);
      image(images[x+y], 0, 0, pixelsize, pixelsize);
      popMatrix();
    }
  }
  popMatrix();
}

正如我所说，在image（图像[xy]，0，0，pixelsize，pixelsize）行中 我只是不懂数学。我需要2D阵列来解决这个问题吗？还是完全不同的东西？




Answer 1

这应该在没有2D阵列的情况下解决。

如果字段的尺寸已知为4x4，那么循环可能应该从0运行到4，如下所示：

void draw() {
  background(0);
  pushMatrix();
  translate(pixelsize/2, pixelsize/2);
  for (int x = 0; x < 4; x++) {
    for (int y = 0; y < 4; y++) {
      pushMatrix();
      translate(pixelsize * x, pixelsize * y);
      image(images[4 * x + y], 0, 0, pixelsize, pixelsize);
      popMatrix();
    }
  }
  popMatrix();
}