Les 10 - Arrays en for loops

---

De presentatie van deze les vind je hier: Javascript les 10 - for loops.pdf

en de code:

let counter = 0;
let midiWaardes = [60,62,64,67,69,74];
let midiWaarde = midiWaardes[counter];

function setup() {
  //plaats hier de code die maar één keer hoeft te worden uitgevoerd
  createCanvas(400,400);
  background(255);
}

function draw() {
  background(255);
  textSize(48);
  text(counter, width / 2, height / 2);
  text(midiWaarde, width / 2, height * 0.6);
  //plaats hier de code die continue herhaald moet worden.
}

function mousePressed() {
  //dit wordt uitgevoerd als ik op de muis klik
  console.log("ik klik op de muis!");
  counter ++;
  counter = counter % midiWaardes.length;
  midiWaarde = midiWaardes[counter];
}

en over for loops:

let xPosities = [10,40,60,100,150,250,300]

function setup() {
  //plaats hier de code die maar één keer hoeft te worden uitgevoerd

  createCanvas(400,400);
  background(255);
  console.log(xPosities);

  //maak een for loop die zo vaak loopt als dat xPosities lang is.
  for (let i = 0; i < xPosities.length; i ++ ) {
    console.log("Dit is de " + i + "ste keer dat ik dit uitvoer");
    //teken een vierkantje op de xPositie die op index i is opgeslagen in de xPosities array
    rect(xPosities[i], height / 2, 20);
  }
}

function draw() {
  //plaats hier de code die continue herhaald moet worden.

}