如何在每个单元格中使用随机图像制作网格-处理

Question

我正在尝试构建一个网格，其中每个单元格都由Processing中的随机图像填充。我在数据文件夹中有500多个名为img_xxx.jpg的图像。到目前为止，我已经完成了一个网格，其中显示的图像是随机的，但每个单元格的图像都是相同的。希望你能帮我！谢谢

final static byte GRID = 6, NUM = GRID*GRID;
PImage img;
int rand;
void setup() {
size(400, 400);
noLoop();
smooth();
background(0);
final PImage[] imgs = new PImage[NUM];
final int tileW = width/GRID, tileH = height/GRID;
rand = int(random(0,687)); 
for (int idx=0; idx!=NUM; imgs[idx++] = loadImage("img_" + nf(rand,3)+ ".jpg"));
for (int idx=0, row=0; row!=GRID; ++row)  for (int col=0; col!=GRID; 
image(imgs[idx++], col++*tileW, row*tileH, tileW, tileH));
img = get();
}
void draw() {
background(img);
}

Answer 1

您在for循环中所做的极端抽象写起来很有趣，但读起来却很痛苦。你需要在每个图像上重新计算rand，所以像这样写你的第一个for循环：

for (int idx=0; idx!=NUM; idx++) {
rand = int(random(0, 687));
imgs[idx] = loadImage("img_" + nf(rand, 3)+ ".jpg");
}

或者，在您的抽象版本中：

for (int idx=0; idx!=NUM; imgs[idx++] = loadImage("img_" + nf(int(random(0,687)),3)+ ".jpg"));

(附带说明一下，我相信nf()在较新版本的Processing中可以在浮点上工作，所以您不需要int()命令(

您可能会遇到内存问题，因为在使用img = get();保存图像之前，可能无法及时加载所有图像。解决这一问题的一种方法是在加载图像和显示图像之间增加等待时间。