04-03 写真をサムネイル表示

let photo = [null, null, null];
let n = 0;

function preload() {
  photo[0] = loadImage('olive-700x933.jpg');
  photo[1] = loadImage('mint-700x933.jpg');
  photo[2] = loadImage('rukka-700x933.jpg');
  photo[3] = loadImage('kaori.jpg');
  photo[4] = loadImage('yuichi.jpg');
}

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);

  for (let i = 0; i<5; i++) {
    image(photo[i], 50*i +125, 10, 50, 65);
  }
  image(photo[n], 100, 80, 202, 268);
}

function mousePressed() {
  let x = Math.floor((mouseX - 125) / 50);
  if (0 <= x && x < 5)
    n = x;
}