Ciseaux à papier roche : 10 étapes

2024 Auteur: John Day | [email protected]. Dernière modifié: 2024-01-30 09:06

Objectif: Après avoir terminé cela, vous apprendrez à créer un jeu simple de Rock, Paper Scissors à partir de zéro en utilisant Code.org.

Matériel / Exigences requises: Compréhension de base de la syntaxe Javascript, un ordinateur, un compte Code.org.

Étape 1: Ouvrir l'espace de travail

1. Commencez par ouvrir code.org, cliquez sur créer un projet, puis sur app lab

Étape 2: Concevoir l'interface utilisateur

2. Cliquez sur l'onglet de conception dans le coin supérieur gauche de l'environnement de codage et faites glisser trois boutons (Pierre, Papier, Ciseaux). Étiquetez-les et modifiez leurs identifiants en conséquence. Également dans l'onglet Conception, faites glisser les étiquettes pour: le choix du processeur, le choix du joueur et un indicateur Gagner ou Perdre. Identifiez-les en conséquence, le résultat final devrait ressembler à l'image ci-dessus.

Étape 3: Créer des fonctions de clic

Créez des fonctions d'événement qui s'exécutent lorsque chacun des boutons est cliqué. Pour ce faire, cliquez sur le bouton souhaité dans l'onglet conception, puis cliquez sur insérer du code sous l'onglet événements dans l'espace de travail de conception.

Étape 4: Fonction GetWinner

Écrivez une fonction appelée getWinner avec le paramètre "playersChoice".

Étape 5: Appel de la fonction GetWinner

Dans chaque fonction Click Event, appelez la fonction getWinner, en envoyant une chaîne avec le nom de l'élément correspondant à la fonction.

Étape 6: Obtenez le choix du processeur

Dans la fonction getWinner, initialisez une variable cpuChoice, et faites-lui envoyer un nombre aléatoire de 0 à 2 à une nouvelle fonction randomPick. Créez la fonction randomPick avec un paramètre int.

Étape 7: écrivez RandomPick

Dans la fonction randomPick, retournez un élément différent pour chaque nombre aléatoire de 0 à 2. Ex. si x = 0 renvoie « Roche ». Définissez le texte d'une étiquette sur "CPU choisit" && élément

Étape 8: Déterminer le gagnant

De retour dans la fonction getWinner, comparez le playerChoice à cpuChoice en utilisant les instructions if else pour déterminer le gagnant. Initialisez un booléen qui prend la valeur true si le joueur est déterminé comme vainqueur et reste false dans le cas contraire. Attention: vérifiez d'abord s'il y a égalité.

Étape 9: Enregistrer les résultats

À la fin de la fonction getWinner, définissez une variable globale pour le nombre de victoires du processeur et le nombre de victoires du joueur et ajustez chaque variable en conséquence. Ajustez l'étiquette correspondante à la fin de la fonction getWinner (une fois que le gagnant a été déterminé). Changez l'étiquette principale en « Vous gagnez » ou « Vous perdez » ici aussi

Étape 10: Terminez

À ce stade, votre programme devrait être terminé, cliquez sur Exécuter et jouez au jeu pour vous assurer qu'il fonctionne correctement.