[TOCM]

Jogo da forca

Link do jogo

Detalhes

• Responsividade
• Permite adicionar mais palavras
• Validação do input e do select
• Alerta para campos vazios, com animação criada no CSS e implementada via js.
• Aceita entrada pelo teclado, ou pelos botões da tela;
• Animação de fim de jogo;
• sons para deixar o jogo mais divertido;
• Interação entre o personagem e o usuário; e
• É possível reiniciar o jogo sem perder as palavras adicionadas

Tela inicial

• Na tela inicial, no canto superior direito, há o botão de menu
• Ao clicar neste Botão, será aberto o menu de opções do jogo

Menu

O Menu, conta com os seguintes campos e botões:

Botão fechar

• Fecha a modal e volta para a páginainicial

Input type="text"

• Recebe o valor digitado e faz a validação, para permitir apenas letras e convertendo tudo para maiúsculo

Botão adicionar

• faz a validação da quantidade de caracteres e , caso seja possível adicionar, mostra uma mensagem de Palavra Adicionada, caso contrários, mostra mensagem de Campo inválido, animando o input, logo em seguida.

<select>

• Seleciona a quantidade de erros máximos permitidos

Botão iniciar

• faz a validação da quantidade de erros permitidos , caso seja possível iniciar, Fecha o menu, sorteia uma palavra aleatória e mostra o jogo, caso contrário, mostra uma mensagem de Quantidade inválida

O JOGO

O jogo, foi elaborado de forma que, a cada erro, um pedaço da plataforma desapareça. Caso toda a plataforma em vermelho seja removida, o personagem é enforcado. Caso a palavra seja inserida por completo, o personagem será salvo

Com o jogo iniciado, o usuário tem as seguintes opções de entradas:

• Teclado (digitando as letras)
• mouse (clicando nas letras da tela)

LETRA INVÁLIDA

• Ao clicar em uma letra que não consta na palavra, uma letra é adicionada ao cemitério e um pedaço da plataforma desaparece.
• o Personagem deixa uma frase para te alertar: Assim você me mata

LETRA VÁLIDA

• Ao clicar em uma letra que consta na palavra, a letra será adicionada em todas os locais possíveis da palavra e a plataforma mantém-se intácta.
• o Personagem tenta te motivar, com a seguinte frase: Eu acredito em ti

VITÓRIA

• Ao completar a palavra oculta, será mostrado uma imagem na tela, bem como, qual a letra escolhida.
• o Personagem agradecer por você ter salvo a vida dele, com a seguinte frase: Você me salvou

DERROTA

• Ao fazer com que toda a plataforma em vermelho desapareça, o personagem será enforcado.
• Antes de cair, sua ultima palavra será: Adeus...

MENU PRINCIPAL

• Faz o reload da página, voltando para a tela incial OBS: todas as frases adicionadas serão perdidas

NOVO JOGO

• Coloca o personagem na posição inicial e "reinicia o jogo", sem que a tela seja recarregada