Processingでスライドショーを作る

こんにちは、コンスキです。

Processingを使った作品の中に、スライドショーを作ろうとした時にスライドショーのライブラリがあるか調べてみました。

僕が調べた限りではスライドショーを作るライブラリが見つからなかったため、ここにスライドショーの機能をつけるスクリプトを残しておきます。

どんな感じに表示されるのか
スクリプト
使い方
スライドショーの動作設定
終わりに

どんな感じに表示されるのか

次のようなスライドショーになります。

表示している画像の大きさはそれぞれバラバラです。

そこで、画面とウィンドウの大きさは同じにしないで、左上に画像を表示させています。

スクリプトを少し変えれば、真ん中に表示したり。

なるべく黒い部分の面積を小さくして表示することもできます。

スクリプト

先ほどのスライドショーのスクリプトは次のようになっています。

int imgId = 1;
int imgAmount = 5; //画像ファイルの個数
int FR = 10; //setup関数で設定するフレームレート
int duration = 2; //画像が切り替わる間隔(秒)
PImage[] images = new PImage[imgAmount]; 

void setup() {
  for(int i=0; i<imgAmount; i++) {
    images[i] = loadImage("./img/img_" + (i + 1) +".jpg");
  }
  fullScreen();
  frameRate(FR);
}
void draw() {
  background(0);
  if(frameCount % (FR * duration) == 0) {
    if(imgId == imgAmount) {
      imgId = 1;
    } else {
      imgId++; 
    }
  }
  image(images[imgId - 1], 0, 0);
}