Vytvoření první hry ve Phaseru 3

this.add.image na pozad├¡ vytv├í┼Ö├¡ nov├¢ hern├¡ objekt (Game Object) a p┼Öid├ív├í ho do seznamu objekt┼» k zobrazen├¡ (display list) aktu├íln├¡ sc├®ny (Scene). Tento seznam je m├¡stem, kde existuj├¡ v┼íechny va┼íe hern├¡ objekty. Obr├ízek m┼»┼¥ete um├¡stit kamkoli a Phaser nebude protestovat. Ov┼íem, pokud je to mimo oblast od 0x0 do 800x600, tak ho neuvid├¡te, proto┼¥e bude mimo obrazovku, ale st├íle bude existovat ve sc├®n─ø.

Sc├®na samotn├í nem├í fixn├¡ velikost a rozprost├¡r├í se do nekone─ìna v┼íemi sm─øry. Syst├®m kamery (Camera) ovl├íd├í v├í┼í pohled do sc├®ny a aktivn├¡ kamerou m┼»┼¥ete pohybovat nebo zoomovat podle pot┼Öeby. Tak├® m┼»┼¥ete vytv├í┼Öet nov├® kamery pro dal┼í├¡ pohledy do sc├®ny. Toto t├®ma je mimo rozsah tohoto specifick├®ho tutori├ílu, sta─ì├¡ poznamenat, ┼¥e syst├®m pro kameru je ve Phaseru 3 o hodn─ø rozvinut─øj┼í├¡ ne┼¥ ve v2. V─øci, kter├® d┼Ö├¡ve nebyly mo┼¥n├®, nyn├¡ jsou.

Nyn├¡ za─ìneme stav─øt sc├®nu p┼Öid├ín├¡m obr├ízku s pozad├¡m a n─økolika plo┼íinek. Zde je aktualizovan├í funkce create:

var platforms;

function create ()
{
    this.add.image(400, 300, 'sky');

    platforms = this.physics.add.staticGroup();

    platforms.create(400, 568, 'ground').setScale(2).refreshBody();

    platforms.create(600, 400, 'ground');
    platforms.create(50, 250, 'ground');
    platforms.create(750, 220, 'ground');
}

P┼Öi rychl├®m pohledu na k├│d si v┼íimn─øte vol├ín├¡ this.physics. To znamen├í, ┼¥e budeme pou┼¥├¡vat syst├®m pro ark├ídovou fyziku (Arcade Physics system), ale p┼Öed t├¡m, ne┼¥ tak m┼»┼¥eme u─ìinit, mus├¡me ho p┼Öidat do konfigura─ìn├¡ho objektu, abychom Phaseru ozn├ímili, ┼¥e ho budeme pot┼Öebovat:

var config = {
    type: Phaser.AUTO,
    width: 800,
    height: 600,
    physics: {
        default: 'arcade',
        arcade: {
            gravity: { y: 300 },
            debug: false
        }
    },
    scene: {
        preload: preload,
        create: create,
        update: update
    }
};

P┼Öidali jsme vlastnost physics. S t├¡mto k├│dem, kter├¢ tak├® naleznete jako part4.html v zip souboru k tutori├ílu, uvid├¡te sc├®nu, kter├í u┼¥ vypad├í daleko v├¡c jako hra:

Máme pozadí a pár plošinek, ale jak tyto plošinky ve skutečnosti fungují?