heitorlira / one-jogo-da-forca

ONE | Oracle + Alura | Desafio 02 - Jogo da Forca

Jogo da Forca

Jogo da Forca utilizando HTML, CSS e JavaScript com foco em Canvas.

Este desafio foi oferecido pelo programa Oracle ONE e Alura!

Requisitos:

• 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".

Aprendizados

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. (´∀｀)♡

Feedback

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. (╥﹏╥)

FAQ

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

Foi um prazer ter você por aqui. Até a próxima ( ´ ∀ `)ノ～ ♡