Criar um tabuleiro de jogo da velha parece fácil até você tentar implementar direito
Todo mundo acha que é só desenhar uma grade 3x3 e pronto. O problema é que quando você começa a programar isso — ou mesmo a criar uma versão física decente — as coisas rapidamente saem do controle se você não planejar bem o que quer. Vou explicar como fazer isso funcionar sem perder tempo. A estrutura básica precisa de três coisas: uma representação dos dados, a lógica de verificação de vitória, e a interface com o usuário. Comece pela representação. A maioria das pessoas usa uma lista plana de 9 posições ou uma matriz 3x3. Eu prefiro uma lista plana porque é mais fácil mapear para índices de input. Posições 0 a 8, da esquerda para a direita e de cima para baixo.
Como montar seu tabuleiro jogo da velha passo a passo
O primeiro erro que eu vejo todo mundo cometer é tentar fazer a verificação de vitória de forma ingênua, checando linha por linha e coluna por coluna com várias condicionais separadas. Funciona, mas fica ilegível na hora de dar manutenção. O jeito certo é usar arrays de combinações vencedoras pré-definidas: linhas: [0,1,2], [3,4,5], [6,7,8]
colunas: [0,3,6], [1,4,7], [2,5,8]
diagonais: [0,4,8], [2,4,6]
São oito combinações no total. Você itera sobre elas e verifica se as três posições têm o mesmo valor e não estão vazias. Isso reduz uma função que poderia ter 20 linhas de if para cerca de 6 linhas de código limpo. Eu fiz essa mudança num projeto meu e o tempo de revisão do código caiu drasticamente porque qualquer pessoa conseguia ler a lógica de primeira. Para a interface, um tabuleiro jogo da velha digital simples pode ser feito com grid CSS. Duas linhas verticais e duas horizontais criam o visual clássico. Se você quer algo mais fiel ao tabuleiro físico, use bordas nos cells em vez de linhas separadas. Fica mais limpo e responsivo sem esforço extra.
Aqui vai um exemplo prático de como eu costumo estruturar o jogo completo: def verificar_vitoria(tabuleiro):
combos = [[0,1,2],[3,4,5],[6,7,8],[0,3,6],[1,4,7],[2,5,8],[0,4,8],[2,4,6]]
for combo in combos:
if tabuleiro[combo[0]] == tabuleiro[combo[1]] == tabuleiro[combo[2]] and tabuleiro[combo[0]] != ' ':
return tabuleiro[combo[0]]
return None
👉 Clique no botão abaixo para saber mais sobre o assunto!
Simples, direto, e cobre todos os casos possíveis de vitória. Um problema específico que eu tive que resolver — e que quase todo mundo ignora — é a validação de jogada inválida. Quando o jogador tenta marcar uma posição que já está ocupada, o código precisa interceptar isso e mostrar feedback claro, sem travar o jogo. No meu caso, eu estava desenvolvendo uma versão web e os usuários estavam reclamando que cliques em casas já preenchidas simplesmente não faziam nada, o que gerava confusão porque parecia um bug. A solução foi adicionar um listener de clique que primeiro checa se a casa está vazia antes de processar a jogada. Se não estiver, exibe uma mensagem temporária "Casa ocupada" por meio segundo e ignora o clique. Isso resolveu 90% das reclamações de usabilidade.
Outro detalhe que beginners frequentemente passam ao largo é o empate. O jogo da velha pode terminar empatado quando nenhuma combinação vencedora é satisfeita e todas as 9 posições estão preenchidas. Se você não verificar explicitly por empata, o jogo simplesmente para de funcionar sem nenhum aviso. Adicione uma verificação de tabuleiro cheio após cada jogada. Se estiver cheio e ninguém ganhou, declare empate. Isso evita que seu loop principal rode infinitamente. Se você quer dar um passo além e implementar uma IA que jogue contra você, o algoritmo minimax é o padrão da indústria. Ele funciona examinando todas as ramificações possíveis do jogo e escolhendo o melhor movimento considerando que o adversário também jogará perfeitamente. Para um tabuleiro 3x3, o minimax roda instantaneamente — são apenas 9! (362.880) estados no máximo. Não há motivo para otimizar isso, mas se você quiser escalar para variações maiores do jogo, aí sim precisa pensar em poda alfa-beta ou heurísticas.
Há uma armadilha comum no minimax que vale a pena mencionar: muitos tutoriais implementam o algoritmo de forma que ele nunca perde, mas também não explora oportunidades de vitória quando o oponente comete erros. Se o objetivo é criar uma IA desafiadora mas beatável, você pode introduzir um fator de imprevisibilidade controlado, como limitar a profundidade de busca em certas situações ou adicionar uma pequena probabilidade de escolha aleatória. Isso mantém o jogo divertido sem torná-lo impossível. Para quem quer apenas o tabuleiro pronto para usar sem programar nada, existem várias opções open source no GitHub. Procure por "tictactoe" ou "jogo da velha" e filtre por projeto com mais estrelas. A maioria oferece versão web, desktop e até mobile. Se você for desenvolvedor e quiser estudar a implementação de alguém experiente, recomendo dar uma olhada nos repositórios mais populares — geralmente a qualidade do código reflete anos de ajustes de comunidade.
O jogo da velha é trivial demais para a maioria dos projetos sérios. Se seu objetivo é aprender programação, serve como exercício introdutório. Se quer algo mais substancial, considere variações como o jogo da velha 3D (tabuleiro 3x3x3) ou o ultimate tic-tac-toe, onde cada célula do tabuleiro principal é um jogo completo. A complexidade cresce exponencialmente e aí sim o jogo se torna interessante de verdade. Repositórios de jogos da velha no GitHub
