Todos os projetos

Estudo de caso

Itl Game Hub

Plataforma web de jogos com uma camada Next.js, motor de gameplay determinístico, sistemas procedurais e renderizadores experimentais em Canvas e Phaser.

TecnologiasNext.js, React, React DOM, TypeScript, Tailwind CSS, Zod, Drizzle ORM, Phaser, shadcn/ui, Three.js
O problema
Explorar sistemas de jogo sem acoplar as regras à renderização.
Minha contribuição
Módulos de gameplay em TypeScript e motor determinístico com snapshots para renderizadores.
O resultado
Plataforma experimental para testar gameplay determinístico com renderizadores Canvas e Phaser.
Interface de Itl Game Hub
Abrir imagem em tamanho original

Plataforma experimental que combina uma aplicação web com sistemas interativos e módulos de gameplay em TypeScript.

A camada web oferece autenticação, perfis e rankings. Um motor determinístico no cliente expõe snapshots consumidos por renderizadores Canvas e um runtime experimental Phaser. Dungeon Gunners é o experimento mais avançado: um shooter roguelite top-down com salas procedurais, armas e primeiros mecanismos cooperativos.

Problema

Hospedar jogos diferentes com arquitetura e experiência consistentes, permitindo evolução independente, progressão específica e atualizações de quadro responsivas.

Arquitetura

Next.js App Router cuida da plataforma. O motor TypeScript avança o estado por step(delta, input) e expõe o estado de renderização.

Renderizadores consomem esse snapshot sem possuir a lógica de gameplay. A separação permite experimentar Canvas e Phaser sem acoplar as regras à interface. Domínios se distribuem entre app, componentes e módulos compartilhados.

Implementação

Dungeon Gunners inclui progressão por salas, surgimento de inimigos, armas, armadura, vida e recompensas em transições. Há minimapa, HUD, feedback de combate e protótipos multiplayer orientados a eventos.

O desenvolvimento também explora especificações estruturadas e assistência de IA, com limites arquiteturais explícitos.

Resultado

Um laboratório pessoal de arquitetura de jogos, renderização e interação. A separação das camadas mantém espaço para experimentos sem exigir uma reescrita completa a cada renderizador.

Conheça outros projetos Entre em contato