A Casa do Patrão
Jogo interativo desenvolvido para o evento de lançamento do reality show "A Casa do Patrão" (The Walt Disney Company e Record TV), projetado para engajar patrocinadores e imprensa.
O Contexto e o Desafio
"A Casa do Patrão" é um reality show de grande porte produzido pela The Walt Disney Company em parceria com a Record, com transmissão em TV aberta e na plataforma de streaming Disney+.
Para o evento oficial de lançamento da atração, direcionado exclusivamente a patrocinadores e veículos de imprensa, o desafio foi criar uma experiência interativa que trouxesse um pouco do universo do programa. O jogo foi desenvolvido para rodar de forma fluida durante o evento presencial, servindo como uma ativação dinâmica para os convidados, com um atrativo prêmio para o melhor colocado do ranking.
Como se tratou de um projeto de ativação temporária e focada em um momento específico, o domínio oficial de produção foi descontinuado após o encerramento do evento (jogodopatrao.imsite.com.br).
Minha Contribuição
Trabalhando em parceria direta com a IMsite, participei da implementação do ambiente interativo do jogo. Fui responsável pelo desenvolvimento completo do mapa em tempo real, pela modelagem e comportamento dos personagens, bem como pela mecânica e programação de todos os mini-games integrados à aplicação da versão curada disponibilizada aqui.
Para este portfólio, desenvolvi uma versão de demonstração simplificada. Trata-se de uma réplica fiel da interface visual e das interações do jogo original, adaptada para funcionar de forma independente (client-side), sem a necessidade de conexão com o banco de dados de produção. O objetivo é demonstrar na prática os conceitos de computação gráfica na web e a fluidez do gameplay.
Arquitetura e Engenharia de Software
Motores Gráficos e Frontend
Three.js
Utilizado para a construção e renderização do mapa principal do jogo. A integração foi realizada de forma leve utilizando ESM (importmap) diretamente no navegador, sem a necessidade de um empacotador (bundler) no build final.
GSAP + DiceBear
Animações e geração de avatares procedurais integrados ao canvas Three.js.
Troika-three-text
Renderização de texto em 3D integrada ao canvas Three.js.
Backend e APIs
Next.js 14 + Node.js Serverless
Framework e runtime para as funções de backend, gerenciamento de rotas de API e renderização server-side.
Supabase (PostgreSQL)
Banco de dados relacional para persistência do ranking, autenticação e chamadas RPC seguras.
Fila Offline com LocalStorage
Para mitigar problemas de oscilação de internet comuns em eventos corporativos presenciais, a autenticação tradicional foi desabilitada. Um sistema de fila offline salvava temporariamente a pontuação do jogador no navegador (localStorage) e, através de chamadas RPC seguras, sincronizava os dados com o banco assim que a conexão era restabelecida.