image

Acesse bootcamps ilimitados e +650 cursos

50
%OFF
Article image
Saulo Maciel
Saulo Maciel06/05/2024 21:07
Compartilhe

¿Qué es este Digimon?: Meu jogo de adivinhar nome de Digimons

  • #HTML
  • #JavaScript
  • #CSS

Eu não sei vocês, mas eu prefiro Agumon do que Pikachu .

Quando o filme "Digimon 02 - O Começo" foi lançado na América Latina, e vi que haveria uma mudança no início narrativo, adicionando a história do principal digiescolhido que deu origem à turma de Adventure, fiquei inspirado a criar um jogo web de Digimon.

Inicialmente, pensei em recriar um Tamagotchi, ou melhor, um Digivice. Contudo, isso seria muita informação para uma página de carregamento único hospedada no GitHub Pages. Logo, a ideia evoluiu para um jogo de adivinhação das categorias dos monstros digitais. No entanto, descobri que muitos Digimons não têm categorias definidas, já que a franquia Digimon é quase abandonada pela Bandai. Foi então que me lembrei do jogo da forca, com o qual brinquei muito na escola.

Inspirado pelo jogo da forca, busquei a API mais atualizada possível sobre essa franquia. Comecei a desenhar o jogo, mas quando o filme estreou, sem dinheiro para assistir nos cinemas, acabei deixando o projeto de lado. Foi só quase meio ano depois, ao abrir minha pasta de projetos de programação não finalizados, que encontrei esse projeto novamente, batizado de "¿Qué es este Digimon?" (Qual é esse Digimon? em português). Como prometi a mim mesmo limpar essa pasta ao máximo até 2025, decidi ressuscitar esse joguinho simples do mundo das ideias.

Então vamos lá, quero mostrar para vocês como o joguinho ficou.

Site em sua tela inicial para PC

image

Após aceitar o desafio, a página irá recarregar outro monstro digital.

image

O jogo não tem um fim específico. Caso você perca todas as 6 vidas, aparecerá uma mensagem do Agumon Hakase triste com você. E caso acerte os nomes de seis Digimons, aparecerá uma mensagem do Agumon Hakase te parabenizando.

Tela da mensagem de Agumon Hakase triste com o jogador image

Tela de mensagem de parabêns

image

O site para celular fica assim:

image

image

Compartilhe
Comentários (4)
Caroline Freitas
Caroline Freitas - 07/05/2024 08:17

Muito bom amigo... Parabens...

Marcos Carreiro
Marcos Carreiro - 06/05/2024 23:17

Show amigo! Ficou muito bom seu projeto! 👏👏

Emanuel Rocha
Emanuel Rocha - 06/05/2024 22:44

Muito bom !

Ronaldo Schmidt
Ronaldo Schmidt - 06/05/2024 22:06

Muito bom amigo.

Visual legal.

Senti falta da versão em portugues ou ingles.

No compriendo no entiendo...

Brincadeira.😁

Seu projeto ta show.