0

Recriando Genius Game

#HTML #JavaScript #CSS
Italo Costa
Italo Costa

Nesse projeto, o desafio foi criar um jogo Genius utilizando apenas HTML, CSS e Javascript de forma introdutória, sendo o principal conceito, CSS Grid, manipulação de Array e Arrow Functions.

Além do abordado nas aulas, este projeto possui alguns elementos a mais:


Já implementados:

  • Níveis do Jogo impresso em tela
  • Pontuação impressa em tela
  • Emissão de sons identificando as cores, ao clicar
  • Sharethis para compartilhar nas redes sociais
  • Aplicar efeito CSS radial-gradient (circle) no background para formar o círculo central
  • Botão com ação de Play do Game.
  • Configurar a emissão dos sons, quando uma cor for selecionada pelo script
  • Substituir os alerts por modals, estilo Sweet Alert
  • Aprimorar o tempo entre as ações de clique e disparo de nova sequência de cores


Implementar futuramente:

  • Substituir os sons atuais por outros mais agradáveis.
  • Aumentar o grau de dificuldade ao passar para o próximo nível.
  • ...


Quer jogar um pouquinho: https://newboxinfo.com.br/genius/

Repositório: https://github.com/itchecosta/genius-dio

Post no Linkedin: https://www.linkedin.com/posts/itchecosta_developer-dio-desafio-activity-6794734436664569856-IIYK

0
6

Comentários (2)

1
Rafaela

Rafaela

03/05/2021 11:55

Gente, eu ameeeei!

Parabéns, ficou demais.

Até joguei hahahaha

1
Paulo Junior

Paulo Junior

02/05/2021 20:46

Muito bom!

PHP Developer | Fullstack

Brasil