Hoe raketten toevoegen aan objecten in uw HTML5-spel - dummies

Autodealers zijn gevoelig voor het installeren van wapens tijdens je rit, maar daarom worden mensen spelprogrammeurs. Dus je kunt raketten toevoegen aan je HTML5-spelobjecten. Als je raketten in je minibus wilt, heb je raketten (tenminste in de virtuele minibus). Veel videogames hebben te maken met fotograferen en dat is een vrij eenvoudig effect om toe te voegen.

Projectielbasis voor je spel

Raketten, kogels en andere projectielen zijn vrij gemakkelijk om mee te werken. Hier zijn een paar ideeën om in gedachten te houden:

• Het projectiel is een sprite. Maak een nieuwe sprite voor het projectiel. Je kunt er een eenvoudige stip van maken, of een complete raket tekenen.

• Maak een aangepaste sprite voor de raket. De raket heeft enkele methoden nodig, dus je kunt er net zo goed een aangepaste sprite van maken.

• Raketten sterven als ze het scherm verlaten. De eenvoudigste manier om dit gedrag te krijgen, is door de boundAction van de raket op DIE te zetten.

• Voeg een methode fire () toe. De methode fire () wordt geactiveerd wanneer de raket wordt afgevuurd.

• Hergebruik dezelfde raket steeds opnieuw. Oude raketten sterven nooit. Ze zijn gewoon verborgen en worden opnieuw gebruikt wanneer de gebruiker opnieuw foto's maakt. Wanneer een raket iets raakt, verberg dan de raket. Dat maakt het onzichtbaar en ongevoelig voor botsingen.

Hoe je raketten van je spel te lanceren

De code voor een raket. html is vergelijkbaar met de standaard autocode die je hebt gezien:

raket. html var-spel; var auto; var raket; function Car () {tCar = nieuwe Sprite (game, "car. ​​png", 50, 30); tCar. setSpeed ​​(3); tCar. setAngle (135); tCar. checkKeys = function () {if (keysDown [K_LEFT]) {this. turnBy (-5);} if (keysDown [K_RIGHT]) {dit. turnBy (5);} if (keysDown [K_SPACE]) {raket. fire ();}} // end checkKeys return tCar;} // end car def function Missile () {tMissile = new Sprite (game, "raket.png", 30, 20); tMissile. verbergen(); tMissile. fire = function () { this. laten zien(); tMissile. setSpeed ​​(15); dit. setBoundAction (DIE); dit. setPosition (auto, x, auto, y); dit. setAngle (car. getImgAngle ()); dit. setImage ("raket. png"); dit. setSpeed ​​(15); } // einde vuur return tMissile;} // einde raket def-functie init () {game = new Scene (); auto = nieuwe auto (); raket = nieuwe raket (); spel. start ();} // update van de eind-init-functie () {game. duidelijk(); auto. checkKeys (); auto. bijwerken(); raket. bijwerken(); } // einde update

Projectielen zijn heel leuk om te bouwen, en ze zijn niet erg moeilijk, zoals hier getoond:

1. Bouw een normale sprite om het projectiel te lanceren.

   Dit is niet absoluut noodzakelijk, maar normaal wordt een kogel afgeschoten van een geweer, een pijl zal worden afgeschoten vanaf een boeg en een nucleaire bananenraket zal worden afgeschoten door welk voertuig dan ook.

2. Het projectiel zal zijn eigen sprite zijn.

   Het projectiel werkt net als een gewone sprite, maar het wordt dynamisch gemaakt en vernietigd.

3. Voeg een trigger toe om de raket af te vuren.

   Omdat de auto de raket zal lanceren, bevindt de triggercode zich in de checkKeys-methode van de auto.

4. Stel de raket in die standaard moet worden verborgen.

   De raket is altijd in de buurt, maar hij is buiten het podium verborgen wanneer hij niet nodig is. Als u de methode hide () van sprite aanroept, bevindt die sprite zich nog steeds in het geheugen, maar wordt deze niet getekend en worden geen botsingen geactiveerd.

5. Maak een fire () -methode voor de raket.

   De raket zit rond te wachten om geactiveerd te worden. De methode fire () brengt de raket in actie.

6. Maak het projectiel zichtbaar.

   De methode show () is het tegenovergestelde van hide (). Het zorgt ervoor dat een sprite zichtbaar is en triggert botsingen.

7. Geef de raket een snelle beginsnelheid.

   Zoals je weet, zijn raketten normaal snel.

8. Verberg de raket wanneer deze de rand raakt.

   Wanneer de raket de rand van het scherm raakt, moet deze worden verborgen. Het instellen van de boundAction van de raket op DIE zal dit gedrag automatisch maken.

9. Verberg de raket als deze iets anders raakt.

   Dit eenvoudige voorbeeld heeft geen andere objecten, maar als de raket botst met iets anders, roept u de methode hide () aan om te simuleren dat de raket bij contact wordt vernietigd.

Nadat je het normale raketgedrag hebt laten werken, kun je een aantal interessante variaties proberen:

• Voeg zwaartekracht toe aan de raketten. Als het een zij-scroller is, voeg dan een zwaartekracht toe aan je raketten voor een wormachtig effect.

• Voeg andere fysica toe aan raketten. Je kunt de raketten laten slepen zoals elke andere sprite.

• Maak een slimme raket. Gebruik de angleTo-methode om de hoek tussen een raket en een doel te bepalen en draai de raket naar het doel op elk frame. Dit simuleert een slimme raket die nooit mist. (Een geweldige power-up, maar het maakt het spel te gemakkelijk als je er te veel hebt.)

• Maak een niet zo slimme raket. Als de vijand een raket op de speler afvuurt, wil je het niet zo slim. Maak eerst de raket langzaam genoeg zodat hij kan worden ontlopen. Ten tweede, plaats barrières die de raket onderweg kunnen vernietigen. Ten derde, maak de raket slechts af en toe slim, zodat hij eens per vijf of tien frames controleert op de positie van het doelwit.