Obsah:
2025 Autor: John Day | [email protected]. Naposledy zmenené: 2025-01-13 06:58
Účel: Po dokončení tohto postupu sa naučíte, ako vytvoriť jednoduchú hru Rock, Paper Scissors od začiatku pomocou Code.org.
Potrebné materiály / Požiadavky: Základné znalosti syntaxe Javascriptu, počítač, účet Code.org.
Krok 1: Otvorte pracovný priestor
1. Začnite otvorením kódu.org, kliknite na položku Vytvoriť projekt a kliknite na položku Laboratórium aplikácií
Krok 2: Navrhnite používateľské rozhranie
2. Kliknite na kartu návrhu v ľavom hornom rohu prostredia kódovania a potiahnite tri tlačidlá (Kôš, Papier, Nožnice). Označte ich a podľa toho zmeňte ich ID. Na karte návrh tiež presuňte štítky na: Voľba CPU, Voľba prehrávača a Indikátor výhry alebo prehry. Podľa toho ich identifikujte, konečný výsledok by mal vyzerať ako na obrázku vyššie.
Krok 3: Vytvorte klikacie funkcie
Vytvorte funkcie udalostí, ktoré sa spustia po kliknutí na každé z tlačidiel. Ak to chcete urobiť, kliknite na požadované tlačidlo na karte návrhu a potom kliknite na položku vložiť kód na kartu udalostí v pracovnom priestore návrhu.
Krok 4: Funkcia GetWinner
Napíšte funkciu s názvom getWinner s parametrom „playersChoice“.
Krok 5: Volanie funkcie GetWinner
V každej funkcii Click Event zavolajte funkciu getWinner a odošlite reťazec s názvom položky zodpovedajúcej funkcii.
Krok 6: Získajte výber CPU
Vo funkcii getWinner inicializujte premennú „cpuChoice a nechajte ju poslať náhodné číslo od 0 do 2 do novej funkcie randomPick. Vytvorte funkciu randomPick s parametrom int.
Krok 7: Napíšte RandomPick
Vo funkcii randomPick vráťte inú položku pre každé náhodné číslo od 0 do 2. Napr. ak x = 0, vráťte „Rock“. Nastavte text štítka na položku „CPU vyberie“&&
Krok 8: Určenie víťaza
Späť vo funkcii getWinner porovnajte playerChoice s cpuChoice pomocou príkazov if else na určenie víťaza. Inicializujte booleovskú hodnotu, ktorá sa nastaví na true, ak je hráč určený ako víťaz, a v opačnom prípade zostane nepravdivá. Pozor: Najprv skontrolujte, či je remíza.
Krok 9: Zaznamenajte výsledky
Na konci funkcie getWinner nastavte globálnu premennú pre počet výhier CPU a počet výhier hráčov a podľa toho upravte každú premennú. Upravte príslušný štítok na konci funkcie getWinner (po určení víťaza). Aj tu zmeňte hlavný štítok na „Vyhrávate“alebo „Vyhrávate“
Krok 10: Dokončite
V tomto mieste by mal byť váš program dokončený, kliknite na položku Spustiť a spustite hru, aby ste sa presvedčili, že funguje správne.