Tabla de contenido:

Cómo hacer un juego de Tic Tac Toe usando Swift con Xcode: 5 pasos
Cómo hacer un juego de Tic Tac Toe usando Swift con Xcode: 5 pasos

Video: Cómo hacer un juego de Tic Tac Toe usando Swift con Xcode: 5 pasos

Video: Cómo hacer un juego de Tic Tac Toe usando Swift con Xcode: 5 pasos
Video: Tic Tac Toe Game Swift Xcode Tutorial | Noughts & Crosses 2024, Mes de julio
Anonim

En este tutorial de Swift, te mostraré cómo crear una aplicación Tic Tac Toe. Esta aplicación es extremadamente simple y es un gran proyecto para cualquier principiante. Dividiré el tutorial en tres pasos:

1. Creando los objetos

2. Vincular objetos al código

3. El código

Paso 1: crear los objetos

Creando los Objetos
Creando los Objetos

Este paso consiste en agregar todas las imágenes, etiquetas y botones. Puedes obtener las imágenes que utilicé aquí:

Agregue la cuadrícula a su guión gráfico como un UIImage. Agrega el círculo y la cruz como un botón. A continuación, agregue otra etiqueta y otro botón en la parte superior de la pantalla. Puede personalizarlos como desee. Los usaremos para el 'Botón Reproducir de nuevo' y la etiqueta del marcador.

Paso 2: vincular los objetos a nuestro código

Vincular los objetos a nuestro código
Vincular los objetos a nuestro código

Copia y pega la cruz nueve veces. Mueva cada una de las cruces a cada uno de los cuadrados de la cuadrícula. A continuación, agregue la primera cruz en el controlador de vista como una función. Agregue las 8 cruces restantes a esa función. Finalmente, agregue una etiqueta a cada una de las cruces. La primera cruz tiene la etiqueta '1' y la última cruz tiene la etiqueta '9'. Si está confundido, el código del siguiente paso debería ayudarlo.

Paso 3: Variables y establecimiento del jugador activo

Variables y establecimiento del jugador activo
Variables y establecimiento del jugador activo

Esta primera parte del código se centra en establecer las principales variables. Establece todas las combinaciones ganadoras bajo la variable 'WinningCombinations'. También utiliza la función 'acción' para determinar quién es el jugador activo.

Paso 4: determinar el ganador

Determinando al ganador
Determinando al ganador

Esta pieza utiliza una declaración lógica para determinar quién ganó el juego. Luego usa una declaración 'si más' para imprimir el nombre del ganador en el marcador. Una vez que determina el ganador, el código muestra un botón "Reproducir de nuevo".

Paso 5: reiniciar el tablero de juego

Restablecimiento del tablero de juego
Restablecimiento del tablero de juego

Esta última pieza de código restablece el tablero de juego después de presionar el botón "Reproducir de nuevo". Borra todos los valores y piezas anteriores para que puedas jugar un juego completamente nuevo.

Recomendado: