Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Einführung in cnGameJS

Detaillierte Einführung in cnGameJS

巴扎黑
巴扎黑Original
2017-06-12 10:40:301624Durchsuche

Da das gesamte Spiel in einer Spielschleife stattfindet, kann man sagen, dass die Spielschleife der Kernbestandteil des Spiels ist. Bei jedem Durchlauf der Schleife werden die Eigenschaften des Spielobjekts aktualisiert und Spielelemente gezeichnet. Wie im vorherigen Artikel zum Laden von Ressourcen erwähnt, wird nach Abschluss des Ladens der Ressource beim Starten des Spiels eine Spielschleife gestartet. Sehen wir uns nun diesen Teil des Codes an: /***Verarbeitungsprogramm zum Abschluss des Bildladens **/ var imgLoad=function(self){          return function(){ &

1. HTML5 Game Framework cnGameJS Development Record - Game Loop

Detaillierte Einführung in cnGameJS

Einleitung: Da das gesamte Spiel in einer Spielschleife gespielt wird, kann man sagen, dass die Spielschleife der Kernbestandteil des Spiels ist. Bei jedem Durchlauf der Schleife werden die Eigenschaften des Spielobjekts aktualisiert und Spielelemente gezeichnet.

2. HTML5 Game Framework cnGameJS Development Record – Elf Object

Detaillierte Einführung in cnGameJS

Einführung: Das sogenannte Elfenobjekt ist ein Element mit Verhalten im Spiel. Mary und der Feind werden alle als Elfenobjekte betrachtet. Im cnGameJS-Framework weist das Sprite-Objekt die folgenden Eigenschaften auf:

3. HTML5 Game Framework cnGameJS Development Record – Game Map Object

Detaillierte Einführung in cnGameJS

Einführung: Das Spielkartenobjekt eignet sich für Spiele wie Panzerschlachten und Push-Boxen. Die Karten dieser Spiele bestehen aus kleinen Gittern. Diese Art von Karte kann einfach mit dem Spielkartenobjekt erstellt werden.

4. HTML5-Spielframework cnGameJS-Entwicklungsprotokoll – grundlegendes Grafikmodul

Detaillierte Einführung in cnGameJS

Einführung: Auch dieses Modul ist sehr einfach und umfasst hauptsächlich das Zeichnen von drei Grundgrafiken: rechteckiger und kreisförmiger Text. Wir kapseln jedes Bild im Konstruktormodus. Wenn wir beispielsweise ein rechteckiges Objekt zeichnen müssen, erstellen wir zuerst ein neues rechteckiges Objekt und rufen dann die Zeichenmethode des zu zeichnenden Objekts auf. Zum Beispiel:

5. HTML5-Spielframework cnGameJS-Entwicklungsdatensatz – externes Eingabemodul

Detaillierte Einführung in cnGameJS

Einführung: In Spielen verwenden wir häufig Operationen wie diese: Wenn die Maus auf eine bestimmte Position klickt, bewegt sich das Spielerobjekt an diese Position, oder wenn die Richtungstasten der Maus gedrückt werden, bewegt sich der Spieler bewegt sich in verschiedene Richtungen usw. . Bei all diesen Vorgängen ist der Umgang mit externen Eingabegeräten erforderlich. Als Spieleentwickler müssen wir jederzeit die aktuelle Position der Maus, den Klickstatus der Tastatur usw. kennen, damit wir die Spielelemente bequem steuern können. Daher sind als Spiel-Framework auch externe Eingabemodule unerlässlich.

6. HTML5-Spielframework cnGameJS-Entwicklungsprotokoll – Kollisionserkennungsmodul

Detaillierte Einführung in cnGameJS

Einführung: Die Kollisionsprüfung dieses Moduls beschränkt sich auf die Erkennung zwischen Punkten und Rechtecken, (parallelen) Rechtecken und Rechtecken, Punkten und Kreisen, Kreisen und Kreisen, daher ist dieses Modul auch sehr einfach, nehmen Sie es einfach Ein Blick auf den Code:

7. HTML5-Spielframework cnGameJS-Entwicklungsprotokoll – Umsetzung von Animationsprinzipien

Detaillierte Einführung in cnGameJS

Einführung: In Spielen sind die Animationseffekte von Spielfiguren ein wesentlicher Bestandteil des Spiels. In diesem Abschnitt nehmen wir die Konstruktion von Super Mario-Charakteren als Beispiel, um die Implementierung von Animationen in cnGameJS zu erläutern.

8. HTML5-Spielframework cnGameJS-Entwicklungsaufzeichnung – Codebeispiele des Kernfunktionsmoduls

Detaillierte Einführung in cnGameJS

Einführung: Die Hauptfunktion des Kernfunktionsmoduls besteht darin, die nachfolgende Framework-Entwicklung und Benutzerentwicklung von Spielen zu erleichtern, um eine Beeinträchtigung des globalen Umfangs zu vermeiden. Danach befindet sich jedes einzelne Modul in einem eigenen Abschluss, wodurch die Trennung der verschiedenen Module klarer wird. Daher lautet die Modulaufteilung unseres Frameworks wie folgt:

9. HTML5-Spielframework cnGameJS-Entwicklungsdatensatz-detaillierter Ressourcenlademodulcode

Detaillierte Einführung in cnGameJS

Einführung: Dieses Modul ist der Eingang zum Spiel. Wir laden Ressourcen über dieses Modul und rufen danach die Eingabefunktion des Spielobjekts auf Das Laden der Ressource ist abgeschlossen. Darüber hinaus umfasst dieses Modul auch das Umschalten zwischen Spielszenen sowie die Berechnung und Anzeige des Ladeprozentsatzes.

10. HTML5-Spielframework cnGameJS-Entwicklungsaufzeichnung – Spielszenenobjekt

Detaillierte Einführung in cnGameJS

Einführung: Szenenobjekte unterscheiden sich von den im vorherigen Artikel vorgestellten Kartenobjekten. Sie werden in verschiedenen Arten von Spielen verwendet. Frühere Kartenobjekte wurden in Gitterspielen wie Sokoban und Tank Battle verwendet. Die in diesem Abschnitt vorgestellten Szenenobjekte eignen sich für Spiele mit bestimmten Szenen wie Super Mario, Dinosaur Kombat usw. Diese Art von Spiel steuert normalerweise ein Spielerobjekt in einer 2D-Szene. Wenn sich der Spieler bewegt, bewegt sich die Szene mit.

[Verwandte Q&A-Empfehlungen]:

Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in cnGameJS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn