Who's That Pokémon

Recentemente fui desligado da empresa depois de 10 meses investidos na ferramenta deles, mas vida que segue né.

A fim de renovar meu engajamento criei um projeto que tinha em mente tem um tempo e fiz aquela postagem no linkedin. Agraço a força que qualquer um puder oferecer.

Indo ao ponto. Estou com um "problema" no jogo sendo a possibilidade de pesquisar a imagem no Google, honestamente não pensei muito sobre, mas caso alguém tenha alguma dica adoraria tentar.

https://wtp-five.vercel.app/

Repositório: https://github.com/cauerrds/whosthatpokemon

Parabéns, ficou muito bom o app. Não sei se é possível impedir a trapaça de forma direta como você disse (impedindo de jogar no google), mas você pode desistimular de algumas formas:

  • Colocando o atributo draggable=false na imagem, que vai impedir ela de ser arrastada quando a pessoa clicar e puxar: acho que dá uma impressão maior de ser um jogo ao invés de uma página web.

  • Criar um contextmenu próprio para o imagem.

    Quando o usuário clicar com o botão direito na imagem, o navegador costuma abrir aquele menu com "Abrir em nova aba", "Salvar imagem como..", "Copiar imagem". Uma ideia legal é usar o addEventListener('contextmenu', ...); e criar um menu customizado, mostrando por exemplo uma opção de pedir ajuda.

Quanto ao resto do jogo, eu removeria também a seleção de texto do menu de fim de jogo (com um user-select: none; eu acho), pois na hora de passar o carrosel, fica meio bugado.

Print screen da tela de resultado com bug de seleção

Outra coisa, na print acima, repare que o rattata apareceu duas vezes: acho que deu tempo de eu clicar duas vezes no botão antes de finalizar a requisição da API.

Eu recomendo você também colocar algum feedback quando a pessoa envia o nome do pokemon, num primeiro momento fiquei na dúvida se estava funcionando, enquanto carregava o próximo.

Bom desenvolvimento!

Estou perdido no mundo e só vi agora sua resposta. Obrigado pelo excelente feedback. Assim que ganhar um tempo, vou aplicar as dicas passadas. Desculpe pelo "descaso" com sua resposta e, mais uma vez, obrigado.

Cara, eu acho que isso não é possível de impedir.

Mas se alguém souber uma maneira, fico curioso em aprender tmb kk.

uma coisa que acho que dificultaria seria tu gerar as imagens das sombras em vez de usar as coloridas e renomear os arquivos fora de ordem por exemplo https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/33.png so pelo numero da pokedex ja da pra saber qual pokemon é

É… Eu estava mais focado em usar as imagens recebidas pela API e tentar tratar o problema, mas talvez, gerar as imagens eu mesmo seja a única solução.