Tentei criar um jogo simples de quebra-cabeça numérico com vibe coding.
(number-game-rose.vercel.app)Introdução
Tentei criar um jogo simples de números usando vibe coding.
Como sou engenheiro de machine learning, tenho pouco conhecimento de frontend e backend; então acabou sendo uma oportunidade de testar até onde dá para ir com desenvolvimento guiado por IA.
As regras do jogo são:
- Você pode selecionar e remover dois números cuja soma seja 10 ou dois números iguais.
- Os dois números devem estar adjacentes na horizontal, vertical ou diagonal.
- Mesmo que não estejam adjacentes, eles podem ser removidos se houver apenas espaços vazios entre os dois números.
- Mesmo que haja quebra de linha entre os dois números, se não houver nenhum número entre eles, isso é considerado adjacência horizontal (a quebra de linha só vale da esquerda para a direita!).
- Se não houver números que possam ser removidos, você pode adicionar mais números.
- Você vence o jogo ao remover todos os números.
É isso.
Ambiente de desenvolvimento
Usei o Cursor IDE. Para ver até onde dava para chegar com a configuração padrão, não defini nenhum modelo específico nem ajustei prompts.
Impressões sobre o desenvolvimento
- Excelente para tarefas simples e pequenas
No frontend, assim como nos efeitos sonoros e de animação, usei exatamente o que a IA recomendou. Se eu fosse fazer sozinho, teria gasto muito tempo não só implementando, mas também pensando no que usar; graças ao fato de a IA ter implementado algo adequado para a jogabilidade, consegui reduzir bastante o tempo de trabalho. - Para tarefas lógicas, nem tanto
Mesmo explicando bem as regras do jogo, era frequente a implementação não bater com a lógica do jogo, ou então, ao adicionar outras regras, funcionalidades existentes acabavam quebrando, então foi necessário revisar e corrigir o código manualmente. Talvez fosse diferente com prompts melhores ou com um modelo superior.
Considerações finais
Graças à IA, parece que agora ficou possível criar protótipos simples sem passar horas estudando antes. Mas também deu para sentir que, para usar isso direito, ainda há muitas partes em que a intervenção humana continua sendo necessária. De qualquer forma, agradeço se vocês jogarem bastante haha
3 comentários
A aparição dos números não é aleatória? Há bastante assimetria.
A adição de quatro números funciona adicionando, em ordem, os números que ainda restam.
Ah, e a otimização para dispositivos móveis foi uma das coisas que a IA não conseguiu fazer; agradeço se vocês usarem um computador ou tablet.