Taula de continguts:
- Pas 1: obriu l’espai de treball
- Pas 2: dissenyar la interfície d'usuari
- Pas 3: Creeu funcions de clic
- Pas 4: Funció GetWinner
- Pas 5: trucar a la funció GetWinner
- Pas 6: Obteniu l'opció de CPU
- Pas 7: escriviu RandomPick
- Pas 8: determinar el guanyador
- Pas 9: registreu els resultats
- Pas 10: Acabeu
Vídeo: Tisores de paper de roca: 10 passos
2024 Autora: John Day | [email protected]. Última modificació: 2024-01-30 08:12
Finalitat: Després de completar-ho, aprendreu a fer un joc senzill de Rock, Paper Scissors des de zero mitjançant Code.org.
Materials / Requisits necessaris: comprensió bàsica de la sintaxi de Javascript, un ordinador i un compte de Code.org.
Pas 1: obriu l’espai de treball
1. Comenceu obrint code.org, feu clic a crear un projecte i feu clic a app lab
Pas 2: dissenyar la interfície d'usuari
2. Feu clic a la pestanya de disseny a l'extrem superior esquerre de l'entorn de codificació i arrossegueu tres botons (Roca, Paper, Tisores). Etiqueu-los i canvieu els seus identificadors en conseqüència. També a la pestanya de disseny, arrossegueu les etiquetes per a: CPU choice, Player Choice i un indicador Win or Perd. Identifiqueu-los en conseqüència, el resultat final hauria de semblar a la imatge de més amunt.
Pas 3: Creeu funcions de clic
Creeu funcions d'esdeveniments que s'executin quan es fa clic a cadascun dels botons. Per fer-ho, feu clic al botó desitjat a la pestanya Disseny i, a continuació, feu clic a Insereix codi sota la pestanya Esdeveniments a l'espai de treball de disseny.
Pas 4: Funció GetWinner
Escriviu una funció anomenada getWinner amb el paràmetre "playersChoice".
Pas 5: trucar a la funció GetWinner
A cada funció Click Event, truqueu a la funció getWinner, enviant una cadena amb el nom de l’element corresponent a la funció.
Pas 6: Obteniu l'opció de CPU
A la funció getWinner, inicialitzeu una variable cpuChoice i envieu un número aleatori de 0 a 2 a una nova funció randomPick. Creeu la funció randomPick amb un paràmetre int.
Pas 7: escriviu RandomPick
A la funció randomPick, torneu un element diferent per a cada número aleatori del 0 al 2. Ex. si x = 0 retorna "Rock". Establiu el text d'una etiqueta en l'element "CPU tria" i &&
Pas 8: determinar el guanyador
De nou a la funció getWinner, compareu el playerChoice amb cpuChoice mitjançant instruccions if else per determinar el guanyador. Inicialitzeu un booleà que s'estableixi com a vertader si es determina que el jugador és el guanyador i, en cas contrari, es manté en fals. Precaució: comproveu si primer hi ha empat.
Pas 9: registreu els resultats
Al final de la funció getWinner, definiu una variable global per al recompte de guanys de la CPU i del recompte de jugadors i ajusteu cada variable en conseqüència. Ajusteu l'etiqueta corresponent al final de la funció getWinner (un cop s'hagi determinat el guanyador). Canvieu l'etiqueta principal per "Guanyeu" o "Perdeu" també aquí
Pas 10: Acabeu
En aquest moment, el vostre programa hauria d’estar acabat, feu clic a Executa i jugueu al joc per assegurar-vos que funcioni correctament.
Recomanat:
Aquest roca de joguina de clic voltatge d’alta tensió: 11 passos (amb imatges)
Aquesta roca de joguina Click-Clack d’alta tensió !: Aquí teniu dues versions electrostàtiques d’una joguina Click-Clack retro que eren populars a les escoles secundàries dels anys 70. La versió 1.0 és el model de super pressupost. Les peces (excloent la font d'alimentació) no són gairebé res. Una descripció del més car
The Paper Preserver: estalvieu paper higiènic amb teràpia de xoc: 4 passos
The Paper Preserver: Save Paper toilet with Shock Therapy: Tots hem vist les prestatgeries buides de la botiga de queviures i sembla que hi haurà escassetat de paper higiènic durant un temps. Si no us heu aprovisionat aviat, probablement estigueu en la situació en què tinc. Tinc una casa de 6 persones i només queden uns quants rotlles
Joc de tisores de paper Arduino de mà amb pantalla LCD de 20x4 amb I2C: 7 passos
Joc de tisores de paper Arduino de mà amb pantalla LCD de 20x4 amb I2C: Hola a tothom o potser hauria de dir "Hola món!" Seria un gran plaer compartir amb vosaltres un projecte que ha estat la meva entrada a moltes coses Arduino. Es tracta d’un joc de mà Arduino Paper Rock Scissors que utilitza una pantalla LCD I2C 20x4. Jo
Programació orientada a objectes: creació d'objectes Mètode / tècnica d'aprenentatge / ensenyament amb tisores: 5 passos
Programació orientada a objectes: Creació d'objectes Mètode / Tècnica d'aprenentatge / ensenyament amb tisores: Mètode d'aprenentatge / ensenyament per a estudiants que s'inicien en la programació orientada a objectes. Aquesta és una manera de permetre'ls visualitzar i veure el procés de creació d'objectes a partir de classes. Parts: 1. Tisores (ho farà qualsevol tipus). 2. Peça de paper o cartolina. 3. Marcador
Elevació de tisores controlades per Raspberry Pi: 17 passos (amb imatges)
Elevador de tisores controlat Raspberry Pi: per què un elevador de tisora? Perquè no! És genial i un projecte divertit de construir. La veritable raó per a mi és per aixecar les càmeres del meu Gran Projecte Mojave Rover. Vull que les càmeres s’elevin per sobre del rover i capturin imatges de l’entorn. Però necessitava