Nůžky na papír: 10 kroků

2024 Autor: John Day | [email protected]. Naposledy změněno: 2024-01-30 08:21

Účel: Po dokončení se naučíte, jak vytvořit jednoduchou hru Rock, Paper Scissors od začátku pomocí Code.org.

Potřebné materiály / požadavky: Základní znalosti syntaxe Javascriptu, počítač, účet Code.org.

Krok 1: Otevřete pracovní prostor

1. Začněte otevřením code.org, klikněte na vytvořit projekt a klikněte na laboratoř aplikací

Krok 2: Navrhněte uživatelské rozhraní

2. Klikněte na kartu návrhu v levém horním rohu prostředí kódování a přetáhněte tři tlačítka (Kámen, Papír, Nůžky). Označte je a podle toho změňte jejich ID. Na kartě Návrh také přetáhněte popisky pro: Volba CPU, Volba hráče a indikátor Win nebo Lose. Podle toho je identifikujte, konečný výsledek by měl vypadat jako na obrázku výše.

Krok 3: Vytvořte funkce kliknutí

Vytvořte funkce událostí, které se spustí po kliknutí na každé tlačítko. Chcete -li to provést, klikněte na požadované tlačítko na kartě návrhu a poté klikněte na tlačítko Vložit kód na kartě událostí v pracovním prostoru návrhu.

Krok 4: Funkce GetWinner

Napište funkci s názvem getWinner s parametrem „playersChoice“.

Krok 5: Volání funkce GetWinner

V každé funkci Click Event zavolejte funkci getWinner a odešlete řetězec s názvem položky odpovídající funkci.

Krok 6: Získejte volbu CPU

Ve funkci getWinner inicializujte proměnnou „cpuChoice a nechte ji odeslat náhodné číslo od 0 do 2 do nové funkce randomPick. Vytvořte funkci randomPick s parametrem int.

Krok 7: Napište RandomPick

Ve funkci randomPick vraťte jinou položku pro každé náhodné číslo od 0 do 2. Př. pokud x = 0 vrátí „Rock“. Nastavte text štítku na položku „CPU si vybírá“&&

Krok 8: Určení vítěze

Zpět do funkce getWinner porovnejte playerChoice s cpuChoice pomocí příkazů if else k určení vítěze. Inicializujte logickou hodnotu, která se nastaví na true, pokud je hráč určen jako vítěz, a jinak zůstane nepravdivá. Upozornění: Nejprve zkontrolujte, zda je remíza.

Krok 9: Zaznamenejte výsledky

Na konci funkce getWinner nastavte globální proměnnou pro počet výher CPU a počet výher hráčů a podle toho upravte každou proměnnou. Upravte odpovídající štítek na konci funkce getWinner (po určení vítěze). I zde změňte hlavní štítek na „Vyhráváte“nebo „Prohráváte“

Krok 10: Dokončete

V tomto okamžiku by měl být váš program dokončen, klikněte na Spustit a zahrajte si hru, abyste se ujistili, že funguje správně.