Making your first Phaser 3 game

Há dois toques finais que vamos adicionar ao nosso jogo: um inimigo para evitar, que pode matar o jogador, e uma pontuação quando você coletar as estrelas. Primeiro, a pontuação.

Para fazer isso, vamos utilizar um Text Game Object. Criamos duas novas variáveis, uma para guardar a pontuação real outra para o próprio objeto de texto:

var score = 0;
var scoreText;

O scoreText foi configurado na fun├º├úo create:

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

16 x 16 ├® a coordenada em que o texto ser├í exibido. 'score: 0' ├® a string padr├úo a ser exibida e o objeto a seguir cont├®m o tamanho e cor da fonte. Ao n├úo especificar qual fonte usaremos o Phaser utilizar├í seu padr├úo, que ├® Courier.

Em seguida, precisamos modificar a fun├º├úo collectStar para que, quando o jogador pegar uma estrela, sua pontua├º├úo aumente e o texto seja atualizado:

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

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

Com isso 10 pontos s├úo adicionados para cada estrela e o scoreText ├® atualizado para mostrar este novo total. Se voc├¬ executar part9.html, ver├í as estrelas ca├¡rem e a pontua├º├úo aumentar├í conforme voc├¬ as coleta.

Na parte final, vamos adicionar alguns vil├Áes.