04-02 写真をスライド表示

例題 4-2-1：写真をスライド表示

1秒ごとに画像が1枚ずつ切り替わるスライドショーを作ります。
frameRate(1) を使うことで、draw() 関数が1秒に1回実行されます。

コード

let photo = [];
let n = 0;

function preload() {
  photo[0] = loadImage('img/olive.jpg');
  photo[1] = loadImage('img/mint.jpg');
  photo[2] = loadImage('img/rukka.jpg');
}

function setup() {
  createCanvas(202, 268);
  frameRate(1);  // 1秒に1回
}

function draw() {
  background(220);

  image(photo[n], 0, 0, 202, 268);
  n = (n + 1) % 3;
}

練習問題4-2-1

上の例題を参考にして、1秒ごとに切り替わるスライドショーとして、
表示される写真を5枚に増やしなさい。