Hvordan legge til eiendommer på objekter i HTML5 spill

October 21  by Eliza

En av de mest interessante ting om HTML-spill objekter er at de er variabler som kan inneholde andre variabler. Når en variabel eksisterer i sammenheng med et objekt, blir en variabel kalt egenskap. Egenskaper kjennetegner et objekt, for eksempel dens hastighet eller dens størrelse. Som et eksempel, kan se på følgende variasjon av critter kode:

<! DOCTYPE HTML>
<Html lang = "en-US">
<Head>
<Meta charset = "UTF-8">
<Title> critterSpeed.html </ title>
<Script type = "text / javascript"
src = "simpleGame.js">
</ Script>
<Script type = "text / javascript">
Var spillet;
Var critter;

funksjon Critter () {
tCritter = ny Sprite (spill, "critter.gif", 30, 30);
tCritter.speed = 3;
tCritter.setSpeed ​​(tCritter.speed);
returnere tCritter;
}

funksjon init () {
Spillet = ny Scene ();
critter = ny Critter ();
game.start ();
}

funksjon oppdatering () {
game.clear ();
critter.update ();
}
</ Script>
</ Head>
<Body onload = "init ()">
</ Body>
</ Html>

En eiendom er rett og slett en spesiell variabel knyttet til et objekt. Normalt vil man bruke object.property for å betegne at en bestemt egenskap er assosiert med et bestemt objekt. For dette eksempelet her er hvordan du legger til en hastighet eiendom til Critter objekt.

  1. Bygge en eiendom ved å henvise til det.

    I Javascript, kan du bare henvise til en variabel, og det vil bli opprettet. Dette gjelder også i objekter. Bare lage en referanse til Critter.speed, og Critter objekt magisk har en hastighet eiendom.

  2. Lag eiendommer i konstruktøren.

    Du kan teknisk opprette eller henvise til en eiendom hvor som helst, men normalt de er skapt i konstruktøren.

  3. Bruke eiendommen som alle andre variable.

    Eiendommen fungerer som en hvilken som helst annen variabel, slik at du kan bruke den til å faktisk endre hastigheten på objektet.