let nDayDreamSa = [1.5, 11.333, 15.5, 15.833, 23];

let nDayDreamSu = [10, 10.333, 10.833, 11.333, 12, 12.5, 14.166, 14.5];

let nDayDreamM = [7.5, 8, 8.166, 8.5, 8.583, 10.333, 12.166, 16.5, 17];

let nDayDreamT = [7.75, 8, 8.5, 8.833, 9.75, 11.5, 13.833];

let XCP = 0;

let XCA = -30;

let XCB = -15;

let XCC = 700;

​

function setup() {

  createCanvas(600, 600);

​

}

​

function mousePressed() {

  background(255, 255, 255, 100)

  XCP = 0;

  XCA = -30;

  XCB = -15;

  XCC = 700;

}

​

function draw() {

  background(20, 20, 20, 30);

  DaysofWeek();

  DaysFriday();

  DaysSaturday();

  DaysSunday();

  DaysMonday();

  DaysTuesday();

​

  if (XCA < 33) {

    XCA = XCA + 4;

  } else if (XCA == 33) {}

​

  if (XCB < 5) {

    XCB = XCB + 1;

  } else if (XCA == 5) {}

​

  if (XCC > 320) {

    XCC = XCC - 5;

  } else if (XCC == 320) {}

  //de tects

  textFont('Georgia');

  textSize(30);

  text("DEAR DATA: Day Dreamer", 5, XCA);

​

  fill(220, 220, 200);

  textSize(12);

  text("The Bars represent the time, at which I caught", XCC, 100);

  text("myself Day-dreaming while doing something", XCC, 120);

  text("important... I may have missed a few...", XCC, 140);

  text("teehee", XCC + 20, 160);

​

  //de oder tects

  textFont('Helvetica');

  fill(255, cc + 40, cc - 20);

  textSize(20);

  text("FRIDAY", XCB, 100 - 30);

​

  fill(255, cc - 40, cc + 20);

  textSize(20);

  text("SATURDAY", XCB, 200 - 30);

​

  fill(255, cc - 20, cc + 40);

  textSize(20);

  text("SUNDAY", XCB, 300 - 30);

​

  fill(255, cc + 20, cc - 40);

  textSize(20);

  text("MONDAY", XCB, 400 - 30);

​

  fill(255, cc + 60, cc - 40);

  textSize(20);

  text("TUESDAY", XCB, 500 - 30);

}

​

function DaysofWeek() {

  if (XCP < 60) {

    XCP = XCP + 0.75;

  } else if (XCP == 60) {}

  for (cc = 75; cc <= nDayDreamF.length; cc++) {}

​

  //i++ is a shorthand for i = i +1

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

    fill(255, cc + 40, cc - 20);

    rect(i * 60, 100, XCP, (nDayDreamF[i]) * 3);

  }

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

    fill(255, cc - 40, cc + 20);

    rect(i * 60, 200, XCP, (nDayDreamSa[i]) * 3);

  }

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

    fill(255, cc - 20, cc + 40);

    rect(i * 60, 300, XCP, (nDayDreamSu[i]) * 3);

  }

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

    fill(255, cc + 20, cc - 40);

    rect(i * 60, 400, XCP, (nDayDreamM[i]) * 3);

  }

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

    fill(255, cc + 60, cc - 40);

    rect(i * 60, 500, XCP, (nDayDreamT[i]) * 3);

  }

​

}

​

function DaysFriday() {

  //FRIDAY

  fill(255);

  if (mouseX >= 0 && mouseX <= 0 + 60 && mouseY >= 100 && mouseY <= 100 + 50) {

    textSize(15);

    text("10:30", 60 - 50, 100 - 10);

  } else {}

  if (mouseX >= 60 && mouseX <= 60 + 60 && mouseY >= 100 && mouseY <= 100 + 50) {

    textSize(15);

    text("11:10", 120 - 50, 100 - 10);

  } else {}

  if (mouseX >= 120 && mouseX <= 120 + 60 && mouseY >= 100 && mouseY <= 100 + 50) {

    textSize(15);

    text("14:15", 180 - 50, 100 - 10);

  } else {}

  if (mouseX >= 180 && mouseX <= 180 + 60 && mouseY >= 100 && mouseY <= 100 + 50) {

    textSize(15);

    text("15:35", 240 - 50, 100 - 10);

  } else {}

  if (mouseX >= 240 && mouseX <= 240 + 60 && mouseY >= 100 && mouseY <= 100 + 50) {

    textSize(15);

    text("16:25", 300 - 50, 100 - 10);

  } else {}

}

​

function DaysSaturday() {

  //SATURDAY

  if (mouseX >= 0 && mouseX <= 0 + 60 && mouseY >= 200 && mouseY <= 200 + 50) {

    textSize(15);

    text("1:30", 60 - 50, 200 - 10);

  } else {}

  if (mouseX >= 60 && mouseX <= 60 + 60 && mouseY >= 200 && mouseY <= 200 + 50) {

    textSize(15);

    text("11:20", 120 - 50, 200 - 10);

  } else {}

  if (mouseX >= 120 && mouseX <= 120 + 60 && mouseY >= 200 && mouseY <= 200 + 50) {

    textSize(15);

    text("15:30", 180 - 50, 200 - 10);

  } else {}

  if (mouseX >= 180 && mouseX <= 180 + 60 && mouseY >= 200 && mouseY <= 200 + 50) {

    textSize(15);

    text("15:50", 240 - 50, 200 - 10);

  } else {}

  if (mouseX >= 240 && mouseX <= 240 + 60 && mouseY >= 200 && mouseY <= 200 + 70) {

    textSize(15);

    text("23:00", 300 - 50, 200 - 10);

  } else {}

​

}

