taralino

Game Over

Zu einer echten Herausforderung wird das Spiel in diesem Abschnitt, da eine Kollisionserkennung eingebaut wird:

Das Spiel wird beendet, falls der Schlangenkopf auf eine Wand oder auf ein hinteres Teil der Schlange trifft.

Auch dies lässt sich dank der Vorbereitungen vergleichsweise einfach ergänzen. Dazu startet das Spiel nach dem ersten Betätigen einer Pfeiltaste.

Quellcode

Möglichkeit, um Kollisionserkennung ins Spiel zu bringen.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="taralino.js"></script>
</head>
<body>
<script>

// Spielfeldgroesse definieren (globaler Parameter)
var n = 12;

// Spielfeld initialisieren (globale Variable)
var T = matrix(n, n);

// Eigenschaften der Schlange (globale Variablen)
var x = 0; // Position (Spalte)
var y = 0; // Position (Zeile)
var size = 0; // Laenge
var view = ""; // Richtung der Bewegung

function neuer_apfel() {
  do {
    var i = Math.floor(random(0,n));
    var j = Math.floor(random(0,n));
    if (T[i][j] == 0) T[i][j] = -2;
  } while (T[i][j] != -2);
};

function spielfeld_start() {
  x = 4;
  y = 4;
  size = 1;
  view = "";
  for (var i = 0; i < n; i++) for (var j = 0; j < n; j++) T[i][j] = 0;
  for (var i = 0; i < n; i++) {
    T[0][i] = -1;
    T[n-1][i] = -1;
    T[i][0] = -1;
    T[i][n-1] = -1;
  }
  T[y][x] = size;
  neuer_apfel();
};

function setup() {
  spielfeld_start();
  Canvas.init([0,n], [0,n], {width:360, background:"black"});
  Animation.init({fps:6});
};

function schlange_bewegen() {
  if (view == "O") x = x + 1;
  if (x == n) x = 0;
  if (view == "W") x = x - 1;
  if (x < 0) x = n-1;
  if (view == "N") y = y + 1;
  if (y == n) y = 0;
  if (view == "S") y = y - 1;
  if (y < 0) y = n-1;
};

function spielfeld_updaten() {
  // Bewegung simulieren
  for (var i = 0; i < n; i++) for (var j = 0; j < n; j++) {
    if (T[i][j] > 0) T[i][j] = T[i][j]-1;
  }
  // Kollisionserkennung
  if ((T[y][x] == -1) || (T[y][x] > 0)) {
    spielfeld_start();
  }
  // Apfel gefuttert ja / nein
  if (T[y][x] == -2) {
    size = size + 1;
    T[y][x] = size;
    neuer_apfel();
  } else {
    T[y][x] = size;
  }
};

function spielfeld_zeichnen() {
  Canvas.clear();
  for (var i = 0; i < n; i++) for (var j = 0; j < n; j++) {
    if (T[i][j] == -2) Canvas.circle(j+0.5, i+0.5, 0.5, {fill:"red"});
    if (T[i][j] == -1) Canvas.box(j+0.5, i+0.5, 0.9, {fill:"blue"});
    if (T[i][j] > 0) Canvas.circle(j+0.5, i+0.5, 0.5, {fill:"green"});
  }
  Canvas.circle(x+0.5, y+0.5, 0.5, {fill:"lime"});
};

function loop() {
  schlange_bewegen();
  spielfeld_updaten();
  spielfeld_zeichnen();
};

function on_key_down(k) {
  if (k == "UP") view = "N";
  if (k == "RIGHT") view = "O";
  if (k == "DOWN") view = "S";
  if (k == "LEFT") view = "W";
};

</script>
</body>
</html>

Vorschau Download Kopie speichern

Aufgabe

Mache dich mit dem Quellcode und teste diesen:

Prüfe die Kollisionserkennung, falls die Schlange gegen eine Wand läuft
Prüfe die Kollisionserkennung, falls die Schlange auf ihren eigenen Schwanz trifft