Criei um RPG 3D para o meu filho no aniversário — e ele roda no navegador

Isto não começou como um projeto da agência. Começou como um presente. Queria dar algo ao meu filho no aniversário —algo que não viesse de uma loja de brinquedos—, então sentei para construir para ele um mundo inteiro: um RPG 3D onde um gatinho-espírito explora um reino no estilo anime. Seu nome é CHATTE — O Reino de Nekoheim, e o melhor é que roda direto no navegador, sem instalação, grátis, tanto no computador quanto no celular.

Eu me diverti muito fazendo isso, e tecnicamente foi um desafio lindo. Vou contar como foi construído.

Um mundo 3D que abre com um clique

CHATTE é feito com Three.js (WebGL): renderização 3D em tempo real, no navegador, sem plugins ou downloads. Abra um link e já está dentro do mundo, rodando a 30-40 FPS até mesmo em um celular de faixa média. É isso que mais gosto: um RPG de mundo aberto, com ciclo dia/noite e personagens animados, que carrega como uma página da web.

O protagonista é um gato tuxedo com cachecol e túnica. Você pode explorar uma aldeia de estilo japonês, uma floresta de cerejeiras em flor, um lago e um castelo, e tudo muda conforme a hora: há um ciclo real de dia e noite, com sol, lua e vaga-lumes.

Do protótipo tosco a um mundo com alma

Como tudo, não saiu perfeito de primeira. A primeira versão do gato tinha, digamos, personalidade (os bigodes saíam para todos os lados). Fui iterando o modelo até chegar a um muito mais polido: melhor pelagem, proporções mais harmônicas, um rosto que dá vontade de abraçar.

E o mundo foi crescendo camada por camada: primeiro o terreno e o personagem, depois o castelo, a aldeia, a floresta de outono e o lago. Adicionei um minimapa, uma HUD com vida, mana e estrelas, e coordenadas em tempo real para não me perder enquanto construía.

Habitantes e habilidades

Um mundo vazio não é um mundo. Então, apareceram os NPCs: aldeões que se movimentam pela vila e um mago. E o gato foi ganhando habilidades: danças, um dash para se mover rápido, miados e magia.

Funcionando no celular

Nada disso adianta se o jogo não puder ser aberto no telefone. Então, fiz questão de deixá-lo verdadeiramente responsivo: controles touch, HUD adaptada para tela vertical, joystick e botões de ação ao alcance. O mesmo mundo 3D, no bolso.

Por que estou contando isso (se você é uma empresa)

Porque, no fundo, é isso que fazemos na PairProgramming, mesmo que o exemplo seja um jogo: construir produtos reais, do início ao fim, que funcionam onde precisam funcionar. Se conseguimos montar um RPG 3D jogável no navegador — com otimização de performance, 3D em tempo real e uma versão mobile funcional —, imagine o que fazemos quando o objetivo é o seu produto digital, seu SaaS ou sua plataforma.

CHATTE está dentro de ModoJuego, um portal de jogos, e você pode jogar agora mesmo de graça. Se quiser ver a ficha técnica, está no nosso portfólio. E se tiver uma ideia de produto digital —por mais estranha que pareça—, nos escreva: as melhores a gente faz realidade.

O detalhe que não aparece no código

Há um cantinho de Nekoheim que não está em nenhum changelog: um lugar do mundo dedicado à pessoa para quem tudo isso foi feito. Porque, no fim das contas, a melhor tecnologia não é aquela que impressiona, e sim a que diz algo.

---

Por Esteban Aleart, Fundador & Engenheiro Líder na PairProgramming.