Hjem Personlig finansiering Hvordan man opbygger et bibliotek med genbrugelige genstande til dit HTML5-spil - dummies <[SET:descriptionda]Der vil blive bygget et bibliotek med genanvendelige objekter til dit HTML5-spil

Hvordan man opbygger et bibliotek med genbrugelige genstande til dit HTML5-spil - dummies <[SET:descriptionda]Der vil blive bygget et bibliotek med genanvendelige objekter til dit HTML5-spil

Video: Web Apps of the Future with React by Neel Mehta 2025

Video: Web Apps of the Future with React by Neel Mehta 2025
Anonim

Der vil være tidspunkter, hvor du vil genbruge genstande flere gange i dine HTML5 spil og de vil forblive omtrent det samme. Så det giver mening at sætte dem i et bibliotek for nem genbrug. Det er præcis det, du skal gøre. Tag et kig på frogLib. js:

// frogLib. js // Objekter for frøen spil funktion Fly () {tFly = ny Sprite (scene, "fly. png", 20, 20); tFly. setSpeed ​​(10); tFly. wriggle = function () {// ændre retning med nogle tilfældige mængder newDir = (Math. random () * 90) - 45; det her. changeAngleBy (newDir);} // end wriggle return tFly;} // end Flyfunktion Frog () {tFrog = ny Sprite (scene, "frosk. png", 50, 50); tFrog. maxhastighed = 10; tFrog. minSpeed ​​= -3; tFrog. setSpeed ​​(0); tFrog. setAngle (0); tFrog. checkKeys = function () {if (keysDown [K_LEFT]) {this. changeAngleBy (-5);} // end hvis hvis (keysDown [K_RIGHT]) {this. changeAngleBy (5);} // end hvis hvis (keysDown [K_UP]) {this. changeSpeedBy (1); hvis (denne hastighed> denne. maxhastighed) {dette. setSpeed ​​(denne maxSpeed);} // ende if} // ende hvis hvis (keysDown [K_DOWN]) {this. changeSpeedBy (-1); hvis (denne hastighed

Dette er et interessant dokument. Den indeholder intet andet end de to klassetegninger. Det bruges, fordi flere andre programmer vil bruge disse to klasser.

Brug af et bibliotek er enkelhed selv. Her er frogFly. html-fil, der sætter disse to elementer sammen i et enkelt spil:

frogFly. html src = "frogLib. js"> var scene; var frosk; var fly; var blade funktion init () {scene = ny scene (); scene. setBG ("grønne"); Frøen = Ny Frø (); fly = nyt fly (); blade = ny Sprite (scene, "blade. png", 640, 480); blade. setSpeed ​​(0); scene. start ();} // end init funktion opdatering () {scene. klar(); frø. checkKeys (); flyve. sno (); blade. opdatering (); frø. opdatering (); flyve. opdatering ();} // end opdatering ();

Dette program introducerer ikke meget, der er nyt. Det gennemfører blot de elementer, der er defineret i biblioteket, i henhold til disse trin:

  1. Importer froglib. js bibliotek.

    FrogLib-filen er simpelthen en JavaScript-fil. Importer det på samme måde som du importerer simpleGame. js-fil med et separat tag.

  2. Opret sprites.

    Bladene sprite er bare en almindelig sprite. Byg frøen og flyve som du gjorde før, selvom de er defineret i en anden fil. (Hvis frøen eller fluen ikke bliver oprettet, skal du sørge for at importere biblioteket korrekt.)

  3. Administrer ændring.

    Funktionen opdatering () tager ansvar for kontrollen af ​​spillet. Her styrer du alle de forskellige spriteadfærd: Fortæl frøen at se efter tastetryk (med metoden til frøen checkcheys ()) og fortæl flyvet om at vride (med flyet. Wriggle () -metoden).

  4. Tegn sprites.

    Når du har håndteret alt, der fik spritesne til at ændre sig, tegner du sprites på skærmen. Tegn hver sprite ved at påberåbe sig dens opdateringsmetode (). Sprites er trukket i rækkefølge, så alt hvad du vil have i baggrunden skal trækkes før ting, der vises foran. (Frøen vises oven på baggrunden, så frøen skal trækkes efter baggrunden på hver skærmopdatering.)

Hvordan man opbygger et bibliotek med genbrugelige genstande til dit HTML5-spil - dummies <[SET:descriptionda]Der vil blive bygget et bibliotek med genanvendelige objekter til dit HTML5-spil

Valg af editor

