Executando verificação de segurança...
1

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

Carregando publicação patrocinada...
2

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!

1

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.

1
1
1

É… 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.