taralino

Futter

Das Spiel nimmt langsam Form an, spätestens dadurch, dass wir nun Futter (Äpfel) einbauen und die Schlange wachsen lassen. Dazu integrieren wir einen Befehl, der einen Apfel zufällig auf dem Spielfeld positioniert. Es ist zu beachten, dass Äpfel nur auf freien Stellen gesetzt werden dürfen (und nicht auf Wänden bzw. auf der Schlange selbst). Dieses Konzept wird mittels einer while-Schleife umgesetzt.

Zudem wird beim Update des Spielfeldes geschaut, ob ein Apfel gefuttert wurde. Ist dies der Fall, wird ein neuer Apfel zufällig gesetzt und die Länge der Schlange vergrößert.

Quellcode

Möglichkeit, um Futter und ein Wachsen der Schlange 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 = 2;
  y = 1;
  size = 2;
  view = "O";
  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;
  }
  // 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

Codingaufgabe

Mache dich mit dem Quellcode zuvor vertraut und verändere diesen:

Lasse die Schlange pro gefressenen Apfel um drei Elemente wachsen
Wenn ein Apfel gefressen wird, sollen zwei neue Äpfel erzeugt werden