meme. part 2 interactivity

*/

​

var spiderImage;

​

var whatImage;

​

var fryImage;

​

function preload() {

  spiderImage = loadImage("Spider.jpeg");

  whatImage = loadImage("what.jpeg");

  fryImage = loadImage("fry.jpeg");

}

​

function setup() {

  createCanvas(750, 450);

}

​

function draw() {

  background(220);

​

  image(spiderImage, 0, 0, width, height);

​

  textSize(20);

  stroke("yellow");

  strokeWeight(3);

  //textFont("menlo");

  text("the person who wastes my salary", 150, 180, 150, 100);

  text("ME!", 570, 250);

​

  if (mouseIsPressed == true) {

    tint(255);

    image(fryImage, 0, 0);

    textSize(30);

    text("I knew it!", 350, 200);

  } else if (mouseX > 550) {

    tint(255, 0, 100);

    image(whatImage, 0, 0, width, 600);

    textSize(30);

    text("ME!", 350, 200);

  } else {

    noTint();

  }

}

​