//Assignment 6

//Code 1

​

​

let glas = [2, 5, 10, 9, 13, 6];

let ju = [5, 1, 2, 3];

​

function setup() {

  createCanvas(600, 600);

}

​

function draw() {

  background(250, 234, 203);

  noStroke();

​

  textSize(15);

  textFont('Raleway');

  fill(156, 192, 231);

  text('Hover over a day to see my water intake in glasses and water bottles', 60, 25);

  fill(128, 128, 128);

  text('Monday', 25, 50);

  text('Tuesday', 105, 50);

  text('Wednesday', 185, 50);

  text('Thursday', 290, 50);

  text('Friday', 380, 50);

  text('Saturday', 440, 50);

  text('Sunday', 520, 50);

​

  //hover

  if (mouseX >= 20 && mouseX <= 90 && mouseY >= 30 && mouseY <= 60) {

    glass(100, glas[0]);

    jug(100,ju[0]);

  }

​

  if (mouseX >= 105 && mouseX <= 175 && mouseY >= 30 && mouseY <= 60) {

    glass(100, glas[1]);

  }

​

  if (mouseX >= 185 && mouseX <= 270 && mouseY >= 30 && mouseY <= 60) {

    glass(100, glas[4]);

  }

​

  if (mouseX >= 290 && mouseX <= 365 && mouseY >= 30 && mouseY <= 60) {

    glass(100, glas[3]);

    jug(100,ju[3]);

  }

​

  if (mouseX >= 380 && mouseX <= 430 && mouseY >= 30 && mouseY <= 60) {

    glass(100, glas[2]);

  }

​

  if (mouseX >= 440 && mouseX <= 510 && mouseY >= 30 && mouseY <= 60) {

    glass(100, glas[5]);

    jug(100,ju[1]);

  }

​

  if (mouseX >= 520 && mouseX <= 580 && mouseY >= 30 && mouseY <= 60) {

    glass(100, glas[5]);

  }

​

}

​

function glass(x, g) {

​

  if (g == 2) {

    for (x = 100; x < 300; x = x + 100) {

      fill(156, 192, 231);

      ellipse(x, 100, 40, 10);

      ellipse(x, 100 + 50, 30, 7);

      beginShape();

      vertex(x - 40 / 2, 100);

      vertex(x + 40 / 2, 100);

      vertex(x + 15, 100 + 50);

      vertex(x - 15, 100 + 50);

      endShape();

    }

  }

​

  if (g == 10) {

    for (x = 100; x < 600; x = x + 100) {

      fill(156, 192, 231);

      ellipse(x, 100, 40, 10);

      ellipse(x, 100 + 50, 30, 7);

      beginShape();

      vertex(x - 40 / 2, 100);

      vertex(x + 40 / 2, 100);

      vertex(x + 15, 100 + 50);

      vertex(x - 15, 100 + 50);

      endShape();

    }

    for (x = 100; x < 600; x = x + 100) {

      fill(156, 192, 231);

      ellipse(x, 200, 40, 10);

      ellipse(x, 200 + 50, 30, 7);

      beginShape();

      vertex(x - 40 / 2, 200);

      vertex(x + 40 / 2, 200);

      vertex(x + 15, 200 + 50);

      vertex(x - 15, 200 + 50);

      endShape();

    }

  }

​

  if (g == 5) {

    for (x = 100; x < 600; x = x + 100) {

      fill(156, 192, 231);

      ellipse(x, 100, 40, 10);

      ellipse(x, 100 + 50, 30, 7);

      beginShape();

      vertex(x - 40 / 2, 100);

      vertex(x + 40 / 2, 100);

      vertex(x + 15, 100 + 50);

      vertex(x - 15, 100 + 50);

      endShape();

    }

  }

​

  if (g == 9) {

    for (x = 100; x < 600; x = x + 100) {

      fill(156, 192, 231);

      ellipse(x, 100, 40, 10);

      ellipse(x, 100 + 50, 30, 7);

      beginShape();

      vertex(x - 40 / 2, 100);

      vertex(x + 40 / 2, 100);

      vertex(x + 15, 100 + 50);

      vertex(x - 15, 100 + 50);

      endShape();

    }

    for (x = 100; x < 500; x = x + 100) {

      fill(156, 192, 231);

      ellipse(x, 200, 40, 10);

      ellipse(x, 200 + 50, 30, 7);

      beginShape();

      vertex(x - 40 / 2, 200);

      vertex(x + 40 / 2, 200);

      vertex(x + 15, 200 + 50);

      vertex(x - 15, 200 + 50);

      endShape();

    }

  }

​

  if (g == 13) {

    for (x = 100; x < 600; x = x + 100) {

      fill(156, 192, 231);

      ellipse(x, 100, 40, 10);

      ellipse(x, 100 + 50, 30, 7);

      beginShape();

      vertex(x - 40 / 2, 100);

      vertex(x + 40 / 2, 100);

      vertex(x + 15, 100 + 50);

      vertex(x - 15, 100 + 50);

      endShape();

    }

    for (x = 100; x < 600; x = x + 100) {

      fill(156, 192, 231);

      ellipse(x, 200, 40, 10);

      ellipse(x, 200 + 50, 30, 7);

      beginShape();

      vertex(x - 40 / 2, 200);

      vertex(x + 40 / 2, 200);

      vertex(x + 15, 200 + 50);

      vertex(x - 15, 200 + 50);

      endShape();

    }

    for (x = 100; x < 400; x = x + 100) {

      fill(156, 192, 231);

      ellipse(x, 300, 40, 10);

      ellipse(x, 300 + 50, 30, 7);

      beginShape();

      vertex(x - 40 / 2, 300);

      vertex(x + 40 / 2, 300);

      vertex(x + 15, 300 + 50);

      vertex(x - 15, 300 + 50);

      endShape();

    }

  }

​

  if (g == 6) {

    for (x = 100; x < 600; x = x + 100) {

      fill(156, 192, 231);

      ellipse(x, 100, 40, 10);

      ellipse(x, 100 + 50, 30, 7);

      beginShape();

      vertex(x - 40 / 2, 100);

      vertex(x + 40 / 2, 100);

      vertex(x + 15, 100 + 50);

      vertex(x - 15, 100 + 50);

      endShape();

    }

    for (x = 100; x < 200; x = x + 100) {

      fill(156, 192, 231);

      ellipse(x, 200, 40, 10);

      ellipse(x, 200 + 50, 30, 7);

      beginShape();

      vertex(x - 40 / 2, 200);

      vertex(x + 40 / 2, 200);

      vertex(x + 15, 200 + 50);

      vertex(x - 15, 200 + 50);

      endShape();

    }

  }

​

}

