​

let over;

let under;

let brushStart = 5;

let brushSize = brushStart;

let portfolio = [];

let links = [];

​

function preload() {

  for (var i = 0; i < 11; i++) {

    portfolio[i] = loadImage("data/LP_" + i + ".png");

  }

  //links[0] = 

}

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  cursor(CROSS);

  background(0);

  textAlign(CENTER, CENTER);

  fill(255, 255, 255);

  text('loading...', windowWidth / 2, windowHeight / 2);

  drawImages();

}

​

function mouseMoved() {

  copy(under, mouseX - round((brushSize / 2)), mouseY - round((brushSize / 2)), round(brushSize), round(brushSize), mouseX - round((brushSize / 2)), mouseY - round((brushSize / 2)), round(brushSize), round(brushSize));

​

  if (frameCount % 3 == 0) {

    brushSize = brushSize + .25;

  }

}

​

function mousePressed() {

  drawImages();

  brushSize = brushStart;

}

​

function drawImages() {

  overV = round(random(portfolio.length - 1));

  underV = round(random(portfolio.length - 1));

  if (overV == underV) {

    underV = underV + 1;

  }

  if (underV > (portfolio.length - 1)) {

    underV = 0;

  }

​

  over = portfolio[overV];

  under = portfolio[underV];

​

  if (over.width < windowWidth) {

    over.resize(windowWidth, 0);

  //} else {

  //  over.resize(0, windowHeight);

  }

​

  if (under.width < windowWidth) {

    under.resize(windowWidth, 0);

  } else {

    under.resize(0, windowHeight);

  }

​

  image(under, 0, 0);

  image(over, 0, 0);

}