Hvordan du tilføjer trækvirkninger til dit HTML5-spil - dummies

Vigtigtilføjelsesprincippet kan være nyttigt for dit HTML5-spil på mange måder. For det kan det tilføje træk effekt og dermed føre til mere præcis land-køretøj adfærd. Forestil dig din bil sidder fast i et dårligt kvarter midt om natten (igen). Du kan ikke blot ændre bilens position direkte. Du kan ikke engang ændre sin bevægelse.

Hvad du skal gøre i stedet er at tilføje en kraft. Når du tilføjer kraft, tilføjer du langsomt til bevægelsesvektoren. Til sidst begynder bilen at bevæge sig. Hvis du holder op med at anvende kraft, vil den til sidst stoppe, da vindmotstand og rullemodstand sænker bilen.

Gaming drag races

Drag. html eksempel viser en realistisk bil, der accelererer langsomt og bremser til et stop, da acceleratoren (i dette tilfælde op pilen) frigives.

Du skal virkelig se programmet i aktion for at værdsætte dets adfærd.

Træk var spil; var båd; funktion bil () {tCar = ny Sprite (spil, "bil. png", 100, 50); tCar. checkKeys = funktion () {konsol. log (denne hastighed); hvis (keysDown [K_LEFT]) {this. changeImgAngleBy (-5);} if (keysDown [K_RIGHT]) {this. changeImgAngleBy (5);} hvis (keysDown [K_UP]) { dette. addVector (dette. imgAngle, 2); } // Flyt i den aktuelle retning dette. addVector (dette. imgAngle, 2);} // end checkKeys tCar. checkDrag = funktion () { speed = dette. getSpeed ​​(); hastighed * =. 95; dette. setSpeed ​​(hastighed); } // end checkDrag returnér tCar;} // end bil def funktion init () {game = new Scene (); spil. setBG ("# 666666"); bil = ny bil (); spil. start ();} // end init funktion opdatering () {game. klar(); bil. checkKeys (); bil. checkDrag (); bil. opdatering ();} // slut opdatering

Sådan implementeres træk i dit spil

Denne version bruger en mere realistisk kraftbaseret bevægelse. Når brugeren trykker op pilen, opbygger bilen fart. Hvis brugeren forlader pilen op, når bilen naturligvis en tophastighed. Når brugeren løser op pilen, sænker bilen gradvist og stopper til sidst. Kraftvektorer er nøglen.

Sådan fungerer det:

1. Byg et grundvogn.

   Opret en brugerdefineret sprite med en checkKeys () -metode, og kontroller for alle de normale piletaster. Koden til kontrol af venstre og højre pile er præcis, hvad du forventer.

2. Gå fremad med en kraftvektor.

   Koden for fremadskridt er lidt anderledes. I stedet for blot at ændre hastigheden direkte, skal du anvende en kraft i bilens aktuelle retning. Brug spritens getImgAngle () metode til at bestemme hvilken retning bilen peger på, og tilføj en lille kraft i den retning.

3. Opret en checkDrag () metode.

   Biler går ikke bare uden strøm. Vind og jord modstand vil bremse dem ned, og i sidste ende vil de stoppe. Simulere de forskellige trækstyrker ved at tilføje en checkDrag () metode til din genstand.

4. Multiplicer hastigheden med en trækfaktor.

   For dette eksempel vil de forskellige trækkræfter rive bilen med 5 procent af dens hastighed hver ramme. Husk at spillet kører med 20 billeder pr. Sekund, så trækstyrken er ret betydelig. Du kan opnå trækvirkningen på mange måder, men den nemmeste måde er at formere bilens hastighed med en værdi mindre end 1.

5. Ingen bremser!

   Hvilken selvrespektende arkadebil har bremser? Alvorligt vil du måske tilføje en pil ned, men det skal ikke være nødvendigt, fordi bilen vil bremse alene.

6. Smag sæson.

   Dette eksempel giver et groft omrids, men du kan ændre et antal værdier for at få præcis den ønskede bilydelse. Du kan simulere en kraftigere motor (eller en mindre masse) ved at øge kraftvektoren, når du trykker på acceleratoren.

   Du kan simulere en mere responsiv suspension ved at ændre drejehastigheden, hvis brugeren trykker på højre eller venstre pil. Du kan også simulere en mere eller mindre effektiv bil ved at ændre trækforholdet. I øjeblikket skifter bilen til enhver hastighed, men du kan forhindre venstre- og højrepil-indgange, hvis bilen er under en vis hastighed.