Lernen Sie beim Spielen mit HTML5 (10) – Tetris-Steuerungsschnittstelle (Quellcode)

Ursprünglich wollte ich ein paar Sätze schreiben, aber ich sah, dass die Resonanz auf den vorherigen Artikel nicht sehr zufriedenstellend war, daher hatte ich ursprünglich keine Motivation, einen „Schlangen“-Artikel zu schreiben, also schauen wir uns das an Gehen Sie direkt zum Quellcode.

Dieses Mal wurden die folgenden Funktionen basierend auf dem vorherigen Programm hinzugefügt:

1 Tastatursteuerung

2. Der Pauseneffekt von Leerzeilen beim Eliminieren

4. Mit zunehmender Anzahl der eliminierten Zeilen steigt die Geschwindigkeit

Soundeffekte

und so weiter.

Der Code des Modells im vorherigen Artikel wurde im Grunde nicht geändert. Nur die Steuer- und Grafikcodes wurden hinzugefügt.

Tipps

: Das Tetris-Spiel in diesem Artikel erfordert den Browser Chrome , um die besten Laufergebnisse zu erzielen. Der Firefox-Browser funktioniert auch. hat aber keine Soundeffekte.

Am Ende stehen zwei lange Sätze, wenn du es lesen willst, lies es einfach.

Dieser Teil des Codes besteht hauptsächlich aus zwei

Timern

. Der erste Timer generiert in jedem Intervall eine TickMessage-Nachricht. Die Verarbeitung dieser Nachricht besteht darin, dass der Block jedes Mal verschwindet, nachdem er gefallen ist.

Der zweite Timer ist die Nachricht

Loop

, die so schnell wie möglich eine Schleife durchläuft, sodass das Zeitintervall auf 0 gesetzt ist. Da der Modellteil und der Steuerungsteil des gesamten Spiels viele

Ereignisse

generieren und niemand weiß, wann der Benutzer die Taste drückt, wird eine Nachrichtenwarteschlange. Sobald eine neue Situation auftritt, wird eine entsprechende Nachricht zur Nachrichtenwarteschlange hinzugefügt, und die Nachrichtenschleife entnimmt ihr kontinuierlich Nachrichten. Solange es eine gibt, wird eine herausgenommen und verarbeitet.

Im Grafikteil geht es vor allem darum, die kleinen Quadrate mit sieben Farben im Voraus zu zeichnen und sie

zwischenzuspeichern

, damit sie später bei Bedarf direkt verwendet werden können. Andernfalls bleibt das Programm hängen, wenn Sie vorübergehend zeichnen und die Anzahl der Blöcke zunimmt.

Das obige ist der detaillierte Inhalt vonLernen Sie beim Spielen mit HTML5 (10) – Tetris-Steuerungsschnittstelle (Quellcode). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!