Indholdsfortegnelse:

Rock Papirsaks: 10 trin
Rock Papirsaks: 10 trin

Video: Rock Papirsaks: 10 trin

Video: Rock Papirsaks: 10 trin
Video: Rock Scissors Paper #1 | Finger Play Song | Super Simple Songs 2024, November
Anonim
Sten saks papir
Sten saks papir

Formål: Efter at have gennemført dette lærer du, hvordan du laver et simpelt spil Rock, Paper Scissors fra bunden ved hjælp af Code.org.

Nødvendige materialer / krav: Grundlæggende forståelse af Javascript -syntaks, en computer, en Code.org -konto.

Trin 1: Åbn arbejdsområdet

Åbn arbejdsområdet
Åbn arbejdsområdet

1. Start med at åbne code.org, klik på opret et projekt, og klik på app -lab

Trin 2: Design brugergrænseflade

Design brugergrænseflade
Design brugergrænseflade

2. Klik på fanen Design i øverste venstre hjørne af kodningsmiljøet, og træk tre knapper (sten, papir, saks). Mærk dem, og skift deres id'er i overensstemmelse hermed. Træk også i designfanen etiketter for: CPU -valg, Player Choice og en vind eller tab -indikator. ID disse i overensstemmelse hermed, slutresultatet skal ligne billedet ovenfor.

Trin 3: Opret klikfunktioner

Opret klikfunktioner
Opret klikfunktioner

Opret hændelsesfunktioner, der kører, når der klikkes på hver af knapperne. For at gøre dette skal du klikke på den ønskede knap i designfanen og derefter klikke på indsæt kode under fanen begivenheder i designarbejdsområdet.

Trin 4: GetWinner -funktion

GetWinner -funktion
GetWinner -funktion

Skriv en funktion kaldet getWinner med parameteren "PlayersChoice".

Trin 5: Opkald til GetWinner -funktionen

Opkald til GetWinner -funktionen
Opkald til GetWinner -funktionen

I hver Click Event -funktion skal du kalde getWinner -funktionen og sende en streng med navnet på elementet, der svarer til funktionen.

Trin 6: Få CPU's valg

Få CPU's valg
Få CPU's valg

I getWinner -funktionen skal du initialisere en variabel “cpuChoice, og få den til at sende et tilfældigt tal fra 0 til 2 til en ny randomPick -funktion. Opret randomPick -funktionen med en int -parameter.

Trin 7: Skriv RandomPick

Skriv RandomPick
Skriv RandomPick

I randomPick -funktionen skal du returnere et andet element for hvert tilfældigt tal fra 0 til 2. Eks. hvis x = 0 returnerer “Rock”. Indstil teksten på en etiket til "CPU vælger" && element

Trin 8: Bestem vinderen

Bestem vinderen
Bestem vinderen

Tilbage i getWinner -funktionen kan du sammenligne playerChoice med cpuChoice ved hjælp af if if -sætninger for at bestemme vinderen. Initialiser en booleansk, der sætter til sand, hvis spilleren er bestemt som vinder, og forbliver falsk ellers. Forsigtig: Kontroller først, om der er uafgjort.

Trin 9: Registrer resultater

I slutningen af getWinner -funktionen skal du indstille en global variabel for CPU -gevinsttælling og spillerens gevinsttælling og justere hver variabel i overensstemmelse hermed. Juster den tilsvarende etiket i slutningen af getWinner -funktionen (når vinderen er blevet bestemt). Skift hovedetiketten til enten "Du vinder" eller "Du taber" også her

Trin 10: Afslut

På dette tidspunkt skal dit program være færdigt, klik på Kør og spil spillet for at sikre, at det fungerer korrekt.

Anbefalede: