Pour créer des objets Sprite pour votre jeu HTML5 - les tuls

Pour créer des jeux HTML5 très puissants, vous devez être capable de créer vos propres sprites. exactement ce que vous voulez qu'ils fassent. Après avoir créé un objet, vous pouvez lui donner ses caractéristiques et son comportement.

Comment créer un objet stock sprite pour votre jeu

Pour commencer, jetez un oeil à cet objet simple:

critter var game; var critter; Fonction init () {game = new Scène (); critter = nouveau Sprite (jeu, "critter.gif", 30, 30); critter. setSpeed ​​(0); Jeu. start ();} fonction update () {jeu. clair(); critter. update ();}

C'est un programme extrêmement simple. Il crée une scène et un seul sprite appelé critter. En ce moment, la créature ne fait pas grand-chose.

Comment construire votre propre sprite de jeu

Les objets de sprite sont super, mais ne serait-ce pas génial si la créature elle-même était un objet et même mieux si c'était un nouvel objet basé sur le lutin? Il pourrait commencer avec toutes les fonctionnalités de base de l'image-objet, mais vous pourriez ajouter de nouvelles capacités pour différencier les créatures d'autres sprites.

Jetez un oeil à CritterConstructor. html pour voir un moyen de le faire:

critter var game; var critter; function Critter () {tCritter = nouveau Sprite (jeu, "critter.gif", 30, 30); tCritter. setSpeed ​​(0); return tCritter;} function init () {jeu = nouvelle Scène (); critter = nouveau Critter (); Jeu. start ();} fonction update () {jeu. clair(); critter. update ();}

Ce programme fonctionne exactement comme le dernier, mais il est organisé différemment.

• Il existe une fonction appelée Critter () . Il est important que la fonction soit le nom d'un objet et qu'elle soit également en majuscule. C'est une fonction très spéciale, car elle sert à définir un objet Critter ().

• La fonction Critter () crée un objet sprite temporaire. Dans la fonction Critter (), vous voyez un objet sprite temporaire appelé tCritter (). Ceci est un nouveau sprite.

• Modifiez le sprite temporaire autant que vous le souhaitez. Pour créer un nouveau type d'objet en JavaScript, vous créez essentiellement un nouvel objet, puis vous le modifiez pour obtenir exactement le comportement que vous souhaitez. Dans ce cas, la vitesse par défaut de la créature a été définie.

• Renvoie l'objet temporaire Critter . La fin de la fonction spéciale Critter () renvoie l'image-objet, mais maintenant ce n'est pas seulement un sprite, mais une créature.

Le but de ce mécanisme est d'avoir de nouveaux types d'objets disponibles. Le Critter ressemble beaucoup à un Sprite, mais il peut avoir un nouveau comportement et de nouvelles caractéristiques. C'est une fonctionnalité incroyablement puissante.

Le terme technique pour faire agir un sprite comme s'il descendait d'un autre sprite est l'héritage. Le modèle d'héritage de JavaScript est généralement fait d'une manière différente (en utilisant un mécanisme appelé prototyping ).

Ce n'est pas la façon dont l'héritage JavaScript formel est fait, mais le mécanisme montré ici est plus facile à comprendre que la «bonne» façon, et c'est similaire à la façon dont l'héritage est fait dans de nombreuses autres langues. Il n'y a rien de mal à cette approche, mais vous verrez parfois d'autres approches de l'héritage en JavaScript.