按下鼠标时随机化图像 - 处理

Question

• 我正在尝试制作一个网格，其中每个单独的单元格都包含我的数据文件夹中的一个随机图像。

• 到目前为止，我已经完成了在每个单元格中使用不同的图像，但它不会随机化

• 它不是从文件夹中的600+ 中随机选择一张，而是按1 to 27 的顺序放置每张图片。

• 除此之外，我希望它在每次我用鼠标单击时随机化，而不是在它关闭并再次播放时随机化。代码：

    PImage img[];
    int nPics;
     
    int w;
    int h;
    
    
    int rand;
    
     
    void setup(){
      
      size(1500,500);
      nPics=27;
      img = new PImage[nPics];
    
      w=width/9;  
      h=height/3; 
    
    for (int i = 0; i <nPics; i++) {
        img[i] = loadImage("img_" +nf(i,3)+ ".jpg");
        imageMode(CORNERS);
      }

      //rand = int(random(0,687));
      //img[0]=loadImage("img_" + nf(rand,3)+ ".jpg");

    }
     
    void draw(){
    background(0);
      for(int i=0;i<nPics;i=i+3){  
         int col = i/3;
         for(int row=0;row<3;row++)
           image(img[i+row],col*w,row*h,(col+1)*w,(row+1)*h);
      }
      
    }

Answer 1

当您加载图像时，您使用的是i 而不是rand。为了在您单击鼠标时随机化图像，您可以使用mousePressed() 将不同的图像重新加载到您的数组中。

这应该可行：

PImage img[];
int nPics;

int w, h;

void loadImages(){
  for (int i = 0; i < nPics; i++) {
    img[i] = loadImage("img_"+ nf(int(random(0, 687)), 3) + ".jpg");
    imageMode(CORNERS);
  }
}

void setup() {
  size(1500, 500);
  nPics=27;
  img = new PImage[nPics];

  w=width/9;  
  h=height/3; 

  loadImages();
}

void mousePressed(){
  loadImages();
}

void draw() {
  background(0);
  for (int i=0; i<nPics; i=i+3) {  
    int col = i/3;
    for (int row=0; row<3; row++)
      image(img[i+row], col*w, row*h, (col+1)*w, (row+1)*h);
  }
}