Punkte verteilen

Wir benötigen für jedes Level viele Punkte. Um den Code nicht zu vervielfältigen, erstellen wir für das Zeichnen eines Punkts eine Funktion und rufen sie systematisch auf.

Learn Coding with Pacman | Punkte verteilenpacman.datalit.de

Was ist neu?

• Verschachtelte Schleifen

game.js

function draw() {
    ...

    // Zeichne Punkte in 4 Reihen mit 40 Pixeln Abstand
    for (var i = 120; i < height - 100; i = i + 40) {
        for (var j = 110; j < width; j += 200) {
            drawPoint(j, i);
        }
    }
    
    ...
}

game.js

function drawPoint(x, y, size = 15) {

    // Zeichne einen weißen Punkt mit Durchmesser "size"
    stroke('white');
    strokeWeight(size);
    point(x, y);
}