Table des matières:

Comment faire un jeu de tic tac toe en utilisant Swift avec Xcode : 5 étapes
Comment faire un jeu de tic tac toe en utilisant Swift avec Xcode : 5 étapes

Vidéo: Comment faire un jeu de tic tac toe en utilisant Swift avec Xcode : 5 étapes

Vidéo: Comment faire un jeu de tic tac toe en utilisant Swift avec Xcode : 5 étapes
Vidéo: Two Player Game - The Tic-Tac-Toe App (Lesson 4) 2024, Juillet
Anonim

Dans ce tutoriel Swift, je vais vous montrer comment créer une application Tic Tac Toe. Cette application est extrêmement simple et constitue un excellent projet pour tout débutant. Je vais diviser le tutoriel en trois étapes:

1. Création des objets

2. Lier des objets dans le code

3. Le code

Étape 1: Création des objets

Création des objets
Création des objets

Cette étape consiste à ajouter toutes les images, étiquettes et boutons. Vous pouvez obtenir les images que j'ai utilisées ici:

Ajoutez la grille à votre storyboard en tant qu'UIImage. Ajoutez le cercle et la croix comme un bouton. Ensuite, ajoutez une autre étiquette et un autre bouton en haut de l'écran. Vous pouvez les personnaliser comme vous le souhaitez. Nous les utiliserons pour le « Bouton Rejouer » et l'étiquette du tableau de bord.

Étape 2: Lier les objets à notre code

Lier les objets à notre code
Lier les objets à notre code

Copiez et collez la croix neuf fois. Déplacez chacune des croix dans chacun des carrés de la grille. Ensuite, ajoutez la première croix dans le contrôleur de vue en tant que fonction. Ajoutez les 8 croix restantes dans cette fonction. Enfin, ajoutez une étiquette à chacune des croix. La première croix portant l'étiquette « 1 » et la dernière croix portant l'étiquette « 9 ». Si vous êtes confus, le code de l'étape suivante devrait vous aider.

Étape 3: Variables et établissement du joueur actif

Variables et établissement du joueur a-t.webp
Variables et établissement du joueur a-t.webp

Cette première partie du code se concentre sur l'établissement des variables principales. Il établit toutes les combinaisons gagnantes sous la variable 'winningCombinations'. Il utilise également la fonction « action » pour déterminer qui est le joueur actif.

Étape 4: Déterminer le gagnant

Détermination du gagnant
Détermination du gagnant

Cette pièce utilise un énoncé logique pour déterminer qui a gagné la partie. Il utilise ensuite une déclaration « si sinon » pour imprimer le nom du gagnant sur le tableau de bord. Après avoir déterminé le gagnant, le code révèle un bouton « Rejouer ».

Étape 5: Réinitialiser le plateau de jeu

Réinitialiser le plateau de jeu
Réinitialiser le plateau de jeu

Ce dernier morceau de code réinitialise le plateau de jeu après avoir appuyé sur le bouton « Rejouer ». Il efface toutes les valeurs et pièces précédentes afin que vous puissiez jouer à un tout nouveau jeu.

Conseillé: