Jogo da Forca utilizando HTML, CSS e JavaScript com foco em Canvas.
Este desafio foi oferecido pelo programa Oracle ONE e Alura!
- Deve funcionar só com letras maiúsculas;
- Não devem ser utilizadas letras com acentos nem caracteres especiais;
- Ao completar o desenho da forca, deve ser exibida uma mensagem na tela de "Fim de Jogo";
- Se completar a palavra correta antes de acabarem as tentativas, deve ser exibida na tela a mensagem "Você Venceu. Parabéns!";
- A página deve ter os traços indicando cada letra da palavra, separados por espaço;
- A página deve ter um botão de "Iniciar Jogo" para começar o jogo;
- Só deve ser possível escrever letras (os números não serão válidos)
- As letras erradas devem aparecer na tela, mas não podem aparecer repetidamente;
- As letras corretas devem ser mostradas na tela acima dos traços, nas posições corretas em relação à palavra.
Extras:
- A página deve conter um campo para inserção de texto com a finalidade de adicionar novas palavras ao jogo, e um botão "Adicionar nova palavra".
Preciso dizer que se acostumar com o CANVAS foi deveras dificil. Já fiz alguns trabalhos gráficos, mas nada dessa forma (mexer no canvas pra lá e pra cá, pra lá.... Pra cá...).
O maior desafio enfrentado foi posicionar os elementos para que eu pudesse trabalhar inicialmente e, a partir disso, refinar até o fim do projeto.
Preciso dizer que me sinto feliz pois consegui notar a evolução do primeiro projeto para esse. (´∀`)♡
Se você tiver algum feedback, por favor nos deixe saber por meio das minhas redes sociais.
ps: Caso você não encontre minhas redes aqui ou em minha página inicial, provavelmente esqueci de colocar o link. Então, dentro do projeto você pode encontrar o link para três de minhas redes: GitHub, LinkedIn e Discord.
Desculpe o transtorno. (╥﹏╥)
Primeiramente, olá! ヽ(´▽`)/
Como eu iniciei o projeto?
Sendo sincero, sempre prefiro iniciar desenhando (ou 'programando') em papel.
Fiz todo escopo do projeto e, enquanto desenvolvia, adequava considerando as regras do projeto e necessidade do usuário (visualização).
Há alguma ordem na qual você gostaria de compartilhar?
1. Lógica
2. Feedback visual
3. Validação: ganhou? <=> perdeu?
4. Bugs (não ordem correta, pois é um loop inevitável)
Geralmente utilizo a ordem acima, pois já estou acostumado e utilizar logs é muito mais viável do que ficar ajustando o Feedback Visual, não concorda? :D