final project

let trail = [];

let a = 0;

​

var margin = -50;

var l;

var b;

var c;

var d;

var e;

var f;

var g;

var z;

var i;

var j;

​

function preload() {

  soundFormats('mp3', 'ogg');

  mySound = loadSound('mashup');

  l = loadImage("clockdresser.png");

  b = loadImage("radio.png");

  c = loadImage("macrame.png");

  d = loadImage("mirror.png");

  e = loadImage("cds.png");

  f = loadImage("frame1.png");

  g = loadImage("frame2.png");

  z = loadImage("smiley2.png");

  i = loadImage("smiley1.png");

  j = loadImage("speaker.png");

}

​

function setup() {

  createCanvas(1750, 1200);

  frameRate(1);

    mySound.pause();

}

​

function draw() {

  background(238, 223, 214);

  fill(214, 220, 221);

  rect(-10, -10, 1770, 41);

  rect(-10, -10, 1770, 32);

  rect(-10, 986, 1770, 182);

  rect(-10, 995, 1770, 182);

  rect(-10, 648, 1770, 22);

  fill(random(150, 200), random(150, 200), random(150, 200));

  rect(910, 370, 350, 625);

  image(l, 50, 400);

  image(b, 1370, 602);

  image(c, 985, 65);

  image(e, 1425, 238);

  image(f, 518, 100);

  image(g, 120, 100);

  fill(random(150, 200), random(150, 200), random(150, 200));

  ellipse(1570, 701, 55, 55);

  ellipse(1490, 701, 55, 55);

  strokeWeight(2);

  image(d, 890, 352.5);

  image(j, 1370, 602);

  fill(random(150, 200), random(150, 200), random(150, 200));

  rect(143, 122, 210, 284);

  rect(-10, 1016, 1770, 185);

  fill(random(150, 200), random(150, 200), random(150, 200));

  rect(537, 120, 136, 155);

  rect(0, 1016, 70, 70);

  rect(280, 1016, 70, 70);

  rect(560, 1016, 70, 70);

  rect(840, 1016, 70, 70);

  rect(1120, 1016, 70, 70);

  rect(1400, 1016, 70, 70);

  rect(1680, 1016, 70, 70);

  rect(140, 1156, 70, 70);

  rect(420, 1156, 70, 70);

  rect(700, 1156, 70, 70);

  rect(980, 1156, 70, 70);

  rect(1260, 1156, 70, 70);

  rect(1540, 1156, 70, 70);

  //row1

  fill(214, 220, 221);

  rect(140, 1016, 70, 70);

  rect(420, 1016, 70, 70);

  rect(700, 1016, 70, 70);

  rect(980, 1016, 70, 70);

  rect(1260, 1016, 70, 70);

  rect(1540, 1016, 70, 70);

  //row2

  rect(70, 1086, 70, 70);

  rect(210, 1086, 70, 70);

  rect(350, 1086, 70, 70);

  rect(490, 1086, 70, 70);

  rect(630, 1086, 70, 70);

  rect(770, 1086, 70, 70);

  rect(910, 1086, 70, 70);

  rect(1050, 1086, 70, 70);

  rect(1190, 1086, 70, 70);

  rect(1330, 1086, 70, 70);

  rect(1470, 1086, 70, 70);

  rect(1610, 1086, 70, 70);

  //row3

  rect(0, 1156, 70, 70);

  rect(280, 1156, 70, 70);

  rect(560, 1156, 70, 70);

  rect(840, 1156, 70, 70);

  rect(1120, 1156, 70, 70);

  rect(1400, 1156, 70, 70);

  rect(1680, 1156, 70, 70);

  strokeWeight(2);

  image(z, 518, 100);

  image(i, 120, 100);

  fill(255);

  textSize(24);

  //ellipse(mouseX, mouseY, 3, 3);

  //text(mouseX, mouseX + 10, mouseY);

  //text(mouseY, mouseX + 10, mouseY + 30);

  let h = nf(hour(),2)

  let m = nf(minute(),2)

  console.log(h + ':'+ m)

  let time = h + ':'+ m

  {

  time = h + ':'+ m

  }

  textSize(25)

  fill(232, 148,191)

  text(time, 465, 593.5)

  textSize(25)

  text('click radio to play music', 1395, 585)

  //text('click books to read them', 113.5, 462)

  //text('click posters to change them', 447.5, 328)

  trail.push([mouseX, mouseY]);

  for(let i = 0; i < trail.length; i++) {

  fill(214, 220, 221, a);

  ellipse(trail[i][0], trail[i][1], 6);

    if(a > 255) {

      trail.shift();

      a = 0;

    }

    a += 6;

  }

  console.log(trail.length);

}

​

function mouseClicked() {

  if (mouseX > 1447 && mouseX < 1614 && mouseY > 660 && mouseY < 740){

    mySound.play();

  }

}