Wie auch schon bei den Wänden reicht das Zeichnen der Punkte nicht aus. Wir müssen uns die Koordinaten jedes Punkts merken, um Kollisionen zu entdecken und Punkte als gefressen zu markieren.
Was ist neu?
game.js
// Eine globale Variable für die Punkte
var points = [];
game.js
function setup() {
...
// Wir fügen die Punkte der globalen Liste hinzu
for (var i = 120; i < height - 100; i = i + 40) {
for (var j = 110; j < width; j += 200) {
var p = { x: j, y: i, size: 15 };
points.push(p);
}
}
...
}
game.js
/* Diese Funktion zeichnet alle Punkte in der globalen Liste */
function drawPoints() {
stroke('white');
for (var i = 0; i < points.length; i++) {
// Greife auf den aktuellen Punkt zu
var p = points[i];
// Setze die Größe
strokeWeight(p.size);
// Zeichne den Punkt
point(p.x, p.y);
}
}
game.js
/* Diese Funktion prüft, ob Pacman einen Punkt gegessen hat.
* Wenn das der Fall ist wird der Punkt aus der globalen Liste entfernt
*/
function checkSwallow() {
for (var i = 0; i < points.length; i++) {
var p = points[i];
// Wir nehmen 1/3 der Größe, damit der Punkt wirklich geschluckt wurde (und nicht nur gestriffen)
var swallowed = objectsCollide(pacmanX, pacmanY, pacmanSize / 3, pacmanSize / 3, p.x, p.y, p.size, p.size);
if (swallowed === true) {
// Punkt entfernen
points.splice(i, 1);
}
}
}
/* Diese Funktion prüft, ob 2 rechteckige Objekte miteinander kollidieren */
function objectsCollide(aX, aY, aWidth, aHeight, bX, bY, bWidth, bHeight) {
if (aX < bX + bWidth &&
aX + aWidth > bX - bHeight &&
aY < bY + bHeight &&
aY + aHeight > bY - bHeight) {
return true;
}
return false;
}