​

function DaysSunday() {

  //SUNDAY

  if (mouseX >= 0 && mouseX <= 0 + 60 && mouseY >= 300 && mouseY <= 300 + 50) {

    textSize(15);

    text("10:00", 60 - 50, 300 - 10);

  } else {}

  if (mouseX >= 60 && mouseX <= 60 + 60 && mouseY >= 300 && mouseY <= 300 + 50) {

    textSize(15);

    text("10:20", 120 - 50, 300 - 10);

  } else {}

  if (mouseX >= 120 && mouseX <= 120 + 60 && mouseY >= 300 && mouseY <= 300 + 50) {

    textSize(15);

    text("10:50", 180 - 50, 300 - 10);

  } else {}

  if (mouseX >= 180 && mouseX <= 180 + 60 && mouseY >= 300 && mouseY <= 300 + 50) {

    textSize(15);

    text("11:20", 240 - 50, 300 - 10);

  } else {}

  if (mouseX >= 240 && mouseX <= 240 + 60 && mouseY >= 300 && mouseY <= 300 + 50) {

    textSize(15);

    text("12:00", 300 - 50, 300 - 10);

  } else {}

  if (mouseX >= 300 && mouseX <= 300 + 60 && mouseY >= 300 && mouseY <= 300 + 50) {

    textSize(15);

    text("12:30", 360 - 50, 300 - 10);

  } else {}

  if (mouseX >= 360 && mouseX <= 360 + 60 && mouseY >= 300 && mouseY <= 300 + 50) {

    textSize(15);

    text("14:10", 420 - 50, 300 - 10);

  } else {}

  if (mouseX >= 420 && mouseX <= 420 + 60 && mouseY >= 300 && mouseY <= 300 + 50) {

    textSize(15);

    text("14:30", 480 - 50, 300 - 10);

  } else {}

}

​

function DaysMonday() {

  //MONDAY

  if (mouseX >= 0 && mouseX <= 0 + 60 && mouseY >= 400 && mouseY <= 400 + 50) {

    textSize(15);

    text("7:30", 60 - 50, 400 - 10);

  } else {}

  if (mouseX >= 60 && mouseX <= 60 + 60 && mouseY >= 400 && mouseY <= 400 + 50) {

    textSize(15);

    text("8:00", 120 - 50, 400 - 10);

  } else {}

  if (mouseX >= 120 && mouseX <= 120 + 60 && mouseY >= 400 && mouseY <= 400 + 50) {

    textSize(15);

    text("8:10", 180 - 50, 400 - 10);

  } else {}

  if (mouseX >= 180 && mouseX <= 180 + 60 && mouseY >= 400 && mouseY <= 400 + 50) {

    textSize(15);

    text("8:30", 240 - 50, 400 - 10);

  } else {}

  if (mouseX >= 240 && mouseX <= 240 + 60 && mouseY >= 400 && mouseY <= 400 + 50) {

    textSize(15);

    text("8:35", 300 - 50, 400 - 10);

  } else {}

  if (mouseX >= 300 && mouseX <= 300 + 60 && mouseY >= 400 && mouseY <= 400 + 50) {

    textSize(15);

    text("10:20", 360 - 50, 400 - 10);

  } else {}

  if (mouseX >= 360 && mouseX <= 360 + 60 && mouseY >= 400 && mouseY <= 400 + 50) {

    textSize(15);

    text("12:10", 420 - 50, 400 - 10);

  } else {}

  if (mouseX >= 420 && mouseX <= 420 + 60 && mouseY >= 400 && mouseY <= 400 + 50) {

    textSize(15);

    text("16:30", 480 - 50, 400 - 10);

  } else {}

  if (mouseX >= 480 && mouseX <= 480 + 60 && mouseY >= 400 && mouseY <= 400 + 50) {

    textSize(15);

    text("17:00", 540 - 50, 400 - 10);

  } else {}

}

​

function DaysTuesday() {

  //TUESDAY

  if (mouseX >= 0 && mouseX <= 0 + 60 && mouseY >= 500 && mouseY <= 500 + 50) {

    textSize(15);

    text("7:45", 60 - 50, 500 - 10);

  } else {}

  if (mouseX >= 60 && mouseX <= 60 + 60 && mouseY >= 500 && mouseY <= 500 + 50) {

    textSize(15);

    text("8:00", 120 - 50, 500 - 10);

  } else {}

  if (mouseX >= 120 && mouseX <= 120 + 60 && mouseY >= 500 && mouseY <= 500 + 50) {

    textSize(15);

    text("8:30", 180 - 50, 500 - 10);

  } else {}

  if (mouseX >= 180 && mouseX <= 180 + 60 && mouseY >= 500 && mouseY <= 500 + 50) {

    textSize(15);

    text("8:50", 240 - 50, 500 - 10);

  } else {}

  if (mouseX >= 240 && mouseX <= 240 + 60 && mouseY >= 500 && mouseY <= 500 + 50) {

    textSize(15);

    text("9:45", 300 - 50, 500 - 10);

  } else {}

  if (mouseX >= 300 && mouseX <= 300 + 60 && mouseY >= 500 && mouseY <= 500 + 50) {

    textSize(15);

    text("11:30", 360 - 50, 500 - 10);

  } else {}

  if (mouseX >= 360 && mouseX <= 360 + 60 && mouseY >= 500 && mouseY <= 500 + 50) {

    textSize(15);

    text("13:50", 420 - 50, 500 - 10);

  } else {}

}