Inhoudsopgave:
Video: Ludacris - You's A Hoe 2024
Het vector-toevoegingsprincipe kan op vele manieren nuttig zijn voor uw HTML5-game. Ten eerste kan het een sleepeffect toevoegen en zo leiden tot nauwkeuriger gedrag van het landvoertuig. Stel je voor dat je auto midden in de nacht (opnieuw) in een slechte buurt vastzit. U kunt de positie van de auto niet gewoon rechtstreeks wijzigen. Je kunt zelfs zijn beweging niet veranderen.
Wat u in plaats daarvan moet doen is een kracht toevoegen. Wanneer u kracht toevoegt, voegt u langzaam de bewegingsvector toe. Uiteindelijk begint de auto te bewegen. Als u stopt met het uitoefenen van kracht, zal deze uiteindelijk stoppen als de windweerstand en de rolweerstand de auto vertragen.
Gamen slepen races
De sleep. html-voorbeeld toont een realistische auto die langzaam accelereert en tot stilstand komt wanneer het gaspedaal (in dit geval de pijl omhoog) wordt losgelaten.
U moet het programma echt in actie zien om zijn gedrag te waarderen.
Versleep var-spel; var boot; function Car () {tCar = nieuwe Sprite (game, "car. png", 100, 50); tCar. checkKeys = function () {console. log (deze snelheid); if (keysDown [K_LEFT]) {this. changeImgAngleBy (-5);} if (keysDown [K_RIGHT]) {dit. changeImgAngleBy (5);} if (keysDown [K_UP]) { dit. addVector (this. imgAngle, 2); } // beweeg in de huidige richting dit. addVector (this. imgAngle, 2);} // end checkKeys tCar. checkDrag = function () { snelheid = dit. getSpeed (); snelheid * =. 95; dit. setSpeed (snelheid); } // end checkDrag return tCar;} // einde auto def-functie init () {game = nieuwe scène (); spel. setBG ("# 666666"); auto = nieuwe auto (); spel. start ();} // update van de eind-init-functie () {game. duidelijk(); auto. checkKeys (); auto. checkDrag (); auto. update ();} // end update
Hoe drag in je game te implementeren
Deze versie gebruikt een meer realistische, op kracht gebaseerde beweging. Wanneer de gebruiker op de pijl-omhoog drukt, bouwt de auto snelheid op. Als de gebruiker de pijl-omhoog laat ingedrukt, bereikt de auto op natuurlijke wijze een topsnelheid. Wanneer de gebruiker de pijl naar boven loslaat, vertraagt de auto geleidelijk en stopt hij uiteindelijk. Force vectoren zijn de sleutel.
Zo werkt het:
-
Bouw een basisvoertuig.
Maak een aangepaste sprite met een methode checkKeys () en controleer op alle normale pijltoetsen. De code voor het controleren van de linker- en rechterpijlen is precies wat u verwacht.
-
Ga vooruit met een krachtvector.
De code om verder te gaan is iets anders. In plaats van simpelweg de snelheid direct aan te passen, oefen een kracht uit in de huidige richting van de auto. Gebruik de methode getImgAngle () van de sprite om te bepalen in welke richting de auto wijst en voeg een kleine kracht in die richting toe.
-
Maak een methode checkDrag ().
Auto's gaan niet alleen zonder stroom door. Wind- en grondweerstand zullen ze vertragen en uiteindelijk stoppen ze. Simuleer de verschillende sleepkrachten door een checkDrag () -methode toe te voegen aan uw object.
-
Vermenigvuldig de snelheid met een sleepfactor.
Voor dit voorbeeld beroven de verschillende sleepkrachten de auto 5 procent van de snelheid van elk frame. Vergeet niet dat het spel 20 frames per seconde draait, dus de sleepkracht is vrij aanzienlijk. Je kunt het sleepeffect op verschillende manieren bereiken, maar de eenvoudigste manier is om de snelheid van de auto te vermenigvuldigen met een waarde kleiner dan 1.
-
Geen remmen!
Welke zelfrespectvolle arcadeauto heeft remmen? Serieus, misschien wil je een pijl-omlaag-invoer toevoegen, maar het zou niet nodig moeten zijn, omdat de auto het op zichzelf zal vertragen.
-
Kruid aan smaak.
Dit voorbeeld geeft een ruwe schets, maar u kunt een aantal waarden wijzigen om precies de autoprestaties te krijgen die u zoekt. Je kunt een krachtiger motor (of een kleinere massa) simuleren door de krachtvector te vergroten wanneer je op het gaspedaal drukt.
U kunt een beter reagerende opschorting simuleren door de draaisnelheid te wijzigen als de gebruiker op de pijlen naar rechts of links drukt. U kunt ook een meer of minder efficiënte auto simuleren door de sleepratio aan te passen. Op dit moment draait de auto op elke snelheid, maar je kunt links- en rechts-pijl-invoer voorkomen als de auto onder een bepaalde snelheid staat.
