Crie um game simples em HTML chamado "Equipe ".
O jogo deve simular uma disputa de pênaltis de forma simples, divertida e fácil de entender.
MECÂNICA DO JOGO:
- O jogador controla o chute da bola em direção ao gol.
- Deve existir um goleiro adversário tentando defender.
- O jogador deve escolher ou direcionar o chute.
- O goleiro deve se mover para tentar defender a bola.
- Cada gol marcado vale 1 ponto.
- Cada defesa do goleiro impede a pontuação.
- O jogo deve ter uma quantidade fixa de cobranças, por exemplo 5 pênaltis.
- Ao final das cobranças, mostrar o placar final.
- Não precisa ter física complexa, mas deve parecer um jogo de pênaltis.
- Após cada chute, a bola e os personagens devem voltar para a posição inicial.
- O jogo termina ao final de todas as cobranças.
Antes de começar, permitir ao aluno personalizar SOMENTE:
- nome do time do jogador;
- nome do time adversário;
- cor do uniforme do jogador;
- cor do uniforme do goleiro;
- símbolo da bola;
Essas alterações devem modificar somente aparência e textos.
NÃO permitir alterar:
- regras;
- quantidade de cobranças;
- velocidade da bola;
- dificuldade;
- sistema de pontuação;
- funcionamento do goleiro;
- funcionamento da bola;
- mecânica do jogo.
CONTROLES:
Computador:
- usar mouse, clique ou teclado para escolher a direção do chute.
Celular:
- usar botões grandes na tela ou toque para escolher a direção do chute.
O jogo deve ter:
- placar visível;
- nome dos dois times;
- nome do jogador;
- nome do goleiro;
- contador de cobranças, por exemplo "Pênalti 1 de 5";
- animação simples do chute;
- animação simples do goleiro defendendo;
- mensagem "GOOOL!" quando marcar;
- mensagem "DEFENDEU!" quando o goleiro defender;
- tela final com resultado;
- botão "Jogar novamente";
- visual moderno, colorido e divertido.
IMPORTANTE:
- Use somente HTML, CSS e JavaScript.
- Tudo deve estar dentro de UM ÚNICO arquivo HTML.
- Não utilize bibliotecas externas.
- Não utilize APIs.
- Não utilize banco de dados.
- Não utilize imagens externas.
- Não utilize arquivos adicionais.
- Utilize CSS, formas e emojis para os elementos visuais.
- O código deve ser leve, simples e curto para ser gerado rapidamente.
- Deve funcionar imediatamente no computador e no celular.
- A personalização do aluno não pode alterar nenhuma regra ou mecânica do game.
Entregue diretamente o código HTML completo, pronto para copiar, salvar como .html e abrir no navegador.