Inhaltsverzeichnis:
Video: [JS Game] - Objekte/Struktur #1 2025
Um sehr leistungsfähige HTML5-Spiele zu erstellen, sollten Sie in der Lage sein, Ihre eigenen Sprites zu erstellen, die genau das, was Sie wollen. Nachdem Sie ein Objekt erstellt haben, können Sie ihm Merkmale und Verhalten geben.
So erstellen Sie ein Inventar-Sprite-Objekt für Ihr Spiel
Sehen Sie sich zunächst dieses einfache Objekt an:
critter var game; Var-Lebewesen; function init () {game = neue Szene (); critter = neuer Sprite (Spiel, "critter. gif", 30, 30); Lebewesen. setSpeed (0); Spiel. start ();} Funktion update () {Spiel. klar(); Lebewesen. update ();}
Dies ist ein sehr einfaches Programm. Es erstellt eine Szene und ein einzelnes Sprite namens critter. Im Moment macht das Tierchen nicht viel.
Wie man sein eigenes Spiel-Sprite baut
Sprite-Objekte sind großartig, aber wäre es nicht großartig, wenn das Viech selbst ein Objekt wäre und noch besser, wenn es ein neues Objekt wäre, das auf dem Sprite? Es könnte mit allen grundlegenden Funktionen des Sprites beginnen, aber Sie könnten neue Fähigkeiten hinzufügen, um Viecher von anderen Sprites zu unterscheiden.
Werfen Sie einen Blick auf CritterConstructor. html, um einen Weg zu finden, dies zu tun:
critter var game; Var-Lebewesen; Funktion Critter () {tCritter = neues Sprite (Spiel, "critter. gif", 30, 30); tCritter. setSpeed (0); return tCritter;} Funktion init () {game = neue Szene (); critter = neuer Critter (); Spiel. start ();} Funktion update () {Spiel. klar(); Lebewesen. update ();}
Dieses Programm funktioniert genauso wie das letzte, aber es ist etwas anders organisiert.
-
Es gibt eine Funktion namens Critter () . Es ist wichtig, dass die Funktion der Name eines Objekts ist und auch groß geschrieben wird. Dies ist eine sehr spezielle Funktion, weil damit ein Critter () - Objekt definiert wird.
-
Die Funktion Critter () erstellt ein temporäres Sprite-Objekt. In der Critter () - Funktion sehen Sie ein temporäres Sprite-Objekt namens tCritter (). Das ist ein neues Sprite.
-
Ändern Sie das temporäre Sprite so oft Sie wollen. Um einen neuen Objekttyp in JavaScript zu erstellen, erstellen Sie im Grunde ein neues Objekt und ändern es dann, um genau das gewünschte Verhalten zu erhalten. In diesem Fall wurde die Standardgeschwindigkeit des Critters festgelegt.
-
Gibt das temporäre Critter -Objekt zurück. Das Ende der speziellen Critter () Funktion gibt das Sprite zurück, aber jetzt ist es nicht nur ein Sprite, sondern ein Critter.
Der Sinn dieses Mechanismus ist es, neue Arten von Objekten verfügbar zu haben. Das Critter ist sehr ähnlich wie ein Sprite, aber es kann ein neues Verhalten und Eigenschaften haben. Das ist eine unglaublich mächtige Funktion.
Der technische Ausdruck dafür, dass sich ein Sprite so verhält, als würde er von einem anderen Sprite abstammen, ist Vererbung. Das Vererbungsmodell von JavaScript wird normalerweise auf eine andere Weise ausgeführt (mit einem Mechanismus namens Prototyping ).
Es ist nicht die Art und Weise, wie eine formale JavaScript-Vererbung gemacht wird, aber der hier gezeigte Mechanismus ist leichter zu verstehen als der "richtige" Weg und ähnelt der Vererbung in vielen anderen Sprachen. Es gibt nichts falsch mit diesem Ansatz, aber Sie werden manchmal andere Ansätze zur Vererbung in JavaScript sehen.
