Detrás de cada piedra, cada rayo de luz y cada ruina que exploras, hay un trabajo técnico que da forma al mundo. Este juego está construido con Enable3d, una poderosa librería que amplía las capacidades de Three.js para crear experiencias interactivas y con físicas realistas... directamente en tu navegador.
🧱 ¿Qué es Three.js?
Three.js es una librería JavaScript que permite crear gráficos 3D usando WebGL. Es la base sobre la que se renderiza todo lo que ves: modelos, luces, sombras, animaciones y cámaras.
Gracias a Three.js, el juego puede mostrar escenas complejas sin necesidad de plugins, con total compatibilidad multiplataforma. Es el motor visual del pueblo de los dragones.
⚙️ ¿Y qué aporta Enable3d?
Enable3d actúa como una capa por encima de Three.js que añade soporte para físicas en tiempo real, colisiones y mecánicas de juego listas para usar. Se basa en Ammo.js (un port de Bullet Physics) y permite construir entornos jugables con muy poco código.
Por ejemplo, gracias a Enable3d puedes:
- Hacer que tu dragón camine sobre terrenos con pendiente real.
- Activar trampas, puertas o plataformas con colisiones físicas.
- Detección precisa entre objetos 3D, ideal para pruebas y acertijos.
🔍 ¿Cómo se construye una escena?
Cada escenario del juego es una escena compuesta por:
- Modelos 3D creados externamente (por ejemplo en Blender) e importados como
.glb. - Texturas optimizadas aplicadas a materiales de Three.js.
- Luces ambientales y direccionales para simular el día y la noche.
- Objetos interactivos con físicas de Enable3d.
El motor de juego lee estas escenas, coloca la cámara y al dragón según el contexto, y comienza la simulación. Todo en tiempo real, sin necesidad de motores como Unity o Unreal, y accesible desde cualquier navegador moderno.
🌍 El resultado
Lo que ves al jugar es el fruto de unir lo mejor de dos mundos: la flexibilidad gráfica de Three.js con las físicas sencillas pero potentes de Enable3d. Un mundo ligero, rápido, pero lleno de profundidad y detalle.
“Cada roca tiene masa. Cada sombra tiene forma. Cada dragón... tiene un mundo bajo sus patas.”
En próximas entradas te contaré cómo se gestiona el rendimiento, la carga de escenas, y algunos trucos que uso para mantener el juego fluido y estable incluso con múltiples jugadores conectados.
