Cum să adăugați efecte drift la jocul HTML5 - dummies

Poți folosi vectorii de forță într-un mod interesant în jocul tău HTML5. Multe jocuri de curse includ mecanisme de derapare sau derapare. Obținerea exactului acestui comportament necesită matematică foarte sofisticată, dar puteți face o aproximare rezonabilă a acestui comportament fără prea mult efort.

Această imagine nu este suficientă. Chiar trebuie să vedeți acest lucru ca un program de lucru, deoarece este foarte cool. Pe măsură ce mutați barca în jurul ecranului, barca plutește și se înclină. Este foarte distractiv să jucați.

Cum să adăugați un comportament de derivare la obiectul jocului dvs.

Pentru a obține un comportament simplu de rulare, pur și simplu adăugați un mic vector de forță în direcția curentă a ambarcațiunii, indiferent dacă utilizatorul apasă în prezent acceleratorul.

Această tehnică este un compromis între mișcarea pe spațiu (unde vectorul de forță se adaugă numai atunci când este apăsat acceleratorul) și comportamentul standard al mașinii (unde direcția de deplasare este întotdeauna în urma nasului vehiculului). Fiecare cadru are un pic de comportament.

Iată codul:

drift. html var joc; var barca; funcția Boat () {tBoat = Sprite nou (joc, "barca.png", 100, 50); tBoat. checkKeys = funcția () {consola. log (această viteză); dacă (keysDown [K_LEFT]) {this. changeImgAngleBy (-5);} dacă (keysDown [K_RIGHT]) {this. changeImgAngleBy (5);} dacă (keysDown [K_UP]) {this. addVector (acest lucru getImgAngle (), 2);} acest lucru. addVector (acest lucru getImgAngle (), (această viteză / 20)); } // final checkKeys tBoat. checkDrag = functie () {viteza = aceasta. getSpeed ​​(); viteza * =. 95; acest. setSpeed ​​(viteza);} retur tBoat;} functie init () {game = new Scene (); joc. setBG ("# 000066"); barca = barca nouă (); joc. start ();} // end init function update () {joc. clar(); barcă. checkKeys (); barcă. checkDrag (); barcă. update ();}

Cum se adaugă drift în jocurile sprite

Este o procedură foarte simplă.

1. Construiți un model standard al vehiculului.

   Luați în considerare realizarea unei barci, doar pentru variații.

2. Folosiți un vector de forță pentru accelerare.

   Din nou, controlați manual viteza, astfel încât mecanismul addVector () vă oferă putere mare. Vectorul de forță de accelerație (folosit în apăsarea tastei săgeată în sus) poate fi o valoare literală, dar nu trebuie să fie uriașă. Pentru că de fapt veți adăuga un al doilea vector de forță, ați putea dori să atenuați vectorul de accelerație.

3. Adăugați un vector de forță mic la fiecare cadru.

   Vectorul de forță primară se întâmplă numai atunci când accelerați, dar un vector secundar mai mic este adăugat la fiecare cadru. Acest vector merge în direcția în care se îndreaptă acum barca.Acest vector de mișcare mic va simula impulsul. Este important ca acest vector de forță să fie un procent din viteză, mai degrabă decât o valoare literală. Dacă întotdeauna faceți un pixel înainte, de exemplu, barca nu se va opri niciodată.