Neste projeto é reproduzido um jogo de cartas conhecido como "Yu-Gi-Oh!". A ideia é o jogador e o inimigo, ter 5 cartas sorteadas, sendo que, cada carta terá um atributo(pedra, papel ou tesoura). A mecânica do jogo se baseia em escolher uma carta de sua mão e uma da mão do inimigo, que se enfrentarão e vencerá aquela de atributo dominante.
O jogo é dividido em 2 container. O conteiner esquerdo fica localizado a pontuação de vitorias/derrotas. Conteiner direito fica localizado as 5 cartas do inimigo(Cartas superiores), o campo de batalha(Slots vazios ao meio) e as 5 cartas do jogador(Cartas inferiores).
Inicialmente o jogo sortea 5 cartas para cada jogador, podendo elas serem do tipo: pedra, papel ou tesoura. É possível verificar a carta ao passar o mouse por cima dela (efeito hover), assim no container esquerdo apresentará a carta, o nome da carta e o tipo dela. Ao selecionar. a mesma é mandada ao campo de batalha, junto com uma carta aleatoria do inimigo. Assim, contansse vitoria, empate ou derrota. Para ir em uma nova batalha, clica-se no botão, resetando assim e sorteando novas cartas.
- HTML5, CSS3, JAVASCRIPT E FRAMEWORK.
- Para mecanica do jogo foram utilizadas funções com nomes significativos e de fácil reciclagem para futuras manutenções, além disso, foi utilizado conceitos de funções assíncronas, propriedade e objeto para manipulação da DOM
Jogo desenvolvido como projeto final do curso "potência tech ifood - Desenvolvimento de jogos com javascript". Tendo como orientado: Prof.: Felipe Aguiar na plataforma Digital Innovation One.