Hvordan man bygger spriteobjekter til dit HTML5-spil - dummier

For at gøre meget kraftfulde HTML5 spil, vil du være i stand til at bygge dine egne sprites, der gør præcis hvad du vil have dem til at gøre. Når du har lavet et objekt, kan du give det karakteristika og adfærd.

Sådan laver du et stock sprite objekt til dit spil

For at komme i gang skal du kigge på denne simple objekt:

critter var game; var critter; funktion init () {game = new Scene (); critter = ny Sprite (spil, "critter.gif", 30, 30); critter. setSpeed ​​(0); spil. start ();} funktionsopdatering () {spil. klar(); critter. opdatering ();}

Dette er et ekstremt simpelt program. Det skaber en scene og en enkelt sprite kaldet critter. På nuværende tidspunkt gør critter ikke meget.

Hvordan man opbygger din egen spilsprite

Sprite objekter er gode, men ville det ikke være fantastisk, hvis critter selv var et objekt og endnu bedre, hvis det var et nyt objekt baseret på sprite? Det kunne starte med alle de grundlæggende funktioner i sprite, men du kunne tilføje nye muligheder for at differentiere critters fra andre sprites.

Tag et kig på CritterConstructor. html for at se en måde at gøre det på:

critter var game; var critter; funktion Critter () {tCritter = ny Sprite (spil, "critter.gif", 30, 30); tCritter. setSpeed ​​(0); return tCritter;} funktion init () {game = new Scene (); critter = new Critter (); spil. start ();} funktionsopdatering () {spil. klar(); critter. opdatering ();}

Dette program fungerer nøjagtigt som det sidste, men det er organiseret lidt anderledes.

• Der er en funktion kaldet Critter () . Det er vigtigt, at funktionen er navnet på et objekt, og det er også aktiveret. Dette er en meget speciel funktion, fordi det er vant til at definere et Critter () objekt.

• Funktionen Critter () skaber et midlertidigt spriteobjekt. Inde i Critter () -funktionen ser du et midlertidigt spriteobjekt kaldet tCritter (). Dette er en ny sprite.

• Rediger den midlertidige sprit så meget som du vil. For at lave en ny type objekt i JavaScript, skal du i det væsentlige lave et nyt objekt og derefter ændre det for at få præcis den adfærd, du vil have. I dette tilfælde blev critters standardhastighed indstillet.

• Returner det midlertidige Critter objekt. Afslutningen af ​​den specielle Critter () -funktion returnerer sprite, men nu er det ikke bare en sprite, men en critter.

Punktet med denne mekanisme er at få nye former for genstande til rådighed. Critter er som en Sprite, men den kan have ny adfærd og egenskaber. Dette er en utrolig kraftfuld funktion.

Det tekniske udtryk for at lave en sprite-handling som det er steget fra en anden sprite er arv. JavaScript's arvsmodel udføres normalt på en anden måde (ved hjælp af en mekanisme kaldet prototyping ).

Det er ikke den måde, at formell JavaScript arv er gjort, men mekanismen vist her er lettere at forstå end den rigtige måde, og det ligner hvordan arv er lavet på mange andre sprog. Der er intet i det hele taget galt med denne tilgang, men i nogle tilfælde ses andre tilgange til arv i JavaScript.