Todos los proyectos

Caso de estudio

Itl Game Hub

Plataforma web de juegos con una capa Next.js, motor de juego determinista, sistemas procedurales y renderizadores experimentales en Canvas y Phaser.

TecnologíasNext.js, React, React DOM, TypeScript, Tailwind CSS, Zod, Drizzle ORM, Phaser, shadcn/ui, Three.js
El problema
Explorar sistemas de juego sin acoplar las reglas al renderizado.
Mi contribución
Módulos de juego en TypeScript y motor determinista con snapshots para renderizadores.
El resultado
Plataforma experimental para probar juego determinista con renderizadores Canvas y Phaser.
Interfaz de Itl Game Hub
Abrir imagen en tamaño original

Plataforma experimental que combina una aplicación web con sistemas interactivos y módulos de juego en TypeScript.

La capa web ofrece autenticación, perfiles y clasificaciones. Un motor determinista en el cliente expone snapshots para renderizadores Canvas y un runtime experimental Phaser. Dungeon Gunners es el experimento más avanzado: shooter roguelite top-down con salas procedurales, armas y primeros mecanismos cooperativos.

Problema

Alojar juegos diferentes con arquitectura y experiencia consistentes, permitiendo evolución independiente, progreso específico y actualizaciones de cuadro ágiles.

Arquitectura

Next.js App Router gestiona la plataforma. El motor TypeScript avanza mediante step(delta, input) y expone el estado de renderizado.

Los renderizadores consumen el snapshot sin poseer la lógica de juego. Esto permite experimentar con Canvas y Phaser sin acoplar reglas e interfaz. Los dominios se distribuyen entre app, componentes y módulos compartidos.

Implementación

Dungeon Gunners incluye progreso por salas, aparición de enemigos, armas, armadura, vida y recompensas en las transiciones. Hay minimapa, HUD, feedback de combate y prototipos multiplayer orientados a eventos.

El desarrollo explora especificaciones estructuradas y asistencia de IA con límites arquitectónicos explícitos.

Resultado

Un laboratorio personal de arquitectura de juegos, renderizado e interacción. La separación de capas deja espacio para experimentar sin reescribir todo al cambiar de renderizador.

Explora más proyectos Ponte en contacto