Pozosta┼éy nam dwie ostatnie funkcjonalno┼øci, kt├│re dodamy do gry: zagra┼╝aj─àcy graczowi wr├│g do omijania oraz wynik zliczany za zgromadzone gwiazdki. Zacznijmy od wyniku.

Aby to uzyska─ç wykorzystamy obiekt Text Game. Stw├│rzmy dwie nowe zmienne, jedna do przechowywania wyniku, a druga do obiektu z wy┼øwietlanym tekstem:

var score = 0;
var scoreText;

Obiekt z wy┼øwietlanym tekstem scoreText ustawiamy w obr─Öbie funkcji create:

scoreText = this.add.text(16, 16, 'score: 0', { fontSize: '32px', fill: '#000' });

16 na 16 wyznacza koordynaty gdzie tekst zostanie wy┼øwietlony. 'score: 0' to standardowy tekst do wy┼øwietlenia, pozosta┼éy parametr to styl tekstu (wielko┼ø─ç i kolor wype┼énienia). Je┼╝eli nie powiemy Phaserowi jaki font ma u┼╝y─ç, wybrany zostanie standardowo Courier.

Teraz pozostaje nam jeszcze odpowiednio zmodyfikować metodę collectStar tak żeby gracz otrzymywał punkty za zbierane gwiazdki:

function collectStar (player, star)
{
    star.disableBody(true, true);

    score += 10;
    scoreText.setText('Score: ' + score);
}

Za ka┼╝d─à gwiazdk─Ö dodawane jest 10 punkt├│w i tekst scoreText jest adekwatnie aktualizowany. Je┼╝eli uruchomisz plik part9.html zobaczysz spadaj─àce gwiazdki i zwi─Ökszajacy si─Ö wynik gdy je zbierasz.

image

W ostatniej cz─Ö┼øci poradnika dodamy wrog├│w.