Vytvorenie tvojej prvej hry v programe Phaser 3

Na┼íej hre ch├¢baj├║ e┼íte dve veci: zloduch, ktor├®mu sa treba vyh├¢ba┼Ñ, preto┼¥e m├┤┼¥e na┼íu postavu zabi┼Ñ a sk├│re za pozbieran├® hviezdy. Najsk├┤r sa budeme venova┼Ñ druhej ├║lohe:

Vyu┼¥ijeme textov├¢ hern├¢ objekt. Vytvor├¡me dve nov├® premenn├®, do jednej budeme uklada┼Ñ aktu├ílne sk├│re a druh├║ pou┼¥ijeme na ulo┼¥enie textov├®ho hern├®ho objektu:

var score = 0;
var scoreText;

scoreText vytvor├¡me vo funkcii create:

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

16 x 16 je pozícia pre zobrazene textu. 'score: 0' je defaultnÛ reťazec, ktorÛ sa zobrazí a objekt, ktorÛ nasleduje obsahuje nastavenie veĝkosti fontu a jeho farbu. Neurčili sme, akÛ font chceme pouŝiť a tak Phaser pouŝije defaultnÛ font, ktorÛm je Courier.

─Äalej potrebujeme upravi┼Ñ funkciu collectStar tak, ┼¥e ke─Å postava zoberie hviezdu, sk├│re sa zv├¢┼íi a text sa aktualizuje:

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

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

Za ka┼¥d├║ hviezdu prid├ívame 10 bodov a text scoreText sa aktualizuje tak, aby zobrazil nov├® celkov├® sk├│re. Ak si spust├¡┼í part9.html, uvid├¡┼í pada┼Ñ hviezdy a n├írast sk├│re po ich zbere.

V poslednej časti pridáme podliakov.