​

function jug(x, j) {

  if (j == 5) {

    for (x = 150; x < 500; x = x + 150) {

      fill(128, 128, 128);

      ellipse(x, 400 + 7, 40, 12);

      ellipse(x, 400 + 77, 40, 12);

      ellipse(x, 400 + 5, 20, 10);

      ellipse(x, 400, 20, 10);

      rect(x - 20, 400 + 7, 40, 70);

    }

    for (x = 150; x < 400; x = x + 150) {

      fill(128, 128, 128);

      ellipse(x, 500 + 7, 40, 12);

      ellipse(x, 500 + 77, 40, 12);

      ellipse(x, 500 + 5, 20, 10);

      ellipse(x, 500, 20, 10);

      rect(x - 20, 500 + 7, 40, 70);

    }

  }

  if (j == 3) {

    for (x = 150; x < 500; x = x + 150) {

      fill(128, 128, 128);

      ellipse(x, 400 + 7, 40, 12);

      ellipse(x, 400 + 77, 40, 12);

      ellipse(x, 400 + 5, 20, 10);

      ellipse(x, 400, 20, 10);

      rect(x - 20, 400 + 7, 40, 70);

    }

  }

  if (j == 1) {

    for (x = 150; x < 200; x = x + 150) {

      fill(128, 128, 128);

      ellipse(x, 400 + 7, 40, 12);

      ellipse(x, 400 + 77, 40, 12);

      ellipse(x, 400 + 5, 20, 10);

      ellipse(x, 400, 20, 10);

      rect(x - 20, 400 + 7, 40, 70);

    }

  }

  if (j == 2) {

    for (x = 150; x < 300; x = x + 150) {

      fill(128, 128, 128);

      ellipse(x, 400 + 7, 40, 12);

      ellipse(x, 400 + 77, 40, 12);

      ellipse(x, 400 + 5, 20, 10);

      ellipse(x, 400, 20, 10);

      rect(x - 20, 400 + 7, 40, 70);

    }

  }

}

​

function water(x, y, o) {

​

}