Kern
Experiência mobile tridimensional com avatar procedural interativo 3D, IA integrada e armazenamento local-first via Capacitor.
Função
Creative Developer & Mobile Architect
Período
2024
Cliente / Contexto
Kern Engine
Tecnologias
Taxa de Quadros Android
60 FPSFuncionamento Offline
100%Latência Groq API
<100msO Problema
A maioria dos aplicativos mobile 3D exige conexões de rede constantes e sofre com perdas severas de FPS (taxa de quadros) em smartphones intermediários devido à sobrecarga de computação no loop de animações e carregamentos de dados. O desafio era construir um aplicativo local-first resiliente que renderizasse um avatar procedural interativo 3D integrado a uma IA conversacional ultra-rápida, tudo empacotado para rodar nativamente em Android com desempenho de alto nível.
Decisão Técnica
Estruturei a aplicação com Next.js em conjunto com React Three Fiber (R3F) e Drei Helpers, utilizando o componente <PerformanceMonitor> para diminuir dinamicamente a taxa de amostragem de pixels (DPR) caso o hardware mobile estivesse sobrecarregado. Para a infraestrutura de dados offline, implementamos Dexie.js (IndexedDB) gerenciando a sincronização local-first. O app foi compilado como um pacote nativo de Android utilizando Capacitor, e escrevi um plugin nativo em Java personalizado para estender o acesso direto aos sensores do dispositivo e controlar o ciclo de vida do renderizador de forma síncrona.
O Resultado
A aplicação alcançou 60 FPS cravados em celulares intermediários de testes. O modelo de dados local-first garante funcionamento imediato sem atrasos de rede, e a integração com a Groq API processa respostas de voz e expressão facial do avatar 3D com latência imperceptível ao usuário final.