2

Jogo da memória - Memory Cardz

#HTML #JavaScript #CSS
Josélio Júnior
Josélio Júnior

Olá pessoal! Espero que estejam bem!


Pensei em fazer um jogo da memória em JavaScript com o entendimento que já tinha, somado a "trocentos" outros que fui aprendendo ao longo do desenvolvimento.


Link da página do jogo:

joseliojunior.github.io/memory-cardz/


Foi uma experiência única e super interessante. O legal de ser um projeto pessoal é que a gente acaba descobrindo várias coisas de acordo com a necessidade do que pretendemos fazer.


Nesse projeto consegui criar um método de tradução que desejo aperfeiçoar e estender para todo o site.


Lá no link da página tem uma breve descrição sobre o jogo e dentro do jogo tem uma maior explicação sobre a mecânica dele, mas vou descrever aqui também!


Se trata de um jogo da memória de 10 cartas, nas quais desenhei meus personagens como cartas de baralho. Estava querendo desenhar e foi uma boa oportunidade.


Assim que você clica em "jogar" na página, você acessará o jogo em tela cheia. Daí basta iniciar um "novo jogo".


As cartas serão reveladas por 2 segundos e logo após viradas de costas o contador de tempo começará a rodar.


Ao final do jogo você receberá sua pontuação, a pontuação de bonus de tempo, a pontuação total e seu rankeamento.


Assim que possível, penso em colocar efeitos de som, música, alternar o desenho e as cores das cartas. Tive essas ideias no início do projeto, contudo estarei um pouco ocupado por agora. Portanto preferi finalizar a primeira versão do jogo ainda sem esses adicionais que deixam o jogo ainda mais legal, mas com as mecânicas funcionando ok.


É isso pessoal, divirtam-se, comentem e favoritem se tiverem gostado! Até mais! ✌🏼🚀

10
60

Comentários (10)

0
Josélio Júnior

Josélio Júnior

01/07/2021 14:16

Muito obrigado Fernanda!!! 🤩🤩

3
Fernanda Hirose

Fernanda Hirose

30/06/2021 11:16

Achei muito criativo, parabéns! :)

0
Josélio Júnior

Josélio Júnior

27/06/2021 11:52

Muito obrigado Vinícius, tinha achado isso também na questão da fonte, mas você me deu certeza agora de que está ruim de ler.


Vou mudar a cor da div e trazer a imagem de fundo para outro ponto da página.


Gosto da temática furry também, porque ela sempre esteve presente nos desenhos animados e vídeo games de certa forma. Nostalgia dos desenhos em VHS e de jogar no Mega Drive. 😅

1
Vinicius Mattos

Vinicius Mattos

26/06/2021 18:58

Muito legal seu projeto de furry kkk, troca a cor dessa fonte pq não da pra ler direito ou do fundo slla "Este projeto é um jogo da memória de 10 cartas.

O objetivo principal é encontrar os pares de cartas no menor tempo possível.

Além disso, quanto menor a quantidade de movimentos, melhor será sua pontuação final.

Vamos lá, basta clicar no botão abaixo!"


1
Karoline Alves

Karoline Alves

26/06/2021 05:02

Que legal! Parabéns =)

1
Vagner Bellacosa

Vagner Bellacosa

26/06/2021 08:59

Q bacana, parabéns Joselio , fui ate o GIThub espionar seu projeto q venham mais cursos e q produza mais jogos.


Sucesso

1
Isaac Silva

Isaac Silva

26/06/2021 09:44

Caramba, cara. Que sensacional! Parabens! Proximo passo aumentar a dificuldade pra ter mais cartas. Gostei bastante das artes também, hein. Quem sabe no futuro isso não vire um game gacha ou TCG brasileiro e estamos vendo em primeira mão como tudo começou! Fantastico!

0
Josélio Júnior

Josélio Júnior

26/06/2021 12:37

Karoline -> Muito obrigado mesmo, que bom que gostou!!! 😄🤩


Vagner -> Muito obrigado!!! 🤩 No momento estou esperando pela confirmação do próximo curso de Kotlin, daí meu foco vai mudar um pouco, porém sempre que possível estarei montando projetos em JS.


Leandro -> Sim, a animação de embaralhar dá uma fluidez melhor mesmo. Obrigado pela ideia e pelo comentário!!! 🤩


Isaac -> Eu evitei, por enquanto, de utilizar mais cartas na tela, porque no computador como o clique é feito com o mouse é tranquilo de usar mais elementos, mas no celular achei que fica muito próximo um elemento do outro. Tenho uma leve ideia de como contornar isso e vou tentar nas próximas versões.


Que bom que gostou das artes, fiz em estilo de cores sólidas pela praticidade e logo, logo estarei atualizando as questões visuais.


Gacha ou TCG? Já quero!!!🤩 Tomara que sim! 😄


Thiago -> Sim!!! Pensei muito sobre isso no começo do projeto, mas farei como você sugeriu, pois vai ficar para as próximas atualizações.


Muito obrigado e que bom que gostou das artes também!!! 🤩


1
Thiago Souza

Thiago Souza

26/06/2021 10:02

Rapaz, gostei bastante.


Uma sugestão é que, com o desenrolar do seu desenvolvimento, você possa adicionar níveis de dificuldade ao jogo - aliando tempo de visualização das cartas para memorização e quantidade de cartas para memorizar.


Seu trabalho está sensacional! - e parabéns pelas artes também!

1
Leandro Carvalho

Leandro Carvalho

26/06/2021 09:12

Adorei muito divertido o seu projeto. Dica para deixar o jogo mais difícil embaralhe as cartas quando elas virarem.

Sou um estudante de Nutrição que mergulhou no mundo da programação em março de 2020.

Brasil