var memes = [];

var meme;

var bg1, bg2, bg3, bg4, bg5, bg6;

var bgs = [];

var bg;

var quotes;

var y;

​

function preload() {

  meme1 = loadImage("/media/batman.jpg");

  meme2 = loadImage("/media/spongeBob.png");

  meme3 = loadImage("/media/disappointed.png");

  meme4 = loadImage("/media/nervous.png");

  meme5 = loadImage("/media/spitting.png");

  meme6 = loadImage("/media/trollface.png");

  meme7 = loadImage("/media/histerical.png");

  bg1 = loadImage("/media/stars-bg.jpg");

  bg2 = loadImage("/media/hearts-bg.jpg");

  bg3 = loadImage("/media/forest-bg.jpg");

  bg4 = loadImage("/media/field-bg.jpg");

    bg5 = loadImage("/media/fire.jpg");

    bg6 = loadImage("/media/beach.jpg");

}

​

function setup() {

  createCanvas(400, 400);

  memes = [meme1, meme2, meme3, meme4, meme5, meme6, meme7];

  bgs = [bg1, bg2, bg3, bg4, bg5, bg6];

  quotes = ["Took my AP test", "Asked my boss for a raise", 

            "I started programming with p5", "Ritam taught me .forEach()",

           "Jose said he liked my project", "We learned about arrays today"];

  meme = memes[0];

  bg = bgs[0];

  quote = quotes[0];

  y = 300;

  // textAlign(LEFT);

  textSize(30);

  fill(255,255,0);

  stroke(255,0,0);

  strokeWeight(3);

}

​

function draw() {

  background(220);

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

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

  text(quote,30,y, width-40);

}

​

function mousePressed() {

  meme = random(memes);

  bg = random(bgs);

  quote = random(quotes);

  y = random(30,height-20);

  tint(random(0,255),random(0,255),(0,255));

}