Der er to sidste ting, som vi vil f├©je til spillet: En modstander som spilleren skal undg├Ñ for ikke at d├©, og en score for at indsamle stjernerne. F├©rst scoren.

For at oprette denne g├©r vi brug af et Text spilobjekt. Her skaber vi to variabler, en til at huske scoren og en til selve tekstobjektet:

var score = 0;
var scoreText;

Variablen scoreText sættes op i create-funktionen:

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

16 x 16 er koordinatet hvor teksten vises. 'score: 0' er tekststrengen til visning, og objektet til sidst indeholder fontst├©rrelse og tekstens farvekode. Ved ikke at specificere et fontnavn v├ªlger vi Phasers standardfont, som er Courier.

Herefter ├ªndrer vi lidt i funktionen collectStar, s├Ñdan at spillerens score for├©ges og teksten opdateres, n├Ñr spilleren samler en stjerne op:

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

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

S├Ñ man f├Ñr 10 points for hver stjerne, og scoreText opdateres til at vise den nye sum. Hvis du k├©rer part9.html, vil du se stjernerne falde og scoren for├©ges, n├Ñr du samler dem op.

image

I den sidste del vil vi tilf├©je nogle modstandere.