Pro dokon─ìen├¡ hry p┼Öid├íme je┼ít─ø dv─ø v─øci: nep┼Ö├ítele, kte┼Ö├¡ m┼»┼¥ou hr├í─ìe zab├¡t, a kter├¢m bude pot┼Öeba se vyhnout a sk├│re za sesb├¡ran├® hv─øzdi─ìky. Nejd┼Ö├¡ve sk├│re:

Vyu┼¥ijeme hern├¡ objekt pro text - Text Game Object. Vytvo┼Ö├¡me dv─ø nov├® prom─ønn├®, jednu k ulo┼¥en├¡ aktu├íln├¡ho sk├│re a druhou k ulo┼¥en├¡ hern├¡ho objektu s textem:

var score = 0;
var scoreText;

scoreText je nastaven ve funkci create:

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

16 x 16 je pozice pro zobrazen├¡ textu. 'score: 0' je v├¢choz├¡ ┼Öet─øzec, kter├¢ se zobraz├¡ a objekt, kter├¢ n├ísleduje obsahuje nastaven├¡ velikosti fontu a jeho barvu. Pokud neur─ì├¡me, kter├¢ font pou┼¥├¡t, pou┼¥ije Phaser v├¢choz├¡ font, co┼¥ je Courier.

D├íle pot┼Öebujeme upravit funkci collectStar tak, ┼¥e kdy┼¥ hr├í─ì sebere hv─øzdi─ìku, jeho sk├│re se zv├¢┼í├¡ a text je aktualizov├ín, aby odr├í┼¥el tuto zm─ønu:

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

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

Za ka┼¥dou hv─øzdi─ìku p┼Öid├ív├íme 10 bod┼» a text scoreText je aktualizov├ín, aby zobrazil nov├® celkov├® sk├│re. Pokud spust├¡te part9.html, uvid├¡te padat hv─øzdi─ìky a nab├¡hat sk├│re, jak je budete sb├¡rat.

image

V posledn├¡ ─ì├ísti p┼Öid├íme n─øjak├® zloduchy.