Innholdsfortegnelse:
- Slik legger du til drivegenskaper til spillets objekt
- Slik legger du til driften til spillets sprites
Video: Slik legger du furugulv 2024
Du kan bruke kraftvektorer på en interessant måte i HTML5-spillet ditt. Mange racing spill inkluderer skidding eller drivmekanismer. Å få denne oppførelsen akkurat riktig krever meget sofistikert matematikk, men du kan gjøre en rimelig tilnærming til denne oppførselen uten for mye innsats.
Dette bildet er ikke nok. Du må virkelig se dette som et fungerende program fordi det er veldig kult. Når du flytter båten rundt på skjermen, går båten og glider. Det er veldig gøy å leke med.
Slik legger du til drivegenskaper til spillets objekt
For å få en enkel drivningsadferd, legg bare til en liten kraftvektor i båtens nåværende retning, uansett om brukeren for øyeblikket trykker på gasspedalen.
Denne teknikken er et kompromiss mellom den rombaserte bevegelsen (hvor kraftvektoren bare legges til når akseleratoren trykkes) og standard biladferd (hvor kjøreretningen alltid følger kjøretøyets nese). Hver ramme har litt av hver oppførsel.
Her er koden:
drift. html var spill; var båt; funksjon Båt () {tBoat = nytt Sprite (spill, "båt. png", 100, 50); tBoat. checkKeys = funksjon () {konsoll. logg (denne hastigheten); hvis (keysDown [K_LEFT]) {this. changeImgAngleBy (-5);} hvis (keysDown [K_RIGHT]) {this. changeImgAngleBy (5);} hvis (keysDown [K_UP]) {this. addVector (dette. getImgAngle (), 2);} dette. addVector (denne. getImgAngle (), (denne hastigheten / 20)); } / / slutten av sjekker tBoat. checkDrag = funksjon () {speed = dette. getSpeed (); fart * =. 95; dette. setSpeed (speed);} return tBoat;} funksjon init () {game = new Scene (); spill. setBG ("# 000066"); båt = ny båt (); spill. start ();} // end init funksjon oppdatering () {spill. klar(); båt. checkKeys (); båt. checkDrag (); båt. oppdatering ();}
Slik legger du til driften til spillets sprites
Det er en veldig enkel prosedyre.
-
Bygg en standard kjøretøy modell.
Vurder å lage en båt, bare for variasjon.
-
Bruk en kraftvektor for akselerasjon.
Igjen, du styrer hastigheten manuelt, så addVector () -mekanismen gir deg god kraft. Akselerasjonskraftvektoren (brukt i pil opp-tast) kan være en bokstavelig verdi, men det trenger ikke å være stor. Fordi du faktisk skal legge til en andre kraftvektor, vil du kanskje tone ned akselerasjonsvektoren.
-
Legg til en liten kraftvektor hver ramme.
Den primære kraftvektoren skjer bare når du akselererer, men en sekundær mindre vektor legges til hver ramme. Denne vektoren går i den retningen båten står overfor.Denne lille bevegelsesvektoren vil simulere momentum. Det er viktig at denne kraftvektoren er en prosentandel av hastigheten i stedet for en bokstavelig verdi. Hvis du alltid flytter fremover en piksel, for eksempel, vil båten aldri stoppe.