Table des matières:
- Étape 1: Ouvrir l'espace de travail
- Étape 2: Concevoir l'interface utilisateur
- Étape 3: Créer des fonctions de clic
- Étape 4: Fonction GetWinner
- Étape 5: Appel de la fonction GetWinner
- Étape 6: Obtenez le choix du processeur
- Étape 7: écrivez RandomPick
- Étape 8: Déterminer le gagnant
- Étape 9: Enregistrer les résultats
- Étape 10: Terminez
2025 Auteur: John Day | [email protected]. Dernière modifié: 2025-01-13 06:57
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.