O desafio
Queriamos provar que o React Native pode criar jogos mobile completos — nao apenas apps de produtividade. O objetivo: um tycoon de simulacao empresarial com graficos em pixel art, IA competitiva e uma economia equilibrada, tudo rodando a 60fps no iOS e Android a partir de uma unica base de codigo.
A abordagem
Pixel art sem sprites
Em vez de carregar sprite sheets, decidimos renderizar tudo de forma procedural com @shopify/react-native-skia. Cada edificio, arvore e personagem e desenhado com retangulos de 8x8 pixels diretamente em um Canvas. Isso elimina a gestao de assets e torna os graficos completamente dinamicos: a torre do jogador cresce em tempo real com base no numero de funcionarios.
Motor de jogo em TypeScript
O game loop processa cada “dia” da simulacao calculando receita, despesas, efeitos ativos e acoes dos competidores com IA. Usamos Zustand com 5 slices (game, player, competitor, event, UI) para um gerenciamento de estado previsivel e eficiente.
Competidores com personalidade
Cada um dos 6 competidores com IA tem pesos distintos para suas decisoes: agressividade, tendencia de contratacao, tendencia de lancamento ou tendencia de marketing. Nebula Systems contrata agressivamente, Vortice Gaming aposta em lancamentos de produtos, Pagina Azul foca em marketing. Eles podem atacar o jogador, roubar talentos e ate falir.
Eventos dinamicos
Mais de 10 eventos aleatorios com condicoes de ativacao e opcoes com consequencias reais. Um bug critico pode custar moral ou dinheiro. Um investidor anjo oferece capital em troca de diluicao. Cada partida e diferente.
Stack tecnologico
- React Native 0.86 + Expo 57 — Framework e sistema de build
- @shopify/react-native-skia — Renderizacao 2D de alta performance
- Zustand — Estado global com 5 slices especializados
- expo-sqlite — Persistencia do jogo e placar
- i18next — Bilingue Espanhol/Ingles
- expo-haptics — Feedback tatil em acoes e eventos
- Strict TypeScript — Tipagem completa do motor de jogo
Resultado
Um MVP funcional com 35 dias de simulacao, 6 acoes estrategicas, mais de 10 eventos dinamicos e um sistema de progressao visual (a torre cresce de 1 a 8 andares). Salvamento automatico, placar local e suporte bilingue incluidos. Pronto para publicacao na App Store e Google Play.
Como trabalhamos
Cada projeto segue o nosso processo artesanal, adaptado as necessidades especificas de cada cliente.
Discovery & Requisitos
Imersao no negócio, utilizadores e objetivos. Workshops de ideação, pesquisa de mercado e definição do escopo MVP.
Design & Arquitetura
Wireframes, protótipos interativos e arquitetura técnica. Validação com cliente antes de escrever código.
Desenvolvimento & Testing
Sprints de 2 semanas com demos. CI/CD, code review e testing contínuo. Feedback em cada iteração.
Entrega & Evolução
Deploy em produção, monitorização e suporte. Métricas pos-lançamento e roadmap de melhorias contínuas.