CoddyRun

Tous les parcours

Parcours · Intermédiaire

Le morpion

Le jeu de morpion à la souris : grille sur la toile, tour par tour, détection des alignements et adversaire automatique.

8 étapes 2 h environ
Aperçu du projet final : Le morpion

Le jeu de morpion à la souris : une grille sur la toile, des X et des O à tour de rôle, la détection des alignements et un adversaire qui sait se défendre.

Ce que vous allez apprendre

  • représenter une grille avec un tableau de 9 cases ;
  • réagir au clic avec cliquer, et créer un bouton avec clique ;
  • passer d'une position en pixels à un numéro de case avec mod et arrondi_inferieur ;
  • écrire des fonctions qui testent les alignements ;
  • programmer un adversaire simple, puis malin.

Avant de commencer

Il vaut mieux connaître les tableaux, les boucles et les fonctions. Le parcours « Le jeu du pendu » est une bonne préparation.

Les étapes

  1. 1
    Dessiner la grille Dessiner une grille de morpion de 3 × 3 cases et écrire dans chaque case son numéro, de 0 à 8. toilelignemodarrondi_inferieur
    Accès libre
  2. 2
    Cliquer dans une case Attendre un clic sur la toile, trouver la case cliquée et la colorer en bleu clair, trois fois de suite. cliquercoordonnéeslimiterrépète
  3. 3
    Placer les X et les O à tour de rôle Mémoriser le contenu des 9 cases dans un tableau et dessiner une croix ou un rond à chaque clic, en alternant les joueurs. tableau de 9 casesprocédurealternance
  4. 4
    Interdire une case déjà prise Refuser les clics sur une case occupée, sans changer de joueur, et compter les coups réellement joués. tant quecompteurcontinue
  5. 5
    Détecter un alignement Écrire une fonction qui vérifie les 8 alignements possibles, et arrêter la partie dès qu'un joueur a gagné. tableau de tableauxfonctionet
  6. 6
    Le match nul et le bouton « Rejouer » Annoncer la victoire ou le match nul dans un bandeau sur la toile, avec un bouton « Rejouer » cliquable. cliqueboutonbooléenlabel_largeur
  7. 7
    Un ordinateur qui joue au hasard Jouer seul contre l'ordinateur : vous êtes les X, il répond avec les O sur une case libre tirée au hasard. fonctiontableau localhasardpause
  8. 8
    Un ordinateur qui bloque vos alignements Rendre l'ordinateur malin : il gagne s'il le peut, sinon il bloque vos alignements, sinon il prend le centre. stratégiefonction qui renvoie -1priorités
La première étape est en accès libre. Pour continuer, garder votre progression d'un ordinateur à l'autre et obtenir le diplôme, créez un compte gratuit.