Como fiz um jogo para aprender letra cursiva usando IA
Olá seja bem vindo ao canal da Red Duck Games, eu sou o Red e hoje quero contar um pouco sobre o jogo do alfabeto cursivo públicado aqui na (RDG) e na Google Play.
Da mesma maneira que o primeiro jogo citado aqui no vídeo anterior, o Base Math Tables Memorization, o jogo do alfabeto cursivo nasceu de uma outra necessidade em incentivar minha filha a pratica de uma forma rápida divertida, e interativa como desenvolver a coordenação motora ao desenhar as letras cursivas diretamente na tela do celular.
Comecei elaborando o projeto no Codex conversando com a IA sobre a possibilidade desse jogo funcionar através do toque na tela do celular numa versão publicada na web e ao mesmo tempo no PC com uso de mesa digitalizadora, e se essa mesma versão poderia ser portada para Android assim como foi feito da primeira vez com o Base math.
A resposta que recebi foi de que sim, era perfeitamente possível criar ambas as versões, então comecei a solicitar ao Codex uma primeira versão de testes da ferramenta começando pela letra A maiúscula.
Fiz algumas pesquisas de estilo de letra cursiva que aparentava ser fácil de aprender e que ao mesmo tempo era utilizado em alguns livros de caligrafia.
Após encontrar a imagem ideal, mandei para o Codex como um teste, expliquei como deveria funcionar a princípio, que o "A" maiúsculo possui dois traços, fiz ele no Adobe Photoshop, com o primeiro traço em verde, e o segundo em azul e mandei.
E o resultado foi... bom diferente do app de matemática, não saiu bem como esperado, a IA entendia o que era para fazer, porém a forma como ela apresentava a animação da linha estava bem errada, era feito o traço na diagonal, não usando o percurso correto de onde a linha começa e termina, rapidamente notei que seria improdutivo tentar trabalhar com ela dessa forma.
Falando em matemática, lembrei que sabia trabalhar com vetores no Adobe Illustrator, e diferente do Photoshop que trabalha com imagens por pixels, vetores são matemática pura, perguntei para o Codex se ele entendia arquivos vetoriais e de qual forma poderia me comunicar com ele dessa forma.
Resposta foi que sim, ele me mandou instruções completas explicando todos as informações técnicas de como eu deveria preparar os arquivos vetoriais para mandar para ele e foi assim que começou.
Diferente do primeiro teste feito com imagens em bitmap, a informação vetorial caiu como uma luva no processo, a IA entendeu perfeitamente onde o traço da animação começava, e onde terminava, respeitava as cores, espessura do traço e tudo mais.
A partir deste ponto, foi só trabalhar para refinar a forma como tudo era apresentado ao aluno, animações suaves, ajustes em caminhos que tinha loop, adição de vozes gravadas otimizadas para web e dispositivos móveis.
Após muitos prompts de ajustes e testes finalmente chegamos num resultado mais do que satisfatório, desenvolvemos um fluxo de trabalho na primeira letra que foi repetido com todas as letras restante do alfabeto.
Elaborei as regras, como a lógica deveria funcionar, de qual forma o algoritmo iria avaliar a precisão dos traços para dar a nota ao aluno e tudo mais.
Porém não pude deixar de notar que durante os testes que fazia era muito difícil mesmo para mim, atingir a melhor nota ao tentar escrever a letra, foi dai que surgiu a ideia de criar uma margem de tolerância para erros também usando gráficos vetoriais que são invisíveis aos alunos.
Foi a partir desse momento que a perfeição requisitada pela máquina foi ajustada para facilitar a vida do aluno, mesmo errando um pouco a nota não era descontada durante a trajetória do desenho.
O jogo trabalha da seguinte maneira, quanto mais dentro das bordas pretas da letra for traçado, maior será sua nota, se sair um pouco para fora o jogo entente que você continua dentro da borda, porém se sair muito ao ponto de ir para fora, o jogo passa a descontar pontos, essa regra foi criada justamente para evitar que o aluno pinte a tela inteira e consiga nota máxima e 5 estrelas.
Depois de muitos debugs feito através de prompts e testes, finalmente cheguei onde queria, embora o jogo tenha sido produzido com vibe coding, foi necessário todo um trabalho manual, todas as letras foram desenvolvidas manualmente através de vetores, respeitando regras e processos que foram estabelecidos na primeira letra.
Modéstia parte, o resultado ficou tão interessante que decidi dedicar um pouco mais e internacionalizar o jogo para o Inglês e Espanhol.
Com uso de IA também fiz a criação das vozes por cima de pronuncias reais, e trabalhei com os mesmos ajustes elas para serem otimizadas, e resultado final é um jogo que pode ser utilizado por 30% do planeta, algo em torno de 2,3 bilhões de pessoas.
Assim surgiu o Jogo do Alfabeto Cursivo, ainda quero dedicar mais um tempo criado um documento em PDF para ser feito download e impresso para que os alunos possam praticar na maneira tradicional, embora o digital seja muito bom, os métodos tradicionais não devem ser descartados.
Vou ficando por aqui, muito obrigado por dedicar o seu tempo me assistindo, e em breve volto para escrever sobre os bastidores do Jogo fonético das Silabas, também disponível aqui na RDG.