Úvod

Naučíš se jak vytvořit hru, ve které budeš používat myš k navigaci loďky na opuštěný ostrov.

Krok 1: Naplánování hry

Seznam úkolů

  • Vytvoř si nový projekt a smaž kočičku, takže tvůj projekt bude prázdný. Online editor můžeš nalézt zde: jumpto.cc/scratch-new.

  • Naplánuj si tvůj level hry. Klikni na Scénu a na záložku “Pozadí”. Měl(a) bys přidat:
    • Dřevo, kterému se bude loďka vyhýbat;
    • Opuštěný ostrov, na kterém má loďka přistát.

    Tady je obrázek, jak by měla tvoje hra vypadat:

    screenshot

Krok 2: Ovládání loďky

Seznam úkolů

  • Pokud ti dal vedoucí klubu adresář se soubory, klikni na ‘Nahrát postavu ze souboru’ a vyber obrázek ‘boat.png’. Měl bys zmenšit obrázek a vložit ho na startovní pozici.

    screenshot

    Pokud obrázek nemáš, můžeš si loďku nakreslit!

  • Abys mohl(a) ovládat loďku myší, přidej tento kód:

        po kliknutí na ⚑
    natoč se směrem (0 v)
    skoč na pozici x: (-190) y: (-150)
    opakuj dokola
        natoč se k [ukazatel myši v]
        posuň se o (1) kroků
    end

  • Vyzkoušej loďku tak, že klikneš na zelenou vlaječku a budeš hýbat myší. Plave loďka za myší?

    screenshot

  • Co se stane, když loďka doplave ke kurzoru myši?

    Abys tomuto chování zabránil(a), musíš přidat blok když tak, aby se loďka pohybovala jen když je dále než 5 pixelů od myši.

        po kliknutí na ⚑
    natoč se směrem (0 v)
    skoč na pozici x: (-190) y: (-150)
    opakuj dokola
        když ((vzdálenost od [ukazatel myší v]) > [5]) tak
            natoč se k [ukazatel myši v]
            posuň se o (1) kroků
        end
    end

  • Vyzkoušej znovu tvoji loďku, zda byl problém vyřešen.

Ulož projekt

Krok 3: Havárie!

Nyní může vaše loďka proplouvat dřevěnýma bariérama! Pojďme to opravit.

