Wie eine Animation, Schleife in Ihrem HTML5-Spiel erstellen

Wenn die Leinwand, um den Raum in einem HTML5-Spiel definiert, definiert eine Animation Schleifenzeit. Die meisten javascript-Spiele verwenden, um einen Mechanismus namens setInterval () wiederholt Verhalten verursachen. Diese Funktion nimmt zwei Parameter: einen Funktionsnamen und einen Verzögerungswert.

Hier ist ein Code, der einfach zählt zehnmal pro Sekunde:

hier wurde noch nichts

Das Verfahren ist einfach, und Sie können es verwenden, jedes Mal, wenn etwas in regelmäßigen Abständen passieren soll:

1. Erstellen Sie eine Funktion, die wiederholt werden soll.

   In diesem vereinfachten Beispiel die Funktion Graf() wird zehn Mal pro Sekunde aufgerufen werden.

2. In Ihrem Initialisierungscode, rufen setInterval ().

   Dies wird die wiederholte Aufruf der Funktion einrichten.

3. Geben Sie die Funktion, die wiederholt.

   Der erste Parameter ist der Name der Funktion, die wiederholt werden soll. Beachten Sie, dass, weil Sie die Funktion als Variable sind zu behandeln, Sie unterlassen Sie umfassen Klammern mit dem Funktionsnamen.

4. Geben Sie die Verzögerung.

   Der zweite Parameter ist eine Verzögerungswert in Millisekunden (a Millisekunden ist 1/1000^th einer Sekunde). Dieses Beispiel arbeitet mit einer Verzögerung von 100 Millisekunden, die 10 Bilder pro Sekunde ist. Das simpleGame Bibliothek läuft mit 20 Frames pro Sekunde.

Im simpleGame, wenn Sie ein erstellen Szene Klasse, zusätzlich zu einer Leinwand einrichten, sind Sie auch über die Szene Klasse, ein Intervall zu schaffen, immer wieder ruft die aktualisieren() Methode des Spiels. Aus diesem Grund müssen Sie ein zu haben aktualisieren() Verfahren.