ASSIGNMENT 6: QUARANTINE DATA PORTRAIT

https://editor.p5js.org/koh029/sketches/4tzP6Hxr3

let sleep = ['90', '195', '180'];
//original variables multiplied by 30
//['3', '6.5', '6']
//['90', '195', '180']

function setup() {
  createCanvas(500, 500);
  console.log(sleep);
}

function draw() {
  background(0, 34, 255);
  
//data: hours of sleep i got for 3 days
//wednesday morning: 0035-0345 (3 hours)
//monday night - tuesday morning: 2340 - 0615 (6.5 hrs)
//sunday night - monday morning: 0430 - 1015 (6 hrs)
  
//rect(x, y, w, [h], [tl], [tr], [br], [bl])
//rect(x, y, w, h, [detailX], [detailY])
  fill(255, 74, 252)
  noStroke()
  rect(50, 167, sleep[0], 50)
  rect(50, 225, sleep[1], 50)
  rect(50, 280, sleep[2], 50)
  
  //control: 10 hours
  stroke(0, 255, 98);
  strokeWeight(1);
  fill(255);
  textSize(30);
  text('control: 10 hours', 80,460);
  noFill();
  rect(50, 430, 300, 50)
  
}

Leave a reply

Skip to toolbar