Außenwände

Wir wissen, wie wir Wände zeichnen und Kollisionen erkennen können. Wir nutzen das Wissen und zeichnen Außenwände in das erste Level unseres Spiels.

Learn Coding with Pacman | Außenwändepacman.datalit.de

Was ist neu?

Wir fügen die Außenwände, wie auch die Wände zuvor, an das Ende der Funktion setup() ein. Zuerst definieren wir für jede der 4 Außenwände eine neue Variable, die wir dann in die globale Liste der Wände walls einfügen. Damit stellen wir sicher, dass die neuen Wände mit jedem Zeichenvorgang gezeichnet und bei jeder Kollisionsermittlung überprüft werden.

game.js

function setup() {
    ...

    // Wir fügen Außenwände hinzu
    var wallTop = { x: 0, y: 0, width: width, height: 20 };
    var wallBottom = { x: 0, y: height - 20, width: width, height: 20 };
    var wallLeft = { x: 0, y: 20, width: 20, height: height - 2 * 20 };
    var wallRight = { x: width - 20, y: 20, width: 20, height: height - 2 * 20 };

    walls.push(wallTop);
    walls.push(wallBottom);
    walls.push(wallLeft);
    walls.push(wallRight);
}