[TOCM]
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
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, 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