JS praktisches objektorientiertes Schlangenspielbeispiel

btnstart.addEventListener('klicken', function() {
     btnstart.style.display = "keine";
     //Rufen Sie die Zwischenklasse game = new Game(); auf.
     var Tabelle = Dokument.QuerySelector('Tabelle');
     Tabelle.addEventListener('klicken', Funktion() {
        //Timer löschen clearInterval(game.timer);
        btnstop.style.display = "Block";
     })
});

//Die aktuelle Richtung akzeptiert willDirection! ! !
diese.Richtung = diese.wirdRichtung;
 
//Schlangenbewegung in verschiedene Richtungen switch (this.direction) {
     Fall "R":
            //Nach rechts bewegen this.body.unshift({ "row": this.body[0].row, "col": this.body[0].col + 1 });
            brechen;
     Fall "D":
            //Nach unten verschieben this.body.unshift({ "row": this.body[0].row + 1, "col": this.body[0].col });
            brechen;
     Fall "L":
            //Nach links bewegen this.body.unshift({ "row": this.body[0].row, "col": this.body[0].col - 1 });
            brechen;
     Fall "T":
            //Nach oben verschieben this.body.unshift({ "row": this.body[0].row - 1, "col": this.body[0].col });
            brechen;
}

Spiel.prototype.bindEvent = Funktion() {
    var selbst = dies;
    //Tastaturereignis document.onkeydown = function(e) {
        Schalter (e.keyCode) {
            //Drücken Sie die linke Taste Fall 37:
                //Zuerst beurteilen (wenn die aktuelle Richtung nach rechts geht, können wir zu diesem Zeitpunkt nicht die linke Taste drücken)
                wenn (self.snake.direction == 'R') zurückgeben;
                // selbst.snake.direction = "L";
                selbst.snake.changeDirection('L');
                selbst.d = "L";
                brechen;
                //Drücken Sie die Aufwärtstaste Fall 38:
                wenn (self.snake.direction == 'D') zurückgeben;
                self.snake.changeDirection('T');
                self.d = "T";
                brechen;
                //Rechte Taste drücken Fall 39:
                wenn (self.snake.direction == 'L') zurückgeben;
                selbst.snake.changeDirection('R');
                selbst.d = "R";
                brechen;
                //Taste Fall 40 drücken:
                wenn (self.snake.direction == 'T') zurückgeben;
                selbst.snake.changeDirection('D');
                selbst.d = "D";
 
                brechen;
        }
 
    }
 
};

var self = this; //bezieht sich auf Fenster
    //Die folgende do-while-Schleifenanweisung wird verwendet, um zuerst eine Zeile und eine Spalte zu erstellen und dann zu bestimmen, ob sie sich in der Schlange befindet.
        //Lebensmittelstandort this.row = parseInt(Math.random() * gameSnake.row);
        this.col = parseInt(Math.random() * gameSnake.col);
    } während ((Funktion() {
        //Durchlaufe die Zeilen und Spalten der Schlange und beurteile dann, ob sie sich mit den zufällig generierten Zeilen und Spalten überschneiden for (var i = 0; i < gameSnake.snake.body.length; i++) {
        wenn (gameSnake.snake.body[i].row == self.row und gameSnake.snake.body[i].col == self.col) {
             gibt true zurück;
          }
       }
       gibt false zurück;
})());

// Wenn der Kopf der aktuellen Schlange das Futter nicht überlappt, bedeutet dies, dass das Futter nicht gefressen wurde und der Schwanz zu diesem Zeitpunkt gelöscht wird.
wenn (dieser.body[0].row == spiel.food.row und dieser.body[0].col == spiel.food.col) {
      //Wenn sie sich überlappen, bedeutet das, dass sie gefressen wurden. Der Schwanz wird nicht gelöscht, nur der Kopf wird hinzugefügt. //Neues Futter erstellen game.food = new Food(game);
      //Setze die Frame-Nummer auf 0 zurück, da die Schlange sonst springt, //das Futter frisst und Punkte hinzufügt game.score++;
      spiel.f = 0;
} anders {
      dies.body.pop();
}

wenn (dieser.body[0].col > spiel.col - 1 || dieser.body[0].row > spiel.row - 1 || dieser.body[0].col < 0 || dieser.body[0].row < 0) {
        //unten rechts oben links alert('Das Spiel ist vorbei, Ihr aktueller Gesamtscore beträgt:' + game.score + 'points');
        dies.body.unshift();
        clearInterval(spiel.timer);
}

für (var i = 1; i < this.body.length; i++) {
    wenn (dieser.body[0].col == dieser.body[i].col && dieser.body[0].row == dieser.body[i].row) {
        alert('Das Spiel ist vorbei, Ihr aktueller Gesamtscore beträgt:' + game.score + 'points');
        clearInterval(spiel.timer);
    }
}

btnstop.addEventListener('klicken', function() {
    btnstop.style.display = "keine";
    spiel.timer = setzeIntervall(funktion() {
    // Der Kern des Timers ist die Essenz der Spiel-Rendering: Bildschirm löschen – aktualisieren – Spiel rendern.f++;
    // Bildschirm löschen game.clear();
    //Schlangenbewegung/-aktualisierung //Aktualisierungsgeschwindigkeit der Schlange Wenn die Schlangenseite länger ist, erhöht sich die Geschwindigkeit var während = game.snake.body.length < 30 ? 30 - game.snake.body.length : 1;
    // Snake-Update game.f % während == 0 und game.snake.update();
    // Rendere die Schlange game.snake.render();
    // Essen rendern game.food.render();
    }, 20);
})