Obsah:
2025 Autor: John Day | [email protected]. Naposledy změněno: 2025-01-13 06:57
Úč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ě.