Tutorial Phaser – Parte 4: aggiungiamo il cannone Laser

Nella lezione precedente abbiamo visto come far muovere al giocatore l’astronave con Phaser. Vedremo adesso come aggiungere la possibilità di sparare dei laser premendo la barra spaziatrice.

Per prima cosa carichiamo l’immagine del laser nella directory principale del progetto

All’interno della funzione di preload aggiungeremo quindi, come gia visto nella lezione 1, la grafica del laser con la chiave “laser”

// funziona di precaricamento
function preload() {
game.load.image('ship', 'ship.png');
game.load.image('laser', 'laser.png');
}

Come gia accennato in precedenza Phaser si caratterizza per avere una serie di oggetti gia pronti per le esigenze più comuni. In questo caso non dovremo gestire manualmente la creazione e distruzione dei proiettili o della frequenza di fuoco ma demanderemo tutta la gestione all’oggetto Weapon.

Nella funzione di inizializzazione (create) aggiungeremo il codice per creare e configurare l’oggetto Weapon.

// creiamo l'arma dell'astronave principale, proiettili infiniti (-1)
// e "laser" come proiettile
weapon = game.add.weapon(-1, 'laser');
// quando i proiettili escono dallo schermo saranno rimossi
weapon.bulletKillType = Phaser.Weapon.KILL_WORLD_BOUNDS;
// proiettili ruotati verso l'alto (90 gradi)
weapon.bulletAngleOffset = 90;
// velocità dei proiettili
weapon.bulletSpeed = 400;
// i proiettili escono con un angolo casuale di 10 gradi a destra o a sinistra
weapon.bulletAngleVariance = 10;
// i proiettili partono dal centro dell'astronave: l'astronave è larga 64 quindi il centro è 32
weapon.trackSprite(sprite, 32, 0);
// frequenza di fuoco in millisecondi: 1/4 di secondo
weapon.fireRate = 250;

Sempre in create aggiungeremo un controllo sulla la barra spaziatrice che useremo come comando per fare fuoco.

// attiviamo la barra spaziatrice. In seguito la useremo per fare fuoco.
fireButton = this.input.keyboard.addKey(Phaser.KeyCode.SPACEBAR);

Ora nel ciclo di gioco, quindi nella funzione update, inseriremo il codice per attivare l’oggetto Weapon quando la barra spaziatrice risulterà premuta.

// se la barra spaziatrice è premuta l'arma fa fuoco
if (fireButton.isDown)
{
weapon.fire();
}

Ricordo che i controlli hanno bisogno della tastiera, quindi il gioco al momento non supporta dispositivi touch come smartphone e tablet.

Potete vedere il risultato seguendo questo link o potete scaricare il progetto
Scarica

Nel prossimo articolo vedremo come aggiungere le astronavi nemiche.

Precedente Indice Successivo