Wie bauen Sprite-Objekte für Ihre HTML5 Spiel

Um sehr leistungsfähige HTML5 Spiele zu machen, sollten Sie in der Lage sein Ihre eigene Sprites zu bauen, die genau das tun, was Sie wollen, zu tun. Nachdem Sie ein Objekt zu machen, können Sie es Eigenschaften und das Verhalten geben.

Wie man ein Lager Sprite-Objekt für Ihr Spiel zu machen

Um damit zu beginnen, werfen Sie einen Blick auf diese einfache Aufgabe:

Dies ist ein äußerst einfaches Programm. Es schafft eine Szene und ein einzelnes Sprite genannt lebewesen. Im Moment ist das Lebewesen nicht viel zu tun.

Wie Sie Ihr eigenes Spiel Sprite zu bauen

Sprite-Objekte sind groß, aber wäre es nicht fantastisch, wenn das Lebewesen selbst ein Objekt waren und noch besser, wenn es ein neues Objekt basierend auf das Sprite waren? Es könnte mit allen grundlegenden Funktionen des Sprites beginnen, aber Sie könnten neue Funktionen hinzufügen Lebewesen von anderen Sprites zu unterscheiden.

Werfen Sie einen Blick auf CritterConstructor.html sehen einen Weg dies zu tun:

Dieses Programm funktioniert genau wie die letzte, aber es ist ein bisschen anders organisiert.

• Es gibt eine Funktion, die aufgerufen Critter (). Es ist wichtig, dass die Funktion der Name eines Objekts ist und es ist auch aktiviert. Dies ist eine ganz besondere Funktion, denn es verwendet ein zu definieren Critter () Objekt.

• Das Critter () Funktion erstellt eine temporäre Sprite-Objekt. Im Inneren der Critter () Funktion finden Sie eine temporäre Sprite-Objekt aufgerufen tCritter (). Dies ist ein neues Sprite.

• Ändern Sie den temporären Sprite so viel wie Sie wollen. Um eine neue Art von Objekt in javascript zu machen, stellen Sie im Wesentlichen ein neues Objekt und ändern Sie es dann zu bekommen genau das Verhalten, das Sie wollen. In diesem Fall wird die Standardgeschwindigkeit lebewesen gesetzt wurde.

• Gibt die temporäre Critter Objekt. Das Ende des speziellen Critter () Funktion gibt das Sprite, aber es ist jetzt nicht nur ein Sprite, sondern ein Lebewesen.

Der Punkt dieses Mechanismus ist verfügbar neue Arten von Objekten zu haben. Das Critter ist ähnlich wie ein Elf, aber es kann neues Verhalten und Eigenschaften haben. Dies ist ein unglaublich mächtiges Feature.

Der Fachbegriff für die Herstellung eines Sprite handeln, wie es abstammt von einem anderen Sprite Erbe. javascript Erbe Modell ist in der Regel auf eine andere Weise geschehen (unter Verwendung eines Mechanismus namens Prototyping).

Es ist nicht die Art und Weise formal javascript Erbschaft gemacht wird, aber der Mechanismus hier gezeigt wird, ist leichter zu verstehen als die "richtige" Art und Weise, und es ist ähnlich, wie Vererbung in vielen anderen Sprachen durchgeführt wird. Es ist nichts falsch mit diesem Ansatz, aber Sie werden manchmal auch andere Ansätze zur Vererbung in javascript zu sehen.