Lav dit første spil med Phaser 3

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.

I den sidste del vil vi tilføje nogle modstandere.