違う絵柄の画像を５枚横配列に順々に並べていきたいです

Question

###違う絵柄の画像を５枚横配列に順々に並べていきたいです。

secondを用いて１秒ごとに違う絵柄の画像が一枚ずつ出現していき、５枚それぞれ違う絵柄が表示されると消えてまた一枚ずつ増えていきループする。というプログラムを作りたく思います。画像は５枚、01.png,02.png,03.png,04.png,05.pngを用意しています。

試したこと

PImage[] IMAGES = new PImage[10];

void setup() {

for (int i=0; i<IMAGES.length; i++) {
IMAGES[i] = loadImage(i+".png");
}

void draw() {
background(BG);

int s = second();

for (int i=0; i<s%6; i++) {
  image(IMAGES[s%6], i*120+65, 180);

}

これだと1枚目、2枚目と増えていくうち画像が全て同じ画像で表示されてしまい、5枚目になると全て5枚同じ絵柄になってしまいます。5枚とも違う画像を表示するにはどうしたらいいでしょうか、ご回答よろしくお願いいたします。

Answer 1

ご質問の内容やカテゴリに記載がありませんので、
推測になりますが、
PImage クラスや setup() draw() メソッドを使っていらっしゃるので、
おそらく、Processing をお使いと思います。

その前提で説明します。
何か勘違いをしていたらご容赦ください。

結論

以下のようにすれば、ご期待の動作をするのではないかと推測します。

PImage[] IMAGES = new PImage[5];
static int n = 0;

void setup() {
  for (int i=0; i<IMAGES.length; i++) {
    IMAGES[i] = loadImage(i+".png");
  }
  size(1024,768); // 画像が5 つ収まるサイズを設定してください
}

int BG=0xFFFFFFFF;

void draw() {
  
  background(BG);

  int s = second();

  for (int i=0; i<=s%5; i++) {
    image(IMAGES[i], i*120+65, 180);
  }
}

説明

ご質問にあった、

これだと1枚目、2枚目と増えていくうち画像が全て同じ画像で表示されてしまい、5枚目になると全て5枚同じ絵柄になってしまいます。5枚とも違う画像を表示するにはどうしたらいいでしょうか

に関する変更は、draw() メソッド内の

    image(IMAGES[s%6], i*120+65, 180);

を

    image(IMAGES[i], i*120+65, 180);

に変更したことです。
同じ画像になったのは、配列の添え字として、ループ中に変化しない値を指定していたからであると思います。

その他の変更点は、ご質問のコードをProcessing の実行環境に読ませたときにはエラーがでた部分の修正（} の補完など）
次に、テスト実行に際しては、プログラムの記述にあわせ、
画像ファイル名を、
01.png,02.png,03.png,04.png,05.png
から
0.png,1.png,2.png,3.png,4.png
変更しています。

Answer 2

番号と乱数の値の2項目を持つ5要素の配列を用意します。この配列を乱数順に並び替え、その並び替え語の番号を使って画像ファイル名を指定していけば、バラバラの順番で重複しない画像が表示されます。
これは、100問のクイズからランダムに10問のクイズを出題するような処理でも使えます。