taralino

Snake

Als zweites Beispiel werden wir einen Bot erschaffen, der Snake spielt. Aber auch hier kannst du dich zunächst von deinen eigenen Fähigkeiten überzeugen:

Klicke auf die Zeichenfläche und nutze anschließend die Pfeiltasten, um die Schlange zu steuern. Ziel ist es, möglichst viele Äpfel (rote Punkte) zu futtern.

Das Spiel ist so aufgebaut, dass du pro Sekunde sechsmal die Richtung der Schlange wechseln kannst. Und genau diese Aufgabe soll nachfolgend eine Künstliche Intelligenz übernehmen:

In jedem Simulationsschritt entscheidet eine Künstliche Intelligenz, in welche Richtung sich die Schlange bewegen soll.

Den nachfolgenden Quellcode musst du auch hier nicht im Detail durcharbeiten. Er ist aber dargestellt, um Interessierten zu zeigen, wie das Spiel implementiert wurde.

Quellcode

Klicke auf die Zeichenfläche und nutze anschließend die Pfeiltasten.

<!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>

var n = 16;
var T = matrix(n, n);
var x = 0;
var y = 0;
var size = 0;
var sizemax = 3;
var view = "";
var run = 0;

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 = Math.round(n/2);
  y = Math.round(n/2);
  size = 3;
  view = "";
  run = 0;
  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], [-1,n], {width:320, 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;
    sizemax = Math.max(sizemax, size);
    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"});
  Canvas.text(0.5, -0.5, "score: " + (size-3).toFixed(0), {fill:"white", align:"left"});
  Canvas.text(n-0.5, -0.5, "high score: " + (sizemax-3).toFixed(0), {fill:"white", align:"right"});
};

function loop() {
  if (run == 1) {
    schlange_bewegen();
    spielfeld_updaten();
  }
  spielfeld_zeichnen();
};

function on_key_down(k) {
  run = 1;
  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 Spiel vertraut und versuche, möglichst viele Äpfel zu futtern.