Hur man lägger till missiler till objekt i ditt HTML5-spel - dummies

Bilhandlare är noga med att installera vapen i din tur, men det är därför som människor blir spelprogrammerare. Så du kan lägga till missiler till dina HTML5-spelobjekt. Om du vill ha missiler i din minibuss har du missiler (åtminstone i den virtuella minivan). Massor av videospel innebär fotografering, och det är en ganska lätt effekt att lägga till.

Projektets grunder för ditt spel

Missiler, kulor och andra projektiler är ganska lätta att arbeta med. Här är några idéer att komma ihåg:

• Projektilen är en sprite. Skapa en ny sprite för projektilen. Du kan göra det till en enkel punkt eller dra en komplett missil.

• Gör en anpassad sprite för missilen. Missilen behöver vissa metoder, så du kan också göra det till en anpassad sprite.

• Missiler dör när de lämnar skärmen. Det enklaste sättet att få detta beteende är att ställa in missilens gräns till DIE.

• Lägg till en eld () metod. Metoden eld () aktiveras när missilen är avfyrade.

• Återanvänd samma missil om och om igen. Gamla missiler dör aldrig. De är bara dolda och återanvändna när användaren skottar igen. När en missil träffar något, göm missilen. Det gör det osynligt och ogenomträngligt för kollisioner.

Så här startar du dina spelmissiler

Koden för missil. html är lika mycket av den standard bilkod du har sett:

missil. html var spel; var bil; var missil; funktion Bil () {tCar = nytt Sprite (spel, "bil. png", 50, 30); tCar. setSpeed ​​(3); tCar. setAngle (135); tCar. checkKeys = function () {if (keysDown [K_LEFT]) {this. turnBy (-5);} om (keysDown [K_RIGHT]) {this. turnBy (5);} om (keysDown [K_SPACE]) {missil. brand ();}} // / end checkKeys returnerar tCar;} // End Car Def Funktion Missile () {tMissile = New Sprite (spel, "missil. png", 30, 20); tMissile. Dölj(); tMissile. brand = funktion () { detta. show(); tMissile. setSpeed ​​(15); detta. setBoundAction (DIE); detta. setPosition (bil, x, bil, y); detta. setAngle (bil. getImgAngle ()); detta. setImage ("missil. png"); detta. setSpeed ​​(15); } // slutbrand returnera tMissile;} // Enda missil def-funktion init () {game = new Scene (); bil = ny bil (); missil = ny missil (); spel. start ();} // end init-funktionen uppdatering () {game. klar(); bil. checkKeys (); bil. uppdatering(); missil. uppdatering(); } // slutuppdatering

Projektiler är mycket roliga att bygga, och de är inte så svåra, som här visas:

1. Bygg en normal sprite för att starta projektilen.

   Detta är inte absolut nödvändigt, men vanligtvis kommer en kula att sparkas från en pistol, en pil kommer att avfyras från en båge, och en kärnvapen bananraket kommer att avfyras från vilket fordon som helst som helst.

2. Projektilen kommer att vara en egen sprite.

   Projektilen fungerar som en vanlig sprite, men den kommer att skapas och förstöras dynamiskt.

3. Lägg till en trigger för att avfyra missilen.

   Eftersom bilen kommer att starta missilen är utlösningskoden i bilens checkKey-metod.

4. Ställ in missilen som ska döljas som standard.

   Missilen är alltid kvar, men den är gömd när den inte behövs. Om du anropar en sprite's hide () -metod kommer den sprite fortfarande att vara i minnet, men det kommer inte att dras, och det kommer inte att utlösa några kollisioner.

5. Skapa en brand () -metod för missilen.

   Missilen sitter och väntar på att bli aktiverad. Elden () -metoden sprider missilen till handling.

6. Gör projektilen synlig.

   Metoden show () är motsatsen till hide (). Det får en sprite att vara synlig och utlösa kollisioner.

7. Ge missilen en snabb initial hastighet.

   Som du vet är missiler normalt snabba.

8. Dölj missilen när den träffar kanten.

   När missilen träffar skärmens kant måste den döljas. Att ställa in missilens boundAction till DIE gör detta beteende automatiskt.

9. Dölj missilen om den träffar något annat.

   Detta enkla exempel har inga andra objekt, men om missilen kolliderar med någonting annat, anropa sin hide () -metod för att simulera missilen som förstörs vid kontakt.

När du har det vanliga missilbeteendet, kan du prova ett antal intressanta variationer:

• Lägg gravitation mot missilerna. Om det är en sidoscroller, lägg till en gravitationskraft till dina missiler för en maskliknande effekt.

• Lägg till annan fysik till missiler. Du kan få missilerna att dra som alla andra sprit.

• Gör en smart missil. Använd vinkelTo-metoden för att bestämma vinkeln mellan en missil och ett mål och vrid missilen mot målet på varje ram. Detta kommer att simulera en smart missil som aldrig saknas. (En bra power-up, men det gör spelet för enkelt om du har för många.)

• Gör en inte så smart missil. Om fienden bränner en missil på spelaren, vill du inte ha det ganska så smart. Först, gör missilen långsam nog så att den kan gå ut. För det andra, sätta hinder som kan förstöra missilen i vägen. För det tredje, gör missilen smart bara en gång så att den kontrollerar målets position en gång var femte eller tio ramar.