Husk Hvad du læser - dummier

Husk Hvad du læser - dummier

Læsning er et stort problem i uddannelsesmæssige cirkler. At have evnen til at læse en sætning, udtale alle ordene flydende og have et ordforråd bredt nok, der ikke nødvendiggør at henvise til en ordbog er en ting. Men at have evnen til at huske, hvad du læser, er noget helt andet. Hvis du ikke kan huske hvad ...

10 Personer med høj selvværd - dummier

10 Personer med høj selvværd - dummier

Mennesker med en stærk følelse af selv- værd at udvise en række egenskaber. Når du ser disse egenskaber reflekteret i dig selv og dine handlinger, vil du vide, at du er ankommet: De sætter pris på sig selv og andre mennesker. De nyder at vokse som en person og finde opfyldelse og mening i deres liv. De kan grave dybt ind i sig selv.

Videnskabelig dokumentation for brug af mindfulness til depression - dummies

Videnskabelig dokumentation for brug af mindfulness til depression - dummies

Mindfulness er nu en evidensbaseret teknik, der anvendes bredt til depression af NHS (Storbritanniens gratis offentlige nationale sundhedsvæsen). Det er også godkendt af NICE eller National Institute for Health and Care Excellence som en godkendt terapi til forebyggelse af tilbagefald af depression. Der er talrige kliniske undersøgelser, der viser effektiviteten ...

Valg af editor

Hvad er kravene til Cloud Integration? - dummies

Hvad er kravene til Cloud Integration? - dummies

Mange virksomheder vurderer i første omgang udfordringerne ved at integrere data på tværs af hybrid computermiljøer. De fleste integrationsproblemer mellem offentlige og private skyer vil fokusere på SaaS (Software as a Service) applikationer. Dette kan være en ny oplevelse for mange it-organisationer, der er vant til at kontrollere de datakilder, de integrerer. De antager ...

Hvad er platform som en service (PaaS) i Cloud Computing? - dummies

Hvad er platform som en service (PaaS) i Cloud Computing? - dummies

Platformen som en Service (PaaS) er et abstrakt og integreret cloudbaseret computermiljø, som understøtter udvikling, drift og administration af applikationer. Applikationskomponenter kan eksistere i et skymiljø eller kan integreres med applikationer, der administreres i private skyer eller i datacentre. En primær værdi af et PaaS-miljø er, at udviklere ikke har ...

Hvad er software som en service (SaaS) i Cloud Computing? - dummies

Hvad er software som en service (SaaS) i Cloud Computing? - dummies

Virksomheder har opdaget, at nogle organisatoriske og økonomiske fordele kan realiseres ved at bruge software som en service (SaaS) applikationer i cloud computing. De giver mulighed for at få en tredjepartsorganisation til at håndtere alle de detaljer, der går ud på at holde komplekse applikationer i gang. SaaS er ikke et selvstændigt miljø. I stedet er disse applikationer og tjenester ...

Valg af editor

Hvordan tastetryk logging kan bruges til at hak adgangskoder - dummies

Hvordan tastetryk logging kan bruges til at hak adgangskoder - dummies

En af ​​de bedste teknikker til at fange adgangskoder er ekstern tastetryk logning - brugen af ​​software eller hardware til at optage tastetryk som de er skrevet til computeren. Interessant teknik, men det virker. Vær forsigtig med tastetryk logning. Selv med gode hensigter rejser overvågning medarbejdere forskellige juridiske spørgsmål, hvis det ikke gøres korrekt. Diskuter med ...

Sådan får du adgang til en netværksprinter ved hjælp af et webinterface - dummier

Sådan får du adgang til en netværksprinter ved hjælp af et webinterface - dummier

Printere med direkte netværk Forbindelsen omfatter ofte en indbygget webserver, som giver dig mulighed for at styre printeren fra enhver browser på netværket. Følgende billede viser hjemmesiden for en HP LaserJet 400 M401dne printer. Denne webgrænseflade giver dig mulighed for at se statusoplysninger om printeren og kontrollere printerens konfiguration. ...

Sådan tilføjes en netværksprinter - dummier

Sådan tilføjes en netværksprinter - dummier

, Før du kan udskrive til en netværksprinter, skal du konfigurere din computer for at få adgang til den netværksprinter, du vil bruge. Fra Start-menuen skal du åbne Kontrolpanel og derefter dobbeltklikke på ikonet Printere. Hvis din computer allerede er konfigureret til at arbejde sammen med en netværksprinter, er et ikon for netværket ...