Wat wij nu gedaan hebben in de vorige LA’s: je had helemaal geen while-loop hoeven pakken. Had maar een for-loop genomen. Is bijna hetzelfde en zo mogelijk nog geschikter.

Je gebruikt een for-loop als je programma weet hoe vaak hij de loop moet herhalen, op het moment dat ie aan de eerste hhrhaling begint.

let tel = 0;
let grid = 8; // of 8 
let gridSize;

function setup() {
  createCanvas(400, 50);
  gridSize = floor(400 / grid);                
}

function draw() {
  gridCol = true // kleuren zijn true en false (hack)
  background(220);
  for (tel = 0; tel < 400; tel = tel + gridSize) {
    
    if (gridCol) {
      fill("white")
     
    } else {
      fill(210, 125, 45)  
    }
    rect(tel,0,gridSize,gridSize)
    gridCol = ! gridCol;
  }
}

Uitleg in de video

Opdracht For-loops : een mega-brede rij rondjes

Maak nu zelf een sketch met een enorme horizontale for-loop:

  • canvas 10000 breed
  • elke 100 zet je een circle van 70 groot.
  • maak ze afwisselend in twee kleuren naar keuze