Les 8


Hieronder de code zoals ik die ongeveer behandeld heb tijdens de les.

let kleuren = ['yellow','red','green','blue','purple','pink','orange'];
//indexnummer: 0        1     2       3       4       5
let lengte;
let noten = [60,62,64,65,67,69,72,48]
function setup() {
  //plaats hier de code die maar één keer hoeft te worden uitgevoerd
  createCanvas(800,800);
  background(255); 
  kleuren.push('black');
}

function draw() {
  lengte = kleuren.length;
  //plaats hier de code die continue herhaald moet worden.

  for(let i = 0; i < lengte; i++) {
    fill(kleuren[i]);
    noStroke();
    stroke('red');
    strokeWeight(0.1);
    rect(0,(height/lengte)*i,width,height/lengte);
    // console.log(kleuren[i]);
  }
}

function mousePressed() {
  for (let i=0;i<lengte;i++) {
    if (mouseY > (height/lengte)*i && mouseY < (height/lengte)*(i+1)) {
      makeNote(noten[i],0.5,random(0.1,0.5));
    }
  }
}