Índice:

Como fazer um jogo Tic Tac Toe usando Swift com Xcode: 5 etapas
Como fazer um jogo Tic Tac Toe usando Swift com Xcode: 5 etapas

Vídeo: Como fazer um jogo Tic Tac Toe usando Swift com Xcode: 5 etapas

Vídeo: Como fazer um jogo Tic Tac Toe usando Swift com Xcode: 5 etapas
Vídeo: SwiftUI Tic Tac Toe Example Tutorial Beginner Xcode Project 2024, Novembro
Anonim

Neste tutorial do Swift, vou mostrar como criar um aplicativo Tic Tac Toe. Este aplicativo é extremamente simples e é um ótimo projeto para qualquer iniciante. Vou dividir o tutorial em três etapas:

1. Criação dos objetos

2. Vinculando objetos ao código

3. O código

Etapa 1: Criando os objetos

Criando os Objetos
Criando os Objetos

Esta etapa consiste em adicionar todas as imagens, rótulos e botões. Você pode obter as imagens que usei aqui:

Adicione a grade ao seu storyboard como um UIImage. Adicione o círculo e a cruz como um botão. Em seguida, adicione outro rótulo e outro botão na parte superior da tela. Você pode personalizá-los como quiser. Iremos usá-los para o 'Botão Reproduzir novamente' e o rótulo do placar.

Etapa 2: Vinculando os objetos ao nosso código

Vinculando os objetos ao nosso código
Vinculando os objetos ao nosso código

Copie e cole a cruz nove vezes. Mova cada uma das cruzes para cada um dos quadrados da grade. Em seguida, adicione a primeira cruz no controlador de visualização como uma função. Adicione as 8 cruzes restantes a essa função. Finalmente, adicione uma etiqueta a cada uma das cruzes. A primeira cruz com a etiqueta '1' e a última cruz com a etiqueta '9'. Se você está confuso, o código da próxima etapa deve ajudá-lo.

Etapa 3: Variáveis e Estabelecendo o Jogador Ativo

Variáveis e estabelecimento do jogador ativo
Variáveis e estabelecimento do jogador ativo

Esta primeira parte do código se concentra em estabelecer as variáveis principais. Ele estabelece todas as combinações vencedoras sob a variável 'winCombinations'. Ele também usa a função 'ação' para determinar quem é o jogador ativo.

Etapa 4: Determinando o Vencedor

Determinando o Vencedor
Determinando o Vencedor

Esta parte usa uma declaração lógica para determinar quem ganhou o jogo. Em seguida, usa uma declaração 'if else' para imprimir o nome do vencedor no placar. Depois de determinar o vencedor, o código revela um botão 'Jogar novamente'.

Etapa 5: Reiniciando o tabuleiro de jogo

Reiniciando o tabuleiro de jogo
Reiniciando o tabuleiro de jogo

Esta parte final do código redefine o tabuleiro do jogo depois que você pressiona o botão 'Jogar novamente'. Ele limpa todos os valores e peças anteriores para que você possa jogar um jogo completamente novo.

Recomendado: