Taula de continguts:

Com fer un joc de Tic Tac Toe amb Swift amb Xcode: 5 passos
Com fer un joc de Tic Tac Toe amb Swift amb Xcode: 5 passos

Vídeo: Com fer un joc de Tic Tac Toe amb Swift amb Xcode: 5 passos

Vídeo: Com fer un joc de Tic Tac Toe amb Swift amb Xcode: 5 passos
Vídeo: Institut Torre Vicens - Tic Tac Toe amb Micro:bit 2024, Desembre
Anonim

En aquest tutorial de Swift us mostraré com crear una aplicació Tic Tac Toe. Aquesta aplicació és extremadament senzilla i és un gran projecte per a qualsevol principiant. Desglossaré el tutorial en tres passos:

1. Creació dels objectes

2. Enllaçar objectes al codi

3. El codi

Pas 1: creació dels objectes

Creació dels objectes
Creació dels objectes

Aquest pas consisteix a afegir totes les imatges, etiquetes i botons. Podeu obtenir les imatges que he fet servir aquí:

Afegiu la graella al vostre guió gràfic com a imatge UII. Afegeix el cercle i creua com a botó. A continuació, afegiu una altra etiqueta i un altre botó a la part superior de la pantalla. Podeu personalitzar-los com vulgueu. Els utilitzarem per al botó "Torna a jugar" i l'etiqueta del marcador.

Pas 2: enllaçar els objectes amb el nostre codi

Enllaçant els objectes al nostre codi
Enllaçant els objectes al nostre codi

Copia i enganxa la creu nou vegades. Moveu cadascuna de les creus a cadascun dels quadrats de la quadrícula. A continuació, afegiu la primera creu al controlador de vista com a funció. Afegiu les 8 creus restants a aquesta funció. Finalment, afegiu una etiqueta a cadascuna de les creus. La primera creu amb l'etiqueta "1" i l'última creu amb l'etiqueta "9". Si esteu confós, el codi del pas següent us ajudarà.

Pas 3: variables i establiment del reproductor actiu

Variables i establiment del reproductor actiu
Variables i establiment del reproductor actiu

Aquesta primera porció de codi se centra a establir les principals variables. Estableix totes les combinacions guanyadores a la variable "Combinacions guanyadores". També utilitza la funció "acció" per determinar qui és el jugador actiu.

Pas 4: determinar el guanyador

Determinació del guanyador
Determinació del guanyador

Aquesta peça utilitza una afirmació lògica per determinar qui ha guanyat la partida. A continuació, utilitza una declaració "if else" per imprimir el nom del guanyador al marcador. Després de determinar el guanyador, el codi revela un botó "Torna a jugar".

Pas 5: restabliment del tauler de joc

Restabliment del tauler de joc
Restabliment del tauler de joc

Aquest darrer fragment de codi restableix el tauler de joc després de prémer el botó "Torna a jugar". Esborra tots els valors i peces anteriors perquè pugueu jugar a un joc completament nou.

Recomanat: