Processingで連番画像を表示したい

Question

Processingで連番画像を表示したい

Processingで連番画像を表示するようなものを書きたいと思ってます。
一秒あたり10枚、計2192枚の画像を表示したいと思ってます。

試したこと

PImage [] Image = new PImage[2192];

void setup(){
  
  size(480,360);
  frameRate(10);
  
  for(int i=0;i<Image.length;i++){
    Image[i] = loadImage(i+1+".jpg");
  }
}

void draw() {
  for(int i=0;i<2192;i++){
    image(Image[i],0,0);
  }
  noLoop();
}

こちらのコードで実行してみたのですが、一番始めの画像が表示されるだけで連続で表示されません。どうすれば連続で表示してくれるでしょうか、ご回答よろしくお願いいたします。

Answer 1

Processingの描画は、基本としてはdraw()の実行が終わった後に行われます。で、通常はframeRateの逆数だけの時間の後にまたdraw()が呼ばれる、ということの繰り返しになります。

なので、基本的には、アニメーションはdraw()関数一回分で描き切るようなプログラムにしてはいけません。draw()を繰り返す毎に次の画を描くようにプログラムを作ります。

int i=0;
void draw(){
  image(Image[i],0,0);//drawが終わった時点で実際の描画が行われる
  i++; //すでにImage[i]の描画がなされていることに注意。次回のためにインクリメントしている
  if(i>2192){
    noLoop();// i=0; とするとまた1枚めから
  }
}
//draw()が終わったら描画して、frameRate(10)なら1/10秒後にまたdraw()を実行する