script.js

// globale variabelen
var ballen = [];

/**
 * setup
 * de code in deze functie wordt één keer uitgevoerd door
 * de p5 library, zodra het spel geladen is in de browser
 */
function setup() {
  // Maak een canvas (rechthoek) waarin je je speelveld kunt tekenen
  createCanvas(1280, 720);

  for (var i = 0; i < 25; i++) {
    var randomx = random(50, 1230);
    var randomy = random(50, 670);
    var randomSpeedX = random (-5, 5);
    var randomSpeedY = random (-5, 5);

    var bal = new Bal(randomx, randomy, randomSpeedX, randomSpeedY);

    ballen.push(bal);
  }

  var superbal = new Superbal(400, 300, 10, 10);
  ballen.push(superbal);

  var nummerbal = new NummerBal(300, 400, 10, 10);
  ballen.push(nummerbal);


}


/**
 * draw
 * de code in deze functie wordt meerdere keren per seconde
 * uitgevoerd door de p5 library, nadat de setup functie klaar is
 */
function draw() {
  // Kleur de achtergrond blauw, zodat je het kunt zien
  background('blue');

  for(var i = 0; i < ballen.length; i++) {
    ballen[i].show();
    ballen[i].update();
  }
}