SomaTarot

somatarot

let tarot1, tarot2, tarot3;
let videoXrandomizer = [0, 1, 2];
let covered1 = true;
let covered2 = true;
let covered3 = true;
let videos = [];
let selection = [];

function setup() {
  createCanvas(windowWidth, windowHeight);
  background(255);

  tarot1 = createImg('somatarot.png');
  tarot2 = createImg('somatarot.png');
  tarot3 = createImg('somatarot.png');

  videos[0] = createVideo('devil.mp4');
  videos[0].loop();
  videos[0].hide();
  videos[1] = createVideo('hangedman.mp4');
  videos[1].loop();
  videos[1].hide();
  videos[2] = createVideo('fool.mp4');
  videos[2].loop();
  videos[2].hide();
  videos[3] = createVideo('death.mp4');
  videos[3].loop();
  videos[3].hide();
  videos[4] = createVideo('hermit.mp4');
  videos[4].loop();
  videos[4].hide();
  videos[5] = createVideo('moon.mp4');
  videos[5].loop();
  videos[5].hide();

  shuffle(videos, true);
  shuffle(videoXrandomizer, true);
}

function draw() {
  imageMode(CENTER);

  let v_width = min(width / 3, 300);
  let v_height = v_width * 1.666;
  image(videos[0], width / 6 + (videoXrandomizer[0] * width / 3), v_height / 2 + 100, min(width / 3, 300), v_height);
  if (covered1) {
    tarot1.show();
  } else {
    tarot1.hide();
  }
  tarot1.size(min(width / 3, 300) + 33, v_height + 33);
  tarot1.position(width / 6 - v_width / 2 - 13, 0 + 83);

  image(videos[1], width / 6 + (videoXrandomizer[1] * width / 3), v_height / 2 + 100, min(width / 3, 300), v_height);
  if (covered2) {
    tarot2.show();
  } else {
    tarot2.hide();
  }
  tarot2.size(min(width / 3, 300) + 33, v_height + 33);
  tarot2.position(3 * width / 6 - v_width / 2 - 12, 0 + 83);

  image(videos[2], width / 6 + (videoXrandomizer[2] * width / 3), v_height / 2 + 100, min(width / 3, 300), v_height);
  if (covered3) {
    tarot3.show();
  } else {
    tarot3.hide();
  }
  tarot3.size(min(width / 3, 300) + 33, v_height + 33);
  tarot3.position(5 * width / 6 - v_width / 2 - 12, 0 + 83);
}

function mousePressed() {
  if (mouseX > 0 && mouseX < width / 3 && covered1 == true) {
    // console.log("hello");
    covered1 = false;
  } else if (mouseX > width / 3 && mouseX < 2 * width / 3 && covered2 == true) {
    // console.log("hello");
    covered2 = false;
  } else if (mouseX > width / 3 && mouseX < 3 * width / 3 && covered3 == true) {
    // console.log("hello");
    covered3 = false;
  }
}