Le construí un RPG 3D a mi hijo para su cumpleaños — y corre en el navegador

Esto no empezó como un proyecto de la agencia. Empezó como un regalo. Quería hacerle algo a mi hijo para su cumpleaños —algo que no se comprara en una juguetería—, así que me senté a construirle un mundo entero: un RPG 3D donde un gatito espíritu explora un reino de estilo anime. Se llama CHATTE — El Reino de Nekoheim, y lo mejor es que corre directo en el navegador, sin instalar nada, gratis, desde la compu o el celular.

Me divertí un montón haciéndolo, y técnicamente resultó un desafío hermoso. Te cuento cómo lo construí.

Un mundo 3D que abre con un click

CHATTE está hecho con Three.js (WebGL): renderizado 3D en tiempo real, en el navegador, sin plugins ni descargas. Abrís un link y ya estás adentro del mundo, corriendo a 30-40 FPS incluso en un celular de gama media. Es la parte que me encanta: un RPG con mundo abierto, ciclo día/noche y personajes animados, que carga como una página web.

El protagonista es un gato tuxedo con bufanda y túnica. Podés recorrer una aldea de estilo japonés, un bosque de cerezos en flor, un lago y un castillo, y todo cambia según la hora: hay un ciclo de día y noche real, con el sol, la luna y las luciérnagas.

De un prototipo tosco a un mundo con alma

Como todo, no salió así de una. La primera versión del gato era, digamos, con carácter (los bigotes salían para cualquier lado). Fui iterando el modelo hasta uno mucho más pulido: mejor pelaje, mejores proporciones, una cara que da ganas de abrazarlo.

Y el mundo fue creciendo capa por capa: primero el terreno y el personaje, después el castillo, la aldea, el bosque de otoño y el lago. Le sumé un minimapa, una HUD con vida, maná y estrellas, y coordenadas en vivo para no perderme mientras lo construía.

Habitantes y habilidades

Un mundo vacío no es un mundo. Así que aparecieron los NPCs: aldeanos que se mueven por el pueblo y un mago. Y el gato fue ganando habilidades: bailes, un dash para moverse rápido, maullar y magia.

Que funcione en el celular

Nada de esto sirve si tu hijo no lo puede abrir en el teléfono. Así que lo hice responsive de verdad: controles táctiles, la HUD adaptada a pantalla vertical, el joystick y los botones de acción a mano. El mismo mundo 3D, en el bolsillo.

Por qué te cuento esto (si sos una empresa)

Porque esto es, en el fondo, lo que hacemos en PairProgramming, aunque el ejemplo sea un juego: construir productos reales, de punta a punta, que corren donde tienen que correr. Si podemos armar un RPG 3D jugable en el navegador —con optimización de performance, 3D en tiempo real y una versión mobile que anda—, imaginate lo que hacemos cuando el objetivo es tu producto digital, tu SaaS o tu plataforma.

CHATTE vive dentro de ModoJuego, un portal de videojuegos, y lo podés jugar gratis ahora mismo. Si querés ver la ficha técnica, está en nuestro portafolio. Y si tenés una idea de producto digital —por más rara que parezca—, escribinos: las mejores las hacemos realidad.

El detalle que no se ve en el código

Hay un rincón de Nekoheim que no está en ningún changelog: un lugar del mundo dedicado a la persona para la que hice todo esto. Porque al final, la mejor tecnología no es la que impresiona, es la que dice algo.

---

Por Esteban Aleart, Founder & Lead Engineer en PairProgramming.