Hvordan du bygger spriteobjekter til HTML5-spillet ditt - dummies

For å lage svært kraftige HTML5 spill, vil du være i stand til å bygge dine egne sprites som gjør akkurat hva du vil at de skal gjøre. Etter at du har laget et objekt, kan du gi det karakteristika og oppførsel.

Slik lager du et aksjesporobjekt for spillet ditt

For å komme i gang, ta en titt på dette enkle objektet:

critter var game; var critter; funksjon init () {game = new Scene (); critter = ny Sprite (spill, "critter.gif", 30, 30); critter. setSpeed ​​(0); spill. start ();} funksjon oppdatering () {spill. klar(); critter. oppdatering ();}

Dette er et ekstremt enkelt program. Det skaper en scene og en enkelt sprite som heter critter. For øyeblikket gjør ikke critter mye.

Slik bygger du ditt eget spillsprite

Spriteobjekter er flotte, men det ville ikke være fantastisk hvis critter selv var en gjenstand og enda bedre hvis det var et nytt objekt basert på sprite? Det kan starte med alle de grunnleggende egenskapene til sprite, men du kan legge til nye evner for å skille critters fra andre sprites.

Ta en titt på CritterConstructor. html for å se en måte å gjøre det på:

critter var game; var critter; funksjon Critter () {tCritter = ny Sprite (spill, "critter.gif", 30, 30); tCritter. setSpeed ​​(0); return tCritter;} funksjon init () {game = new Scene (); critter = ny Critter (); spill. start ();} funksjon oppdatering () {spill. klar(); critter. oppdatering ();}

Dette programmet fungerer akkurat som det siste, men det er organisert litt annerledes.

• Det er en funksjon kalt Critter () . Det er viktig at funksjonen er navnet på et objekt, og det er også kapitalisert. Dette er en veldig spesiell funksjon, fordi den er vant til å definere et Critter () -objekt.

• Funksjonen Critter () lager en midlertidig spriteobjekt. I Critter () -funksjonen ser du et midlertidig spriteobjekt kalt tCritter (). Dette er en ny sprite.

• Endre det midlertidige spritet så mye du vil. For å lage en ny type objekt i JavaScript, lager du i hovedsak et nytt objekt og deretter endrer det for å få akkurat den oppførselen du vil ha. I dette tilfellet ble critters standardhastighet satt.

• Returner det midlertidige Critter objektet. Enden av den spesielle Critter () -funksjonen returnerer sprite, men nå er det ikke bare en sprite, men en critter.

Poenget med denne mekanismen er å få nye typer objekter tilgjengelig. Critter er som en Sprite, men den kan ha ny oppførsel og egenskaper. Dette er en utrolig kraftig funksjon.

Den tekniske termen for å lage en sprite act som den er nedstammet fra en annen sprite er arv. JavaScript's arvsmodell gjøres vanligvis på en annen måte (ved hjelp av en mekanisme kalt prototyping ).

Det er ikke måten formell JavaScript-arv er gjort, men mekanismen som er vist her, er lettere å forstå enn den "riktige" måten, og det ligner hvordan arv gjøres på mange andre språk. Det er ingenting i det hele tatt galt med denne tilnærmingen, men du vil noen ganger se andre tilnærminger til arv i JavaScript.