Seznam úkolů

  • Budeš potřebovat dva “kostýmy” pro tvoji loďku, jeden normální, a jeden pro loďku po nárazu. Zduplikuj kostým tvojí loďky a nazvi je ‘normal’ (normální) a ‘hit’ (náraz).

  • Klikni na kostým ‘hit’ a vyber nástroj ‘Select’ abys loďku rozdělil(a) na kousky a ty různě natoč. Upravt loďku tak, aby vypadala jako po nárazu.

    screenshot

  • Přidej tento kód k tvojí loďce do bloku opakuj dokola, tak aby loďka narazila, jakmile se dotkne hnědého dřeva:

        když <dotýká se barvy [#603C15]?> tak
        změň kostým na [hit v]
        říkej [Neeee!] příštích (1) sekund
        změň kostým na [normal v]
        natoč se směrem (0 v)
        skoč na pozici x: (-215) y: (-160)
    end

    Tento kód je ve smyčcce opaku dokola, takže tvůj kód trvale kontroluje, zda nedochází k nárazu loďky.

  • Také musíš zajistit, aby loďka začínala nenabouraná - kostým ‘normal’.

  • Nyní, když loďka dopluje ke dřevu, měla by narazit a objevit se znovu na začátku.

    screenshot

Ulož projekt

Výhra!

Přidej další blok s podmínkou když do kódu loďky tak, aby hráč vyhrál, když se dostane na ostrov.

Když se loďka dostane na žlutý ostrov měla by říci ‘YEAH!’ a hra se zastaví. K tomu potřebuješ následující kód:

    říkej [YEAH!] příštích (1) sekund
    zastav [vše v]

screenshot

Ulož projekt

Zvukové efekty

Nyní můžeš přidat zvukové efekty pro náraz nebo pro konec hry. Stejně tak můžeš přidat hudbu na pozadi. (v projektu ‘Rock Band’ se naučíš jak).

Ulož projekt

Krok 4: Závod na čas

Přidej do hry časovač proto, aby se hráč snažil dostat do cíle co nejrychleji.

Seznam úkolů

  • Přidej proměnnou nazvanou time na scénu. Můžeš také změnit její vzhled, pokud chceš vědět jak, podívejte se na projekt ‘Lovci duchů’.

    screenshot

  • Přidej tento kód na tvoji scénu, tak aby se počítal čas, dokud loďka nedopluje na ostrov:

        po kliknutí na ⚑
    nastav [time v] na [0]
    opakuj dokola
        čekej (0.1) sekund
        změň [time v] o (0.1)
    end

  • To je ono! Vyzkoušej hru a uvidíš jak rychlý dokážeš být!

    screenshot

Ulož projekt

Krok 5: Překážky a bonusy

Nyní je hra moc jednoduchá - přidáme pár věcí, aby byla zajímavější.

Seznam úkolů

  • Jako první přidáme ‘zrychlovače’. Nakresli do tvojí hry několik bílých šipek.

    screenshot

  • Nyní je potřeba přidat do cyklu opakuj dokola pár říkazů tak, aby se loďka posunula rychleji o 2 extra kroky, když najede na zrychlovač.

        když <dotýká se barvy [#FFFFFF]?> tak
        posuň se o (3) kroků
    end

  • Můžeš také přidat otáčivou bránu, které se musí loďka vyhnout:

    screenshot

    Ujisti se, že má stejnou barvu jako dřevěné bariéry.

  • Nastav střed brány.

    screenshot

  • Přidej kód k bráně tak, aby se otáčela pomalu stále dokola v bloku opakuj dokola.

  • Vyzkoušej si hru. Nyní by se měla objevit brána, která se otáčí a které se musíš vyhnout.

    screenshot

Ulož projekt

Výzva: více překážek!

Přidej více překážek, tady je pár nápadů:

  • Můžeš přidat zelený sliz, který hráče zpomalí. Použij blok čekej:

    čekej (0.01) sekund

screenshot

  • Přidej pohyblivé objekty jako jsou plovoucí polena nebo žraloci!

screenshot

Tyto bloky ti pomůžou:

    posuň se o (1) kroků
    když narazíš na okraj, odraž se

Pokud není objekt hnědý, musíš přidat následující kód k loďce:

    když <  <dotýká se barvy [#603C15]?> nebo <dotýká se [žralok v]?> > tak
    end

Ulož projekt

Výzva: Více lodí!

Zkusíš změnit hru na závod mezi dvěma hráči?

  • Zduplikuj loďku, přejmenuj ji na ‘Hráč 2’ a změň barvu.

screenshot

  • Změň startovací pozici pro druhou loďku změnou kódu:

    skoč na pozici x: (-190) y: (-150)

  • Smaž kód pro kontrolu loďky myší:

    když < (vzdálenost od [ukazatel myši v]) > [5] > tak
        natoč se k [ukazatel myši v]
        posuň se o (1) kroků
    end

…a nahraď ho kódem pro kontrolu pomocí šipek na klávesnici.

Toto je kód pro posun loďky dopředu:

    když < klávesa [šipka nahoru v] stisknuta? > tak
        posuň se o (1) kroků
    end

Také budeš potřebovat kód pro otočení loďky - otoč se když stiskneš levou a pravou šipku.

Ulož projekt

Více levelů!

Zkus přidat více pozadí, a umožni je hráči přepínat.

    klávesa [mezerník v] stisknuta
    změn pozadí na [další pozadí v]

Ulož projekt