Innehållsförteckning:
- Så här lägger du till drivande beteende i ditt spelets objekt
- Hur man lägger till drift till ditt spel s sprites
Video: Lägga till med båt mellan Y-bommar 2024
Du kan använda kraftvektorer på ett intressant sätt i ditt HTML5-spel. Många tävlingsspel inkluderar skid- eller drivmekanismer. Att få detta beteende exakt rätt kräver mycket sofistikerad matematik, men du kan göra en rimlig approximation av detta beteende utan för mycket ansträngning.
Den här bilden räcker inte. Du behöver verkligen se detta som ett arbetsprogram eftersom det är riktigt coolt. När du flyttar båten runt på skärmen, driver båten och skidar. Det är jättekul att leka med.
Så här lägger du till drivande beteende i ditt spelets objekt
För att få ett enkelt drivande beteende, lägg bara till en liten kraftvektor i båtens aktuella riktning oavsett om användaren för närvarande trycker på gaspedalen.
Denna teknik är en kompromiss mellan rymdbaserad rörelse (där kraftvektorn endast läggs till när gaspedalen trycks) och standardbilens beteende (där färdriktningen alltid följer fordonets näsa). Varje ram har lite av varje beteende.
Här är koden:
drift. html var spel; var båt; funktion Båt () {tBoat = nytt Sprite (spel, "båt. png", 100, 50); tBoat. checkKeys = function () {konsol. logga (denna hastighet); om (keysDown [K_LEFT]) {this. changeImgAngleBy (-5);} om (keysDown [K_RIGHT]) {this. changeImgAngleBy (5);} om (keysDown [K_UP]) {this. addVector (this. getImgAngle (), 2);} detta. addVector (this. getImgAngle (), (denna hastighet / 20)); } // slutet checkKeys tBoat. checkDrag = funktion () {speed = this. getSpeed (); hastighet * =. 95; detta. setSpeed (speed);} returnera tBoat;} function init () {game = new Scene (); spel. setBG ("# 000066"); båt = nytt båt (); spel. start ();} // end init-funktionen uppdatering () {game. klar(); båt. checkKeys (); båt. checkDrag (); båt. uppdatering ();}
Hur man lägger till drift till ditt spel s sprites
Det är ett mycket enkelt förfarande.
-
Bygg en standardfordonsmodell.
Överväg att göra en båt, bara för variation.
-
Använd en kraftvektor för acceleration.
Återigen styr du hastigheten manuellt, så addVector () -mekanismen ger dig stor kraft. Växelkraftsvektorn (som används i upp-piltangenten) kan vara ett bokstavligt värde, men det behöver inte vara stort. Eftersom du faktiskt kommer att lägga till en andra kraftvektor, kanske du vill tona ner accelerationsvektorn.
-
Lägg till en liten kraftvektor varje ram.
Den primära kraftvektorn händer endast när du accelererar, men en sekundär mindre vektor läggs till varje ram. Denna vektor går i den riktning som båten står inför.Denna lilla rörelsevektorn kommer att simulera momentum. Det är viktigt att denna kraftvektor är en procentandel av hastigheten i stället för ett bokstavligt värde. Om du alltid flyttar framåt en pixel, till exempel, kommer båten aldrig att stanna.
