Este projeto é um jogo inspirado no universo de Yu-Gi-Oh desenvolvido utilizando HTML, CSS e JavaScript. A ideia principal é simular uma pequena experiência de duelo de cartas dentro do navegador, focando mais na lógica do jogo e na interação do usuário do que nas regras completas do TCG original.
O jogo roda diretamente no navegador, sem necessidade de instalação.
Acesse o projeto: https://emilio-manoel.github.io/Yu-Gi-Oh-javascript/
O jogo é baseado em um sistema simples de batalhas com cartas.
De forma geral:
- O jogador pode escolher cartas disponíveis na tela
- Cada carta possui atributos (como ataque ou tipo)
- Ao selecionar uma carta, ela entra em confronto com a carta do oponente
- O resultado depende dos valores ou regras definidas no JavaScript
Jogos desse tipo normalmente usam a lógica de comparar atributos das cartas para decidir quem vence a rodada, simulando um duelo simplificado.
A interação acontece diretamente na página, sem carregar outra tela.
O HTML organiza:
- Área do jogador
- Área do oponente
- Cartas exibidas na tela
- Botões ou interações
Ou seja, ele define onde cada elemento do jogo aparece.
O CSS deixa o jogo mais visual:
- Estiliza as cartas
- Define cores e layout do campo
- Organiza os elementos lado a lado
- Melhora a experiência visual
Ele é responsável pela aparência do duelo.
O JavaScript controla toda a mecânica:
- Seleção de cartas
- Eventos de clique
- Comparação de valores
- Resultado da rodada
- Atualização da interface
É o JavaScript que faz o jogo realmente funcionar.
Este projeto foi criado com foco em:
- Praticar manipulação do DOM
- Trabalhar com eventos
- Criar lógica de jogo
- Treinar organização de código
- Simular um sistema de batalha simples
Projetos de cartas em JavaScript costumam usar dados das cartas e lógica de comparação para criar interações dinâmicas no navegador.